@bytebrand/fe-ui-core 4.1.20 → 4.1.21

package/source/framework/vehiclesProps/decoratedLightProps.tsx

@@ -1,300 +1,300 @@
-/* tslint:disable */
-import * as React from 'react';
-// import { cbdGearbox, cbdFuel } from './cbdSelectors'
-import { isNull } from 'util';
-import { formatMileage } from '../utils/CommonUtils';
-import { formatTimestamp } from '../utils/DateUtils';
-import { DELIVERY_PERIODS_EXTRA } from '../constants';
-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 !isNull(prop) && 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 }
-  } = 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}`);
-        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 co2 = car.environmentEmissions.co2;
-
-        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');
-
-        return <>{consumptionValue} <br /> {co2Value}</>;
-      }
-    },
-    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 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');
-
-        return <>{consumptionValue} <br /> {co2Value} </>;
-      }
-    },
-
-    consumptionCombinedHybridAlternateView: {
-      name: 'consumptionCombined',
-      icon: 'fuelConsumption',
-      get value() {
-        const consumptionCombined = +car.consumption.consumptionCombined;
-        const consumptionPowerCombined = +car.consumption.consumptionPowerCombined;
-        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 consumptionCombinedContent = t('vehicleProps:value.consumptionCombined', { consumption: consumptionCombined.toLocaleString(language), unit: translatedUnit });
-
-        const co2 = car.environmentEmissions.co2;
-        const co2Value = Number.isFinite(co2)
-        ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
-        : t('vehicleProps:value.na');
-
-        return Number.isFinite(consumptionCombined) || Number.isFinite(consumptionPowerCombined)
-          ? <React.Fragment>
-            {consumptionPowerCombined ? consumptionPowerCombinedContent : t('vehicleProps:value.na')} <br />{consumptionCombinedContent} <br /> {co2Value}
-          </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 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');
-
-        return <>{consumptionValue} <br /> {co2Value}</>;
-      }
-    },
-    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 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');
-
-        return <>{consumptionValue} <br /> {co2Value}</>;
-      }
-    },
-    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 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');
-
-        return <>{consumptionValue} | {co2Value}</>;
-      }
-    },
-    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';
-      }
-    },
-    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 {
-              offerAvailability = t('vehicleProps:value.fromDate', { date: humanViewTime });
-            }
-            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 { isNull } from 'util';
+import { formatMileage } from '../utils/CommonUtils';
+import { formatTimestamp } from '../utils/DateUtils';
+import { DELIVERY_PERIODS_EXTRA } from '../constants';
+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 !isNull(prop) && 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 }
+  } = 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}`);
+        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 co2 = car.environmentEmissions.co2;
+
+        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');
+
+        return <>{consumptionValue} <br /> {co2Value}</>;
+      }
+    },
+    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 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');
+
+        return <>{consumptionValue} <br /> {co2Value} </>;
+      }
+    },
+
+    consumptionCombinedHybridAlternateView: {
+      name: 'consumptionCombined',
+      icon: 'fuelConsumption',
+      get value() {
+        const consumptionCombined = +car.consumption.consumptionCombined;
+        const consumptionPowerCombined = +car.consumption.consumptionPowerCombined;
+        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 consumptionCombinedContent = t('vehicleProps:value.consumptionCombined', { consumption: consumptionCombined.toLocaleString(language), unit: translatedUnit });
+
+        const co2 = car.environmentEmissions.co2;
+        const co2Value = Number.isFinite(co2)
+        ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
+        : t('vehicleProps:value.na');
+
+        return Number.isFinite(consumptionCombined) || Number.isFinite(consumptionPowerCombined)
+          ? <React.Fragment>
+            {consumptionPowerCombined ? consumptionPowerCombinedContent : t('vehicleProps:value.na')} <br />{consumptionCombinedContent} <br /> {co2Value}
+          </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 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');
+
+        return <>{consumptionValue} <br /> {co2Value}</>;
+      }
+    },
+    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 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');
+
+        return <>{consumptionValue} <br /> {co2Value}</>;
+      }
+    },
+    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 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');
+
+        return <>{consumptionValue} | {co2Value}</>;
+      }
+    },
+    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';
+      }
+    },
+    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 {
+              offerAvailability = t('vehicleProps:value.fromDate', { date: humanViewTime });
+            }
+            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;