@bytebrand/fe-ui-core-autobahn 1.0.0

package/vehiclesProps/decoratedProps.tsx

@@ -0,0 +1,1746 @@
+import * as React from 'react';
+import moment from 'moment';
+
+import Icon from '../compat/IconContainer/IconContainer';
+import CO2Efficiency from '../compat/Co2Widget/CO2Efficiency';
+import { formatTimestamp } from '../utils/DateUtils';
+import { formatMileage } from '../utils/CommonUtils';
+import { EMISSION_STICKERS_ICONS, WP_EMISSION_STICKERS_ICONS } from '../constants/Search';
+import { DELIVERY_PERIODS_EXTRA } from '../constants';
+import { IDecoratedProp, ICar, IFinancingUtils } from '../types/types';
+import { getFormattedPrice } from '../utils/CommonUtils';
+
+const formatDeliveryPeriod = (t: (key: string, options?: object) => 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 isPropDefined = (prop: any) => {
+  const type = typeof prop;
+  if (type === 'string') {
+    return prop.indexOf('other') === -1
+      && prop.indexOf('unknown') === -1;
+  }
+  return !(prop === undefined || prop === null) && type !== 'undefined';
+};
+
+const isCheckedBatteryTime = (prop: any, t: (key: string, options?: object) => string) => {
+  switch (prop) {
+    case 'selector_batteryCharchingDurationMinutes':
+      return 'min';
+      break;
+    case 'selector_batteryCharchingDurationHours':
+      return 'h';
+      break;
+    default:
+      return t('vehicleProps:value.na');
+  }
+};
+
+// getPowerLabel MOVED to @bytebrand/fe-ui-core-autobahn (pure logic, shared by
+// fe-main/fe-landing/fe-wp-widgets). Re-exported here so this module's public
+// symbol set — and the `@bytebrand/fe-ui-core/utils` barrel — stay unchanged.
+export { getPowerLabel } from '../utils/power';
+const wrapValue = (value:string): React.ReactNode => {
+  const regex = /-?\d+(\,\d+)?/; // match any digit
+  const matches = value.match(regex); // get an array of all digits found
+
+  if (matches && matches.length > 0) { // If at least one number is found in the input string
+    const index = value.indexOf(matches[0]) + matches[0].length;
+    const beforeText = value.slice(0, index);
+    const afterText = value.slice(index);
+
+    return (
+      <>
+        {beforeText}
+        <span className='smallText'>{afterText}</span>
+      </>
+    ); // Return a JSX element with a span wrapper around the text after the number
+  }
+  return <>{value}</>; // If no numbers are found in the input string, return the original string without any modification
+};
+
+const getDecoratedProps = (
+  car: ICar, // @TODO should have a proper interface
+  t: (key: string, options?: object) => string,
+  language: string = 'en',
+  simplifiedLabels: boolean = false, // shortened labels for repsonsive layout (see 'power'),
+  financingUtils?: IFinancingUtils
+): IDecoratedProp => {
+  const {
+    offer = {},
+    // countryName,
+    mainData: {
+      firstRegistration = '',
+      mileage = '',
+      numberOfPreviousOwners = '',
+      doors = '',
+      usageType = '',
+      countryVersion = '',
+      condition = '',
+      damaged = '',
+      category = '',
+      seats = '',
+      nonSmokerVehicle = '',
+      make = '',
+      model = ''
+    } = {}
+  } = car;
+  const props: any = {
+    makeModel: {
+      title: t('vehicleProps:title.makeModel'),
+      get value() { return `${make} ${model}`; }
+    },
+    mileage: {
+      title: t('vehicleProps:title.mileage'),
+      icon: 'speed',
+      get value() {
+        return Number.isFinite(parseInt(mileage, 10))
+          ? t('vehicleProps:value.mileage', { mileage: formatMileage(mileage) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    firstRegistration: {
+      title: t('vehicleProps:title.firstRegistration'),
+      icon: 'date',
+      get value() {
+        return Number.isFinite(firstRegistration)
+          ? formatTimestamp({ timestamp: firstRegistration, format: 'MM/YYYY' })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    numberOfPreviousOwners: {
+      title: t('vehicleProps:title.numberOfPreviousOwners'),
+      icon: 'owner',
+      get value() {
+        return Number.isFinite(numberOfPreviousOwners)
+          ? t('vehicleProps:value.vehicleOwners', { count: numberOfPreviousOwners })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    doorsOnly: {
+      icon: 'door',
+      get value() {
+        if (doors > 0) {
+          return t('vehicleProps:value.doorsOnly', { doors });
+        }
+
+        return 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');
+      }
+    },
+
+    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}`) : t('vehicleProps:value.na');
+      }
+    },
+
+    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');
+      }
+    },
+
+    powerAlternateView: {
+      title: t('vehicleProps:title.power'),
+      icon: 'kw',
+      get value() {
+        const { powerKW, powerPS } = car.engineData;
+        return Number.isFinite(powerKW) && Number.isFinite(powerPS)
+          ? t('vehicleProps:value.powerAlternateView', { powerKW, powerPS })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    fuel: {
+      title: t('vehicleProps:title.fuel'),
+      get icon() { return car.consumption.fuel; },
+      get value() {
+        const fuel = car.consumption.fuel;
+        return isPropDefined(fuel) ? t(`cbd:${fuel}`) : t('vehicleProps:value.na');
+      }
+    },
+
+    accidentDamaged: {
+      title: t('cbd:mainData_accidentDamaged'),
+      icon: 'wrench',
+      get value() {
+        return damaged ? t('vehicleProps:value.damaged') : t('vehicleProps:value.accidentFree');
+      }
+    },
+
+    co2: {
+      icon: 'co2',
+      get value() {
+        const co2 = car.environmentEmissions.co2;
+        return Number.isFinite(co2)
+          ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    cylinders: {
+      title: t('vehicleProps:title.cylinders'),
+      get value() {
+        const { engineLocation } = car.engineData;
+        const cylinders = parseInt(car.engineData.cylinders, 10);
+        return Number.isFinite(cylinders)
+          ? (engineLocation ? `${cylinders} / ${t(`cbd:${engineLocation}`)}` : cylinders)
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    plugIn: {
+      title: 'Plug-In',
+      get value() {
+        const { hybridPlugin } = car.engineData;
+        return hybridPlugin ? t(`cbd:selector_hybridPlugin_yes`) : t('cbd:selector_hybridPlugin_no');
+      }
+    },
+
+    cubicCapacity: {
+      title: t('vehicleProps:title.cubicCapacity'),
+      get value() {
+        const cubicCapacity = car.engineData.cubicCapacity;
+        return Number.isFinite(cubicCapacity)
+          ? t('vehicleProps:value.cubicCapacity', { cubicCapacity: cubicCapacity.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    torque: {
+      title: t('vehicleProps:title.torque'),
+      get value() {
+        const torque = car.engineData.torque;
+        return torque
+          ? t('vehicleProps:value.torque', { torque })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    acceleration: {
+      title: t('vehicleProps:title.acceleration'),
+      get value() {
+        const acceleration = car.engineData.acceleration100;
+        return isPropDefined(acceleration)
+          ? (t('vehicleProps:value.acceleration', { seconds: acceleration }))
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    topSpeed: {
+      title: t('vehicleProps:title.topSpeed'),
+      get value() {
+        const topSpeed = car.engineData.highSpeed;
+        return isPropDefined(topSpeed)
+          ? (t('vehicleProps:value.topSpeed', { mileage: topSpeed }))
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    transmission: {
+      title: t('vehicleProps:title.transmission'),
+      get value() {
+        const gearbox = car.driveSuspension.gearbox;
+        return isPropDefined(gearbox) ? t(`cbd:${gearbox}`) : t('vehicleProps:value.na');
+      }
+    },
+
+    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');
+      }
+    },
+
+    fuelCapacity: {
+      title: t('vehicleProps:title.fuelCapacity'),
+      get value() {
+        const fuelCapacity = car.sizeVolumeWeight && car.sizeVolumeWeight.fuelCapacity;
+        return Number.isFinite(fuelCapacity)
+          ? t('vehicleProps:value.fuelCapacity', { capacity: fuelCapacity.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    batteryCapacity: {
+      title: t('vehicleProps:title.batteryCapacityTitle'),
+      get value() {
+        const batteryCapacity = car.battery && car.battery.batteryCapacity;
+        return batteryCapacity && Number.isFinite(batteryCapacity)
+          ? t('vehicleProps:value.batteryCapacity', { batteryCapacity: batteryCapacity.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    chargingDuration230V: {
+      title: t('vehicleProps:title.chargingDuration230V'),
+      get value() {
+        const batteryChargingDuration230VSelect = car.battery && car.battery.batteryChargingDuration230VSelect;
+        const batteryChargingDuration230VHour = car.battery && car.battery.batteryChargingDuration230VHour;
+        const batteryCharchingDuration230VMinutesHours = car.battery && car.battery.batteryCharchingDuration230VMinutesHours;
+
+        return batteryChargingDuration230VSelect
+          ? `${batteryChargingDuration230VHour ? `${batteryChargingDuration230VHour} ${isCheckedBatteryTime(batteryCharchingDuration230VMinutesHours, t)}` : ''} ${batteryChargingDuration230VSelect}`
+          : t('vehicleProps:value.na');
+      }
+    },
+    chargingDurationMaxSpeed: {
+      title: t('vehicleProps:title.chargingDurationMaxSpeed'),
+      get value() {
+        const batteryChargingDurationMaxSelect = car.battery && car.battery.batteryChargingDurationMaxSelect;
+        const batteryChargingDurationMaxHour = car.battery && car.battery.batteryChargingDurationMaxHour;
+        const batteryCharchingDurationMaxSelectMinutesHours = car.battery && car.battery.batteryCharchingDurationMaxSelectMinutesHours;
+
+        return batteryChargingDurationMaxSelect
+          ? `${batteryChargingDurationMaxHour ? `${batteryChargingDurationMaxHour} ${isCheckedBatteryTime(batteryCharchingDurationMaxSelectMinutesHours, t)}` : ''} ${batteryChargingDurationMaxSelect}`
+          : t('vehicleProps:value.na');
+      }
+    },
+    batteryChargerType: {
+      title: t('vehicleProps:title.batteryChargerType'),
+      get value() {
+        const batteryChargerType = car.battery && car.battery.batteryChargerType;
+
+        return isPropDefined(batteryChargerType)
+          ? batteryChargerType.map((item: any) => t(`cbd:${item}`)).join('\n')
+          : t('vehicleProps:value.na');
+      }
+    },
+    hsn: {
+      title: 'HSN',
+      get value() {
+        const hsn = car.metaData.hsn;
+        return isPropDefined(hsn) ? hsn : t('vehicleProps:value.na');
+      }
+    },
+
+    tsn: {
+      title: 'TSN',
+      get value() {
+        const tsn = car.metaData.tsn;
+        return isPropDefined(tsn) ? tsn : t('vehicleProps:value.na');
+      }
+    },
+
+    category: {
+      title: t('vehicleProps:title.category'),
+      get value() {
+        return isPropDefined(category) ? t(`cbd:${category}`) : t('vehicleProps:value.na');
+      }
+    },
+
+    length: {
+      title: t('vehicleProps:title.length'),
+      get value() {
+        const length = car.sizeVolumeWeight && car.sizeVolumeWeight.length;
+        return Number.isFinite(length)
+          ? t('vehicleProps:value.length', { size: length.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    width: {
+      title: t('vehicleProps:title.width'),
+      get value() {
+        const width = car.sizeVolumeWeight && car.sizeVolumeWeight.width;
+        return Number.isFinite(width)
+          ? t('vehicleProps:value.width', { size: width.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    height: {
+      title: t('vehicleProps:title.height'),
+      get value() {
+        const height = car.sizeVolumeWeight && car.sizeVolumeWeight.height;
+        return Number.isFinite(height)
+          ? t('vehicleProps:value.height', { size: height.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    base: {
+      title: t('vehicleProps:title.base'),
+      get value() {
+        const wheelBase = car.driveSuspension.wheelBase;
+        return Number.isFinite(wheelBase)
+          ? t('vehicleProps:value.base', { size: wheelBase.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    capacityLoad: {
+      title: t('vehicleProps:title.loadingVolume'),
+      get value() {
+        const completeCapacity = car.sizeVolumeWeight && car.sizeVolumeWeight.completeCapacity;
+        return Number.isFinite(completeCapacity)
+          ? t('vehicleProps:value.capacityLoad', { capacity: completeCapacity.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    bootCapacity: {
+      title: t('vehicleProps:title.bootCapacity'),
+      get value() {
+        const cargoCapacity = car.sizeVolumeWeight && car.sizeVolumeWeight.cargoCapacity;
+        return Number.isFinite(cargoCapacity)
+          ? t('vehicleProps:value.bootCapacity', { capacity: cargoCapacity.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    doors: {
+      title: t('vehicleProps:title.doors'),
+      get value() { return doors > 0 ? doors : t('vehicleProps:value.na'); }
+    },
+
+    seats: {
+      title: t('vehicleProps:title.seats'),
+      get value() { return seats > 0 ? seats : t('vehicleProps:value.na'); }
+    },
+
+    tare: {
+      title: t('vehicleProps:title.tare'),
+      get value() {
+        const emptyWeight = car.sizeVolumeWeight && car.sizeVolumeWeight.emptyWeight;
+        return Number.isFinite(emptyWeight)
+          ? t('vehicleProps:value.tareWeight', { weight: (emptyWeight).toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    maximumWeight: {
+      title: t('vehicleProps:title.maximumWeight'),
+      get value() {
+        const maxWeight = car.sizeVolumeWeight && car.sizeVolumeWeight.maxWeight;
+        return Number.isFinite(maxWeight)
+          ? t('vehicleProps:value.maximumWeightCapacity', { capacity: maxWeight.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    trailerWeightBraked: {
+      title: t('vehicleProps:title.trailerLoadBraked'),
+      get value() {
+        const trailerWeightBraked = car.sizeVolumeWeight && car.sizeVolumeWeight.trailerWeightBraked;
+        return Number.isFinite(trailerWeightBraked)
+          ? t('vehicleProps:value.weight', { weight: trailerWeightBraked.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    trailerWeightUnbraked: {
+      title: t('vehicleProps:title.trailerLoadUnbraked'),
+      get value() {
+        const trailerWeightUnbraked = car.sizeVolumeWeight && car.sizeVolumeWeight.trailerWeightUnbraked;
+        return Number.isFinite(trailerWeightUnbraked)
+          ? t('vehicleProps:value.weight', { weight: trailerWeightUnbraked.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionInner: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionInner'),
+      get value() {
+        const consumptionInner = car.consumption.consumptionInner;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionInner)
+          ? t('vehicleProps:value.consumption', { consumption: consumptionInner.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionPowerInner: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionPowerInner'),
+      get value() {
+        const consumptionPowerInner = car.consumption.consumptionInner;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionPowerInner)
+          ? t('vehicleProps:value.consumptionPower', { consumption: consumptionPowerInner.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionPowerHybridInner: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionPowerInner'),
+      get value() {
+        const consumptionPowerInner = car.consumption.consumptionPowerInner;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionPowerInner)
+          ? t('vehicleProps:value.consumptionPower', { consumption: consumptionPowerInner.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionHydrogenInner: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionHydrogenInner'),
+      get value() {
+        const consumptionHydrogenInner = car.consumption.consumptionInner;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionHydrogenInner)
+          ? t('vehicleProps:value.consumptionGas', { consumption: consumptionHydrogenInner.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    consumptionGasInner: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionGasInner'),
+      get value() {
+        const consumptionGasInner = car.consumption.consumptionInner;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionGasInner)
+          ? t('vehicleProps:value.consumptionGas', { consumption: consumptionGasInner.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionOuter: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionOuter'),
+      get value() {
+        const consumptionOuter = car.consumption.consumptionOuter;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionOuter)
+          ? t('vehicleProps:value.consumption', { consumption: consumptionOuter.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionPowerOuter: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionPowerOuter'),
+      get value() {
+        const consumptionPowerOuter = car.consumption.consumptionOuter;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionPowerOuter)
+          ? t('vehicleProps:value.consumptionPower', { consumption: consumptionPowerOuter.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionPowerHybridOuter: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionPowerOuter'),
+      get value() {
+        const consumptionPowerOuter = car.consumption.consumptionPowerOuter;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionPowerOuter)
+          ? t('vehicleProps:value.consumptionPower', { consumption: consumptionPowerOuter.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionHydrogenOuter: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionHydrogenOuter'),
+      get value() {
+        const consumptionHydrogenOuter = car.consumption.consumptionOuter;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionHydrogenOuter)
+          ? t('vehicleProps:value.consumptionGas', { consumption: consumptionHydrogenOuter.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionGasOuter: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionGasOuter'),
+      get value() {
+        const consumptionGasOuter = car.consumption.consumptionOuter;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionGasOuter)
+          ? t('vehicleProps:value.consumptionGas', { consumption: consumptionGasOuter.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    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}`);
+        return Number.isFinite(consumptionCombined)
+          ? t('vehicleProps:value.consumption', { consumption: consumptionCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionPowerCombined: {
+      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}`);
+        return Number.isFinite(consumptionPowerCombined)
+          ? t('vehicleProps:value.consumptionPower', { consumption: consumptionPowerCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionPowerHybridCombined: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionPowerCombined'),
+      get value() {
+        const consumptionPowerCombined = car.consumption.consumptionPowerCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(consumptionPowerCombined)
+          ? t('vehicleProps:value.consumptionPower', { consumption: consumptionPowerCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionHydrogenCombined: {
+      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}`);
+        return Number.isFinite(consumptionHydrogenCombined)
+          ? t('vehicleProps:value.consumptionGas', { consumption: consumptionHydrogenCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionGasCombined: {
+      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}`);
+        return Number.isFinite(consumptionGasCombined)
+          ? t('vehicleProps:value.consumptionGas', { consumption: consumptionGasCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionCombinedAlternateView: {
+      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 co2 = car.environmentEmissions.co2;
+
+        const wltpConsumptionValue = Number.isFinite(wltpConsumptionCombined)
+          ? t('vehicleProps:value.consumptionCombined', { consumption: wltpConsumptionCombined.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');
+
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : null;
+
+        if (wltpConsumptionValue && wltpCo2Value) {
+          return <>{wrapValue(wltpConsumptionValue)}, {wrapValue(wltpCo2Value)}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
+        }
+
+        return <>{wrapValue(consumptionValue)} <br /> {wrapValue(co2Value)}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
+      }
+    },
+    consumptionPowerCombinedAlternateView: {
+      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 wltpConsumptionValue = Number.isFinite(wltpConsumptionPowerCombined)
+          ? t('vehicleProps:value.consumptionPower', { 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');
+
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : null;
+
+        if (wltpConsumptionValue && wltpCo2Value) {
+          return <>{wrapValue(wltpConsumptionValue)}, {wrapValue(wltpCo2Value)}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
+        }
+
+        return <>{wrapValue(consumptionValue)} <br /> {wrapValue(co2Value)}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
+      }
+    },
+    consumptionHydrogenCombinedAlternateView: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionHydrogenCombined'),
+      get value() {
+        const consumptionHydrogenCombined = car.consumption.consumptionCombined;
+        const wltpConsumptionCombined = car.consumption.wltpCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        const co2 = car.environmentEmissions.co2;
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+        const wltpEnergyEfficiencyClass = car.environmentEmissions.wltpEnergyEfficiencyClass;
+
+        const consumptionValue = Number.isFinite(consumptionHydrogenCombined)
+          ? t('vehicleProps:value.consumptionGas', { consumption: consumptionHydrogenCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+
+        const wltpConsumptionValue = Number.isFinite(wltpConsumptionCombined)
+          ? t('vehicleProps:value.consumptionGas', { consumption: wltpConsumptionCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+
+        const co2Value = Number.isFinite(co2)
+          ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+
+        const wltpCo2Value = Number.isFinite(wltpCo2)
+          ? t('vehicleProps:value.wltpCo2Combined', { co2: wltpCo2.toLocaleString(language) })
+          : null;
+
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : null;
+
+        if (wltpConsumptionValue && wltpCo2Value) {
+          return <>{wrapValue(wltpConsumptionValue)}, {wrapValue(wltpCo2Value)}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
+        }
+
+        return <>{wrapValue(consumptionValue)} <br /> {wrapValue(co2Value)}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
+      }
+    },
+    consumptionGasCombinedAlternateView: {
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionGasCombined'),
+      get value() {
+        const consumptionGasCombined = car.consumption.consumptionCombined;
+        const wltpConsumptionCombined = car.consumption.wltpCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+
+        const co2 = car.environmentEmissions.co2;
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+        const wltpEnergyEfficiencyClass = car.environmentEmissions.wltpEnergyEfficiencyClass;
+
+        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;
+
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : null;
+
+        if (wltpConsumptionValue && wltpCo2Value) {
+          return <>{wrapValue(wltpConsumptionValue)}, {wrapValue(wltpCo2Value)}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
+        }
+
+        return <>{wrapValue(consumptionValue)} <br /> {wrapValue(co2Value)}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
+      }
+    },
+
+    consumptionCombinedHybridAlternateView: {
+      icon: 'fuelConsumption',
+      get value() {
+        const consumptionCombined = +car.consumption.consumptionCombined;
+        const consumptionPowerCombined = +car.consumption.consumptionPowerCombined;
+        // const wltpPowerCombined = car.consumption.wltpPowerCombined || car.consumption.wltpWeightedPowerCombined;
+        const wltpCombined = car.consumption.wltpCombined;
+        const wltpWeightedCombined = car.consumption.wltpWeightedCombined;
+        const wltpWeightedPowerCombined = car.consumption.wltpWeightedPowerCombined;
+
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+
+        const consumptionPowerCombinedContent = t('vehicleProps:value.consumptionPowerCombined', { consumption: consumptionPowerCombined.toLocaleString(language), unit: translatedUnit });
+        // const wltpConsumptionPowerCombinedContent = wltpPowerCombined
+        //   ? t('vehicleProps:value.consumptionPowerCombined', { consumption: wltpPowerCombined.toLocaleString(language), unit: translatedUnit })
+        //   : null;
+
+        const wltpConsumptionWeightedPowerCombinedContent = wltpWeightedPowerCombined
+          ? t('vehicleProps:value.consumptionPowerCombined', { consumption: wltpWeightedPowerCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+        const consumptionCombinedContent = t('vehicleProps:value.consumptionCombined', { consumption: consumptionCombined.toLocaleString(language), unit: translatedUnit });
+        const wltpConsumptionCombinedContent = wltpCombined ?
+          t('vehicleProps:value.consumptionCombined', { consumption: wltpCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+        const wltpConsumptionWeightedCombinedContent = wltpWeightedCombined ?
+          t('vehicleProps:value.consumptionCombined', { consumption: wltpWeightedCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+
+        const co2 = car.environmentEmissions.co2;
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+        const wltpEnergyEfficiencyClass = car.environmentEmissions.wltpEnergyEfficiencyClass;
+        const co2Value = Number.isFinite(co2)
+        ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
+        : t('vehicleProps:value.na');
+        const wltpCo2Value = Number.isFinite(wltpCo2)
+        ? t('vehicleProps:value.wltpCo2Combined', { co2: wltpCo2.toLocaleString(language) })
+        : null;
+        const wltpCo2PluginValue = Number.isFinite(wltpCo2)
+        ? t('vehicleProps:value.wltpCo2WtdCombined', { co2: wltpCo2.toLocaleString(language) })
+        : null;
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : 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: ANY hybrid car (new or used) shows both weighted (gew., komb) and discharged
+        // (entladen, komb) fuel consumption + a discharged CO2 class.
+        if (hybridPlugin && wltpConsumptionWeightedPowerCombinedContent && wltpConsumptionWeightedCombinedContent) {
+          const ADV88_DEFAULT_DISCHARGED_COMBINED = 19.9;
+          const ADV88_DEFAULT_DISCHARGED_CO2_CLASS = 'selector_energyEfficiencyClass_g';
+
+          const dischargedCombined = Number.isFinite(wltpCombined) ? wltpCombined : ADV88_DEFAULT_DISCHARGED_COMBINED;
+          const dischargedClass = car.environmentEmissions.wltpDischargedEnergyEfficiencyClass || ADV88_DEFAULT_DISCHARGED_CO2_CLASS;
+
+          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>
+            {wrapValue(wltpConsumptionWeightedPowerCombinedContent)}{' + '}
+            {wrapValue(weightedCombinedLabeled)}{', '}
+            {wrapValue(dischargedCombinedLabeled)}
+            {co2WeightedContent && <>{', '}{wrapValue(co2WeightedContent)}</>}
+            {co2ClassWeighted && <>{', '}{co2ClassWeighted}</>}
+            {', '}{co2ClassDischarged}
+          </React.Fragment>
+        }
+
+        if (hybridPlugin && wltpConsumptionWeightedPowerCombinedContent && wltpConsumptionWeightedCombinedContent) {
+          return <React.Fragment>
+            {wrapValue(wltpConsumptionWeightedPowerCombinedContent)}{', '}
+            {wrapValue(wltpConsumptionWeightedCombinedContent)}{', '}
+            {wrapValue(wltpCo2PluginValue)}
+            {co2ClassValue && <><br />{co2ClassValue}</>}
+          </React.Fragment>
+        }
+
+        if (wltpConsumptionCombinedContent && wltpCo2Value) {
+          return <React.Fragment>
+            {wrapValue(wltpConsumptionCombinedContent)}{', '}
+            {wrapValue(wltpCo2Value)}
+            {co2ClassValue && <><br />{co2ClassValue}</>}
+          </React.Fragment>
+        }
+
+        return Number.isFinite(consumptionCombined) && Number.isFinite(consumptionPowerCombined)
+          ? <React.Fragment>
+            {consumptionPowerCombined && hybridPlugin ? wrapValue(consumptionPowerCombinedContent) : ''}
+            {consumptionPowerCombined && hybridPlugin ? <br /> : ''}
+            {wrapValue(consumptionCombinedContent)} <br />
+            {wrapValue(co2Value)}
+            {co2ClassValue && <><br />{co2ClassValue}</>}
+          </React.Fragment>
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    rangeHydrogen: {
+      title: t('vehicleProps:title.rangeHydrogen'),
+      get value() {
+        const { rangeHydrogen } = car.engineData;
+        return Number.isFinite(rangeHydrogen)
+          ? t('vehicleProps:value.batteryRangeElectric', { consumption: rangeHydrogen.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+    batteryRangeElectric: {
+      title: t('vehicleProps:title.batteryRangeElectric'),
+      get value() {
+        const batteryRangeElectric = car.battery && car.battery.batteryRangeElectric;
+        return Number.isFinite(batteryRangeElectric)
+          ? t('vehicleProps:value.batteryRangeElectric', { consumption: batteryRangeElectric.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    c02: {
+      title: t('vehicleProps:title.co2'),
+      get value() {
+        const c02 = car.environmentEmissions.co2;
+        return Number.isFinite(c02)
+          ? t('vehicleProps:value.co2', { co2: c02.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionAndCo2: {
+      title: t('vehicleProps:title.consumptionAndCo2'),
+      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 consumptionValue = Number.isFinite(consumptionPowerCombined)
+          ? t('vehicleProps:value.consumptionCombined', { 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');
+
+        return `${consumptionValue} | ${co2Value}`;
+      }
+    },
+    emissionClass: {
+      title: t('vehicleProps:title.emissionClass'),
+      get value() {
+        const emissionClass = car.environmentEmissions.emissionClass;
+        return isPropDefined(emissionClass) ? t(`cbd:${emissionClass}`) : t('vehicleProps:value.na');
+      }
+    },
+
+    emissionSticker: {
+      title: t('vehicleProps:title.emissionsSticker'),
+      get value() {
+        const emissionSticker = car.environmentEmissions.emissionSticker;
+        let icon = null;
+        const size = 25;
+
+        if (emissionSticker !== 'selector_emissionSticker_no') {
+          icon = EMISSION_STICKERS_ICONS[emissionSticker];
+        }
+
+        return icon ? <Icon src={icon} width={size} height={size} /> : t('vehicleProps:value.na');
+      }
+    },
+
+    wpEmissionSticker: {
+      title: t('vehicleProps:title.emissionsSticker'),
+      get value() {
+        const emissionSticker = car.environmentEmissions.emissionSticker;
+        let icon = null;
+        const size = 25;
+
+        if (emissionSticker !== 'selector_emissionSticker_no') {
+          icon = WP_EMISSION_STICKERS_ICONS[emissionSticker];
+        }
+
+        return icon ? <Icon src={icon} width={size} height={size} /> : t('vehicleProps:value.na');
+      }
+    },
+
+    energyEfficiencyClass: {
+      title: t('vehicleProps:title.energyEfficiencyClass'),
+      subTitle: t('vehicleProps:title.subTitle'),
+      get value() {
+        const level = car.environmentEmissions.energyEfficiencyClass;
+        return isPropDefined(level) ? <CO2Efficiency level={level} t={t} /> : t('vehicleProps:value.na');
+      }
+    },
+
+    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 (!offerAvailabilityMode && !firstRegistration && !mileage) offerAvailability = t('vehicleProps:value.onRequest');
+            else offerAvailability = null;
+        }
+        return isPropDefined(offerAvailability) ? offerAvailability : t('vehicleProps:value.na');
+      }
+    },
+
+    lastTechnicalService: {
+      title: t('vehicleProps:title.lastTechnicalService'),
+      get value() {
+        const lastTechnicalService = car.careService.lastTechnicalService;
+        return Number.isFinite(lastTechnicalService)
+          ? formatTimestamp({ timestamp: lastTechnicalService, format: 'MM/YYYY' })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    generalInspection: {
+      title: t('vehicleProps:title.generalInspection'),
+      get value() {
+        const generalInspection = car.careService.generalInspection;
+        if (car.offer.newHuAu) {
+          return t('vehicleProps:value.new');
+        // tslint:disable-next-line:no-else-after-return
+        }else {
+          return Number.isFinite(generalInspection)
+          ? formatTimestamp({ timestamp: generalInspection, format: 'MM/YYYY' })
+          : t('vehicleProps:value.na');
+        }
+      }
+    },
+
+    condition: {
+      title: t('vehicleProps:title.сondition'),
+      get value() {
+        return isPropDefined(condition)
+          ? t(`cbd:${condition}`)
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    numberOfPreviousOwnersSimple: {
+      title: t('vehicleProps:title.numberOfPreviousOwners'),
+      get value() {
+        return Number.isFinite(numberOfPreviousOwners)
+          ? numberOfPreviousOwners
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    guarantee: {
+      title: t('vehicleProps:title.guarantee'),
+      get value() {
+        const guarantee = car.offer.warranty;
+        return isPropDefined(guarantee)
+          ? (guarantee ? t('vehicleProps:value.yes') : t('vehicleProps:value.no'))
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    maintenanceGuide: {
+      title: t('vehicleProps:title.maintenanceGuide'),
+      get value() {
+        const fullserviceHistory = car.careService.fullServiceHistory;
+        return isPropDefined(fullserviceHistory)
+          ? (fullserviceHistory ? t('vehicleProps:value.yes') : t('vehicleProps:value.no'))
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    nonSmokerVehicle: {
+      title: t('vehicleProps:title.nonSmokingVehicle'),
+      get value() {
+        return isPropDefined(nonSmokerVehicle)
+          ? (nonSmokerVehicle ? t('vehicleProps:value.yes') : t('vehicleProps:value.no'))
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    manufacturerColorName: {
+      title: t('vehicleProps:title.manufacturerColorName'),
+      get value() {
+        const color = car.exterior.manufacturerColorName;
+
+        if (typeof color !== 'string' || color === '') {
+          return t('vehicleProps:value.na');
+        }
+
+        return color[0].toUpperCase() + color.slice(1);
+      }
+    },
+
+    exteriorColor: {
+      title: t('vehicleProps:title.colour'),
+      get value() {
+        const exteriorColor = car.exterior.exteriorColor;
+        return isPropDefined(exteriorColor)
+          ? t(`cbd:${exteriorColor.replace('exterior_', '')}`)
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    appointmentsColor: {
+      title: t('vehicleProps:title.appointmentsColor'),
+      get value() {
+        const interiorColor = car.interior.interiorColor;
+        return isPropDefined(interiorColor)
+          ? t(`cbd:${interiorColor.replace('interior_', '')}`)
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    interiorType: {
+      title: t('vehicleProps:title.interiorType'),
+      get value() {
+        const interiorType = car.interior.interiorType;
+        return isPropDefined(interiorType)
+          ? t(`cbd:${interiorType}`)
+          : t('vehicleProps:value.na');
+      }
+    },
+    signOfUse : {
+      title: t('vehicleProps:title.signsOfUse'),
+      isVisible: mileage > 100, // tslint:disable-line
+      isLongTitle: true,
+      get value() {
+        return t('vehicleProps:value.yes');
+      }
+    },
+    countryVersion : {
+      title: t('vehicleProps:title.countryVersion'),
+      get value() {
+        const countryName = car.countryActive[language];
+        if (!countryVersion) return t('vehicleProps:value.na');
+        switch (countryVersion) {
+          case 'de':
+            return t('vehicleProps:value.countryDEversion');
+            break;
+          case 'eu':
+            return t('vehicleProps:value.countryEUversion');
+            break;
+          case 'at':
+            return t('vehicleProps:value.countryATversion');
+            break;
+          default:
+            return t('vehicleProps:value.countryVersionName', { countryName });
+        }
+      }
+    },
+    wltpCo2: {
+      title: t('vehicleProps:title.wltpCo2'),
+      get value() {
+        const c02 = car.environmentEmissions.wltpCo2;
+        return Number.isFinite(c02)
+          ? t('vehicleProps:value.wltpCo2', { co2: c02.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpCo2Plugin: {
+      title: t('vehicleProps:title.wltpCo2Plugin'),
+      get value() {
+        const c02 = car.environmentEmissions.wltpCo2;
+        return Number.isFinite(c02)
+          ? t('vehicleProps:value.wltpCo2', { co2: c02.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpCo2Discharged: {
+      title: t('vehicleProps:title.wltpCo2Discharged'),
+      get value() {
+        const wltpCo2 = car.environmentEmissions.wltpCo2Discharged;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpCo2)
+          ? t('vehicleProps:value.wltpCo2', { co2: wltpCo2.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpEnergyEfficiencyClass: {
+      // title: t('vehicleProps:title.wltpEnergyEfficiencyClass'),
+      // subTitle: t('vehicleProps:title.subTitle'),
+      get value() {
+        const level = car.environmentEmissions.wltpEnergyEfficiencyClass;
+        const wltpLevel = car.environmentEmissions.wltpDischargedEnergyEfficiencyClass;
+        const { hybridPlugin } = car.engineData;
+        const subtitle = hybridPlugin ? t('vehicleProps:title.wltpCO2SubTitle') : t('vehicleProps:title.wltpCO2SubTitleComb');
+        return isPropDefined(level) ? 
+          <CO2Efficiency
+            title={t('vehicleProps:title.wltpCO2Title')}
+            subTitle={subtitle}
+            wltpLevel={wltpLevel}
+            level={level}
+            t={t}
+            levelTitle={t('vehicleProps:title.wltpCO2WidgetComb')}
+            wltpLevelTitle={t('vehicleProps:title.wltpCO2WidgetDischargedBattery')}
+            hybridPlugin={hybridPlugin}
+            isWltp
+          /> : t('vehicleProps:value.na');
+      }
+    },
+    wltpDischargedEnergyEfficiencyClass: {
+      title: t('vehicleProps:title.wltpDischargedEnergyEfficiencyClass'),
+      subTitle: t('vehicleProps:title.subTitle'),
+      get value() {
+        const level = car.environmentEmissions.wltpDischargedEnergyEfficiencyClass;
+        return isPropDefined(level) ? <CO2Efficiency level={level} isWltp t={t} /> : t('vehicleProps:value.na');
+      }
+    },
+    wltpRange: {
+      title: t('vehicleProps:title.wltpRange'),
+      get value() {
+        const wltpRange = car.battery && car.battery.wltpRange;
+        return Number.isFinite(wltpRange)
+          ? t('vehicleProps:value.batteryRangeElectric', { consumption: wltpRange.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpTotalRange: {
+      title: t('vehicleProps:title.wltpTotalRange'),
+      get value() {
+        const wltpTotalRange = car.battery && car.battery.wltpTotalRange;
+        return Number.isFinite(wltpTotalRange)
+          ? t('vehicleProps:value.batteryRangeElectric', { consumption: wltpTotalRange.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    wltpRangeCity: {
+      title: t('vehicleProps:title.wltpRangeCity'),
+      get value() {
+        const wltpRangeCity = car.battery && car.battery.wltpRangeCity;
+        return Number.isFinite(wltpRangeCity)
+          ? t('vehicleProps:value.batteryRangeElectric', { consumption: wltpRangeCity.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpTotalRangeCity: {
+      title: t('vehicleProps:title.wltpTotalRangeCity'),
+      get value() {
+        const wltpTotalRangeCity = car.battery && car.battery.wltpTotalRangeCity;
+        return Number.isFinite(wltpTotalRangeCity)
+          ? t('vehicleProps:value.batteryRangeElectric', { consumption: wltpTotalRangeCity.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpWeightedCombined: {
+      title: t('vehicleProps:title.wltpWeightedCombined'),
+      get value() {
+        const wltpWeightedCombined = car.consumption.wltpWeightedCombined;
+        return Number.isFinite(wltpWeightedCombined)
+          ? t('vehicleProps:value.consumptionCombined', { consumption: wltpWeightedCombined.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpCombined: {
+      title: t('vehicleProps:title.wltpCombined'),
+      get value() {
+        const wltpCombined = car.consumption.wltpCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpCombined)
+          ? t('vehicleProps:value.consumption', { consumption: wltpCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpCombinedGas: {
+      title: t('vehicleProps:title.wltpCombined'),
+      get value() {
+        const wltpCombined = car.consumption.wltpCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpCombined)
+          ? t('vehicleProps:value.consumptionGas', { consumption: wltpCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpCombinedPlugin: {
+      title: t('vehicleProps:title.wltpCombinedPlugin'),
+      get value() {
+        const wltpCombined = car.consumption.wltpCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpCombined)
+          ? t('vehicleProps:value.consumption', { consumption: wltpCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpSlow: {
+      title: t('vehicleProps:title.wltpSlow'),
+      get value() {
+        const wltpSlow = car.consumption.wltpSlow;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpSlow)
+          ? t('vehicleProps:value.consumption', { consumption: wltpSlow.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpSlowGas: {
+      title: t('vehicleProps:title.wltpSlow'),
+      get value() {
+        const wltpSlow = car.consumption.wltpSlow;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpSlow)
+          ? t('vehicleProps:value.consumptionGas', { consumption: wltpSlow.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpSlowPlugin: {
+      title: t('vehicleProps:title.wltpSlowPlugin'),
+      get value() {
+        const wltpSlow = car.consumption.wltpSlow;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpSlow)
+          ? t('vehicleProps:value.consumption', { consumption: wltpSlow.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpMedium: {
+      title: t('vehicleProps:title.wltpMedium'),
+      get value() {
+        const wltpMedium = car.consumption.wltpMedium;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpMedium)
+          ? t('vehicleProps:value.consumption', { consumption: wltpMedium.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpMediumGas: {
+      title: t('vehicleProps:title.wltpMedium'),
+      get value() {
+        const wltpMedium = car.consumption.wltpMedium;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpMedium)
+          ? t('vehicleProps:value.consumptionGas', { consumption: wltpMedium.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpMediumPlugin: {
+      title: t('vehicleProps:title.wltpMediumPlugin'),
+      get value() {
+        const wltpMedium = car.consumption.wltpMedium;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpMedium)
+          ? t('vehicleProps:value.consumption', { consumption: wltpMedium.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpFast: {
+      title: t('vehicleProps:title.wltpFast'),
+      get value() {
+        const wltpFast = car.consumption.wltpFast;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpFast)
+          ? t('vehicleProps:value.consumption', { consumption: wltpFast.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpFastGas: {
+      title: t('vehicleProps:title.wltpFast'),
+      get value() {
+        const wltpFast = car.consumption.wltpFast;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpFast)
+          ? t('vehicleProps:value.consumptionGas', { consumption: wltpFast.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpFastPlugin: {
+      title: t('vehicleProps:title.wltpFastPlugin'),
+      get value() {
+        const wltpFast = car.consumption.wltpFast;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpFast)
+          ? t('vehicleProps:value.consumption', { consumption: wltpFast.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpVeryFast: {
+      title: t('vehicleProps:title.wltpVeryFast'),
+      get value() {
+        const wltpVeryFast = car.consumption.wltpVeryFast;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpVeryFast)
+          ? t('vehicleProps:value.consumption', { consumption: wltpVeryFast.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpVeryFastGas: {
+      title: t('vehicleProps:title.wltpVeryFast'),
+      get value() {
+        const wltpVeryFast = car.consumption.wltpVeryFast;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpVeryFast)
+          ? t('vehicleProps:value.consumptionGas', { consumption: wltpVeryFast.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpVeryFastPlugin: {
+      title: t('vehicleProps:title.wltpVeryFastPlugin'),
+      get value() {
+        const wltpVeryFast = car.consumption.wltpVeryFast;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpVeryFast)
+          ? t('vehicleProps:value.consumption', { consumption: wltpVeryFast.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpWeightedPowerCombined: {
+      title: t('vehicleProps:title.wltpWeightedPowerCombined'),
+      get value() {
+        const wltpWeightedPowerCombined = car.consumption.wltpWeightedPowerCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpWeightedPowerCombined)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpWeightedPowerCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpPowerCombined: {
+      title: t('vehicleProps:title.wltpPowerCombined'),
+      get value() {
+        const wltpPowerCombined = car.consumption.wltpPowerCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpPowerCombined)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpPowerCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpPowerSlow: {
+      title: t('vehicleProps:title.wltpPowerSlow'),
+      get value() {
+        const wltpPowerSlow = car.consumption.wltpPowerSlow;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpPowerSlow)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpPowerSlow.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpPowerMedium: {
+      title: t('vehicleProps:title.wltpPowerMedium'),
+      get value() {
+        const wltpPowerMedium = car.consumption.wltpPowerMedium;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpPowerMedium)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpPowerMedium.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpPowerFast: {
+      title: t('vehicleProps:title.wltpPowerFast'),
+      get value() {
+        const wltpPowerFast = car.consumption.wltpPowerFast;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpPowerFast)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpPowerFast.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpPowerVeryFast: {
+      title: t('vehicleProps:title.wltpPowerVeryFast'),
+      get value() {
+        const wltpPowerVeryFast = car.consumption.wltpPowerVeryFast;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpPowerVeryFast)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpPowerVeryFast.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpPowerCombinedPlugin: {
+      title: t('vehicleProps:title.wltpPowerCombined'),
+      get value() {
+        const wltpPowerCombined = car.consumption.wltpPowerCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpPowerCombined)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpPowerCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpPowerSlowPlugin: {
+      title: t('vehicleProps:title.wltpPowerSlow'),
+      get value() {
+        const wltpPowerSlow = car.consumption.wltpPowerSlow;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpPowerSlow)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpPowerSlow.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpPowerMediumPlugin: {
+      title: t('vehicleProps:title.wltpPowerMedium'),
+      get value() {
+        const wltpPowerMedium = car.consumption.wltpPowerMedium;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpPowerMedium)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpPowerMedium.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpPowerFastPlugin: {
+      title: t('vehicleProps:title.wltpPowerFast'),
+      get value() {
+        const wltpPowerFast = car.consumption.wltpPowerFast;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpPowerFast)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpPowerFast.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpPowerVeryFastPlugin: {
+      title: t('vehicleProps:title.wltpPowerVeryFast'),
+      get value() {
+        const wltpPowerVeryFast = car.consumption.wltpPowerVeryFast;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        return Number.isFinite(wltpPowerVeryFast)
+          ? t('vehicleProps:value.consumptionPower', { consumption: wltpPowerVeryFast.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpEnergyCosts: {
+      title: t('vehicleProps:title.wltpEnergyCosts'),
+      get value() {
+        const { fuel } = car.consumption;
+        const { wltpCombined, wltpPowerCombined, wltpWeightedCombined, wltpWeightedPowerCombined } = car.consumption;
+        const { powerPrice, fuelPrice } = car.costModel;
+        const powerCost = {
+          fuelPrice,
+          powerPrice
+        }
+        const { hybridPlugin } = car.engineData;
+        const consumption = {
+          wltpCombined, wltpPowerCombined, wltpWeightedCombined, wltpWeightedPowerCombined
+        }
+        const { getFuelPrice } = financingUtils;
+        const fuelCost = getFuelPrice(fuel, consumption, hybridPlugin, powerCost);
+        return Number.isFinite(fuelCost)
+          ? t('vehicleProps:value.pricePerYear', { price: getFormattedPrice(fuelCost, '$,.2f') })
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpCo2CostsLow: {
+      get title() {
+        const { co2DefaultCostsLow } = financingUtils;
+        return t('vehicleProps:title.wltpCo2LowPrice', { price: co2DefaultCostsLow })
+      },
+      get value() {
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+
+        const { getCo2Price } = financingUtils;
+        const { co2PriceLow } = getCo2Price(wltpCo2);
+        return Number.isFinite(co2PriceLow)
+          ? t('vehicleProps:value.wltpCo2Price', { price: getFormattedPrice(co2PriceLow, '$,.2f') })
+          : t('vehicleProps:value.na');
+      },
+      get valueDescription() {
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+
+        const { getCo2Price } = financingUtils;
+        const { co2PriceLow } = getCo2Price(wltpCo2);
+        return Number.isFinite(co2PriceLow) ? t('vehicleProps:value.wltpCo2PriceSpec') : '';
+      }
+    },
+    wltpCo2CostsMiddle: {
+      get title() {
+        const { co2DefaultCostsMedium } = financingUtils;
+        return t('vehicleProps:title.wltpCo2MidPrice', { price: co2DefaultCostsMedium })
+      },
+      get value() {
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+
+        const { getCo2Price } = financingUtils;
+        const { co2PriceMedium } = getCo2Price(wltpCo2);
+        return Number.isFinite(co2PriceMedium)
+          ? t('vehicleProps:value.wltpCo2Price', { price: getFormattedPrice(co2PriceMedium, '$,.2f') })
+          : t('vehicleProps:value.na');
+      },
+      get valueDescription() {
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+
+        const { getCo2Price } = financingUtils;
+        const { co2PriceMedium } = getCo2Price(wltpCo2);
+        return Number.isFinite(co2PriceMedium) ? t('vehicleProps:value.wltpCo2PriceSpec') : '';
+      }
+    },
+    wltpCo2CostsHigh: {
+      get title() {
+        const { co2DefaultCostsHigh } = financingUtils;
+        return t('vehicleProps:title.wltpCo2HighPrice', { price: co2DefaultCostsHigh })
+      },
+      get value() {
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+
+        const { getCo2Price } = financingUtils;
+        const { co2PriceHigh } = getCo2Price(wltpCo2);
+        return Number.isFinite(co2PriceHigh)
+          ? t('vehicleProps:value.wltpCo2Price', { price: getFormattedPrice(co2PriceHigh, '$,.2f') })
+          : t('vehicleProps:value.na');
+      },
+      get valueDescription() {
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+
+        const { getCo2Price } = financingUtils;
+        const { co2PriceHigh } = getCo2Price(wltpCo2);
+        return Number.isFinite(co2PriceHigh) ? t('vehicleProps:value.wltpCo2PriceSpec') : '';
+      }
+    },
+    powerPrice: {
+      title: t('vehicleProps:title.powerPrice'),
+      get value() {
+        const fuel = car.consumption.fuel;
+        const { hybridPlugin } = car.engineData;
+
+        const { getBaseFuelPrice } = financingUtils;
+
+        const basePowerPrice = getBaseFuelPrice(fuel, hybridPlugin).powerPrice;
+        const powerPrice = car.costModel.powerPrice ? car.costModel.powerPrice : basePowerPrice;
+
+        return Number.isFinite(powerPrice)
+          ? t('vehicleProps:value.powerPrice', { price: getFormattedPrice(powerPrice, '$,.2f') })
+          : t('vehicleProps:value.na');
+      }
+    },
+    fuelPrice: {
+      title: t('vehicleProps:title.fuelPrice'),
+      get value() {
+        const fuel = car.consumption.fuel;
+        const { hybridPlugin } = car.engineData;
+
+        const { getBaseFuelPrice } = financingUtils;
+
+        const baseFuelPrice = getBaseFuelPrice(fuel, hybridPlugin) ? getBaseFuelPrice(fuel, hybridPlugin).fuelPrice : null;
+
+        const fuelPrice = car.costModel.fuelPrice ? car.costModel.fuelPrice : baseFuelPrice;
+        return Number.isFinite(fuelPrice)
+          ? t('vehicleProps:value.fuelPrice', { price: getFormattedPrice(fuelPrice, '$,.2f') })
+          : t('vehicleProps:value.na');
+      }
+    },
+    consumptionPriceYear: {
+      title: t('vehicleProps:title.consumptionPriceYear'),
+      get value() {
+        const { consumptionPriceYear } = car.costModel;
+        return Number.isFinite(consumptionPriceYear)
+          ? consumptionPriceYear
+          : t('vehicleProps:value.na');
+      }
+    },
+    wltpCostModelTax: {
+      title: t('vehicleProps:title.wltpVehicleTax'),
+      get value() {
+        const cubicCapacity = car.engineData.cubicCapacity;
+        const fuel = car.consumption.fuel;
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+        const { getVehicleTax } = financingUtils;
+        const tax = car.costModel.tax ? car.costModel.tax : getVehicleTax(fuel, cubicCapacity, wltpCo2, firstRegistration);
+        return Number.isFinite(tax)
+          ? t('vehicleProps:value.pricePerYear', { price: getFormattedPrice(tax, '$,.2f') })
+          : t('vehicleProps:value.na');
+      }
+    }
+
+  };
+  return props;
+};
+
+export default getDecoratedProps;