@bytebrand/fe-ui-core-autobahn 1.0.1 → 1.0.3

package/vehiclesProps/decoratedLightProps.tsx

@@ -1,572 +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;
+/* 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;