@bytebrand/fe-ui-core-autobahn 1.0.0

package/vehiclesProps/equipment.ts

@@ -0,0 +1,129 @@
+import { addPrefixToKeys, arrToObj } from '../utils/CommonUtils';
+import { ICar, IEquipmentProps } from '../types/types';
+
+export const getEquipment = (car: ICar, t: any): IEquipmentProps[] => {
+  if (!car || !Object.keys(car).length) return [];
+
+  const {
+    doors,
+    wheel,
+    extras = {},
+    window,
+    mirrors,
+    multimedia,
+    climatisation,
+    trailerCoupling = {},
+    airbags: { airbag },
+    heatingCooling: { auxiliaryHeating, climatisation: heatingCoolingClimatisation },
+    lights: { lightSensor, ...lights },
+    seats: { backSeats, coDriverSeats, driverSeats, ...seats },
+    wheels: { x4AllWeatherTires, x4SummerTires, x4WinterTires },
+    assistants: { parkingAssistants, powerAssistedSteering, ...assistants },
+    driveSuspension: { sportChassis, adaptiveChassis, airSuspension, roughRoadSuspension,
+      selfLockingDifferential, airSuspensionAdaptive, driveType
+    }
+  } = car;
+
+  const { electricHeated, electricHeatedRearSeats } = seats;
+  const heatingDriverSeats = Array.isArray(driverSeats) && driverSeats.indexOf('selector_driverSeats_electricHeated') !== -1;
+  const heatingCoDriverSeats = Array.isArray(coDriverSeats) && coDriverSeats.indexOf('selector_coDriverSeats_electricHeated') !== -1;
+  const heatingBackSeats = Array.isArray(backSeats) && backSeats.indexOf('selector_backSeats_electricHeated') !== -1;
+  const extrasValue = { ...extras, ...trailerCoupling }
+  return [
+    {
+      title: t('accordion.captionAssistanceSystems'), icon: 'stop',
+      value: {
+        ...addPrefixToKeys(assistants, 'assistants'),
+        assistants_parkingSensors: false,
+        assistants_parkingAssistants: false,
+        lights_lightSensor: lightSensor
+      }
+    },
+    {
+      title: t('accordion.captionAirbags'), icon: 'assistantSystem',
+      value: arrToObj(airbag as string[])
+    },
+    {
+      title: t('accordion.captionParkingAid'), icon: 'parkingAssistant',
+      value: arrToObj(parkingAssistants as string[])
+    },
+    {
+      title: t('accordion.captionAirConditioning'), icon: 'airCondition',
+      value: {
+        [heatingCoolingClimatisation as string]: heatingCoolingClimatisation,
+        ...climatisation
+      }
+    },
+    {
+      title: t('accordion.captionHeater'), icon: 'heating',
+      value: {
+        heatingCooling_auxiliaryHeating: auxiliaryHeating,
+        seats_driverSeats: heatingDriverSeats,
+        seats_coDriverSeats: heatingCoDriverSeats,
+        seats_backSeats: heatingBackSeats,
+        seats_electricHeated: electricHeated,
+        seats_electricHeatedRearSeats: electricHeatedRearSeats
+      }
+    },
+    {
+      title: t('accordion.captionMultimedia'), icon: 'bluetooth',
+      value: addPrefixToKeys(multimedia, 'multimedia')
+    },
+    {
+      title: t('accordion.captionSeats'), icon: 'seats',
+      value: {
+        ...arrToObj(backSeats as string[]),
+        ...arrToObj(coDriverSeats as string[]),
+        ...arrToObj(driverSeats as string[]),
+        ...addPrefixToKeys(seats, 'seats')
+      }
+    },
+    {
+      title: t('accordion.captionSteeringWheel'), icon: 'multifunctionSteeringWheel',
+      value: {
+        ...addPrefixToKeys(wheel, 'wheel'),
+        assistants_powerAssistedSteering: powerAssistedSteering
+      }
+    },
+    {
+      title: t('accordion.captionLight'), icon: 'light',
+      value: addPrefixToKeys(lights, 'lights')
+    },
+    {
+      title: t('accordion.captionDoors'), icon: 'door',
+      value: addPrefixToKeys(doors, 'doors')
+    },
+    {
+      title: t('accordion.captionSlices'), icon: 'panoramicSunroof',
+      value: addPrefixToKeys(window, 'window')
+    },
+    {
+      title: t('accordion.captionMirror'), icon: 'mirror',
+      value: addPrefixToKeys(mirrors, 'mirrors')
+    },
+    {
+      title: t('accordion.captionWheelsLandingGear'), icon: 'fullDrive',
+      value: {
+        ...addPrefixToKeys(
+          {
+            sportChassis, adaptiveChassis, airSuspension, roughRoadSuspension, selfLockingDifferential, airSuspensionAdaptive
+          },
+          'driveSuspension'),
+        ...addPrefixToKeys({ x4AllWeatherTires, x4SummerTires, x4WinterTires }, 'bikes'),
+        [driveType as string]: driveType
+      }
+    },
+    {
+      title: t('accordion.captionExtras'), icon: 'newCar',
+      value: addPrefixToKeys(extrasValue, 'extras')
+    }
+  ];
+};
+
+export const getEquipmentCount = (equipment: IEquipmentProps[]) => {
+  return equipment.reduce((totalCount: number, categoryItem: IEquipmentProps) => {
+    const categoryCount = Object.keys(categoryItem.value)
+      .reduce((count: number, key: string) => (key !== 'selector_unknown' && categoryItem.value[key] ? count + 1 : count), 0);
+    return totalCount + categoryCount;
+  }, 0); // tslint:disable-line
+};

package/vehiclesProps/vehicleDetails.ts

@@ -0,0 +1,428 @@
+import _filter from 'lodash/filter';
+
+interface IEngineDetails {
+  [key: string]: any;
+}
+
+const c02 = ['c02'];
+const emissionClass = ['emissionClass'];
+const lastFieldsEnvironment = ['emissionSticker', 'energyEfficiencyClass'];
+const environmentGlobal = [...c02, ...emissionClass, ...lastFieldsEnvironment];
+const environmentGlobalWithoutEmissionClass = [...c02, ...lastFieldsEnvironment];
+const consumption = ['consumptionInner', 'consumptionOuter', 'consumptionCombined'];
+const consumptionHydrogen = ['rangeHydrogen', 'consumptionHydrogenInner', 'consumptionHydrogenOuter'];
+const consumptionHydrogenCombined = ['consumptionHydrogenCombined'];
+const consumptionGas = ['consumptionGasInner', 'consumptionGasOuter'];
+const consumptionGasCombined = ['consumptionGasCombined'];
+const batteryRangeElectric = ['batteryRangeElectric'];
+const consumptionPower = [...batteryRangeElectric, 'consumptionPowerInner', 'consumptionPowerOuter'];
+const consumptionPowerCombined = ['consumptionPowerCombined'];
+const consumptionPowerHybrid = [...batteryRangeElectric, 'consumptionPowerHybridInner', 'consumptionPowerHybridOuter'];
+const consumptionPowerHybridCombined = ['consumptionPowerHybridCombined'];
+const batteryCapacity = ['batteryCapacity'];
+const batteryCharging = ['chargingDuration230V', 'chargingDurationMaxSpeed', 'batteryChargerType'];
+const plugIn = ['plugIn'];
+const fuel = ['fuel'];
+const otherData = ['powerAlternateView', 'torque', 'acceleration', 'topSpeed', 'transmission', 'driveType'];
+const otherDataLast = ['hsn', 'tsn'];
+const offerAvailability = ['offerAvailability'];
+// ADV-70: the CDP "Überblick" (Overview) no longer shows the availability ("Sofort"/"Now")
+// row — offerAvailability stays available for the SRL/landing cards via getMainPropertiesForSRL.
+const mainPropertiesList = [
+  'mileage', 'firstRegistration', 'numberOfPreviousOwners', 'doorsOnly',
+  'usageType', 'gearbox', 'power', 'driveType', 'accidentDamaged', 'fuel'
+];
+const comparableList = ['firstRegistration', 'mileage', 'gearbox'];
+const landingList = ['mileage', 'gearbox', 'fuel'];
+const location = ['location'];
+const searchResultList = ['mileage', 'firstRegistration', 'gearbox', 'fuel', 'power'];
+const searchFavoriteList = ['mileage', 'firstRegistration', 'numberOfPreviousOwners', 'gearbox', 'usageType', 'fuel', 'power', 'driveType'];
+const consumptionCombinedAlternateView = ['consumptionCombinedAlternateView'];
+const consumptionPowerCombinedAlternateView = ['consumptionPowerCombinedAlternateView'];
+const consumptionCombinedHybridAlternateView = ['consumptionCombinedHybridAlternateView'];
+const consumptionGasCombinedAlternateView = ['consumptionGasCombinedAlternateView'];
+const consumptionHydrogenCombinedAlternateView = ['consumptionHydrogenCombinedAlternateView'];
+const environmentElectroWLTP = ['wltpPowerCombined', 'wltpCo2', 'wltpRange', 'wltpPowerSlow', 'wltpPowerMedium',
+  'wltpPowerFast', 'wltpPowerVeryFast', 'powerPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
+const environmentPluginHybridWLTP = ['wltpWeightedCombined', 'wltpTotalRange', 'wltpWeightedPowerCombined', 'wltpCo2Plugin',
+  'wltpCo2Discharged', 'wltpPowerCombinedPlugin', 'wltpPowerSlowPlugin', 'wltpPowerMediumPlugin', 'wltpPowerFastPlugin', 'wltpPowerVeryFastPlugin',
+  'wltpCombinedPlugin', 'wltpSlowPlugin', 'wltpMediumPlugin', 'wltpFastPlugin', 'wltpVeryFastPlugin',
+  'fuelPrice', 'powerPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
+const environmentElectroBenzinDieselEthanolHybridWLTP = ['wltpCombined', 'wltpCo2', 'wltpSlow', 'wltpMedium', 'wltpFast', 'wltpVeryFast', 'fuelPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
+const environmentHydrogenWLTP = ['wltpCombinedGas', 'wltpCo2', 'wltpSlowGas', 'wltpMediumGas', 'wltpFastGas', 'wltpVeryFastGas', 'fuelPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
+const costModel = ['wltpEnergyCosts', 'wltpCo2CostsMiddle', 'wltpCo2CostsLow', 'wltpCo2CostsHigh', 'wltpCostModelTax'];
+
+export const engineDetails: IEngineDetails = [
+  {
+    selector: 'selector_fuel_electrical',
+    engineData: [
+      ...fuel,
+      ...otherData,
+      ...batteryCapacity,
+      ...batteryCharging,
+      ...otherDataLast
+    ],
+    environment: [
+      ...consumptionPower,
+      ...consumptionPowerCombined,
+      ...environmentGlobalWithoutEmissionClass
+    ],
+    environmentHybridPlugin: [
+      ...consumptionPower,
+      ...consumptionPowerCombined,
+      ...environmentGlobalWithoutEmissionClass
+    ],
+    overview: [
+      ...mainPropertiesList,
+      ...consumptionPowerCombinedAlternateView
+    ],
+    consumptionCombined: [
+      ...consumptionPowerCombinedAlternateView
+    ],
+    wltp: [
+      ...environmentElectroWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_hybridElectricalPetrol',
+    engineData: [
+      ...fuel,
+      'cylinders',
+      ...plugIn,
+      'cubicCapacity',
+      ...otherData,
+      'fuelCapacity',
+      ...batteryCapacity,
+      ...otherDataLast
+    ],
+    hybridPlugin: [
+      ...fuel,
+      'cylinders',
+      ...plugIn,
+      'cubicCapacity',
+      ...otherData,
+      'fuelCapacity',
+      ...batteryCapacity,
+      ...batteryCharging,
+      ...otherDataLast
+    ],
+    environment: [
+      ...consumptionPowerHybrid,
+      ...consumptionPowerHybridCombined,
+      ...consumption,
+      ...environmentGlobal
+    ],
+    environmentHybridPlugin: [
+      ...consumption,
+      ...environmentGlobal
+    ],
+    overview: [
+      ...mainPropertiesList,
+      ...consumptionCombinedHybridAlternateView
+    ],
+    consumptionCombined: [
+      ...consumptionCombinedAlternateView
+    ],
+    wltp: [
+      ...environmentElectroBenzinDieselEthanolHybridWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_hybridElectricalDiesel',
+    engineData: [
+      ...fuel,
+      'cylinders',
+      ...plugIn,
+      'cubicCapacity',
+      ...otherData,
+      'fuelCapacity',
+      ...batteryCapacity,
+      ...otherDataLast
+    ],
+    hybridPlugin: [
+      ...fuel,
+      'cylinders',
+      ...plugIn,
+      'cubicCapacity',
+      ...otherData,
+      'fuelCapacity',
+      ...batteryCapacity,
+      ...batteryCharging,
+      ...otherDataLast
+    ],
+    environment: [
+      ...consumptionPowerHybrid,
+      ...consumptionPowerHybridCombined,
+      ...consumption,
+      ...environmentGlobal
+    ],
+    environmentHybridPlugin: [
+      ...consumption,
+      ...environmentGlobal
+    ],
+    overview: [
+      ...mainPropertiesList,
+      ...consumptionCombinedHybridAlternateView
+    ],
+    consumptionCombined: [
+      ...consumptionCombinedAlternateView
+    ],
+    wltp: [
+      ...environmentElectroBenzinDieselEthanolHybridWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_hydrogen',
+    engineData: [
+      ...fuel,
+      ...otherData,
+      'fuelCapacity',
+      ...otherDataLast
+    ],
+    environment: [
+      ...consumptionHydrogen,
+      ...consumptionHydrogenCombined,
+      ...environmentGlobalWithoutEmissionClass
+    ],
+    environmentHybridPlugin: [
+      ...consumptionHydrogen,
+      ...consumptionHydrogenCombined,
+      ...environmentGlobalWithoutEmissionClass
+    ],
+    overview: [
+      ...mainPropertiesList,
+      ...consumptionHydrogenCombinedAlternateView
+    ],
+    consumptionCombined: [
+      ...consumptionHydrogenCombinedAlternateView
+    ],
+    wltp: [
+      ...environmentHydrogenWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_carGas',
+    engineData: [
+      ...fuel,
+      'cylinders',
+      'cubicCapacity',
+      ...otherData,
+      'fuelCapacity',
+      ...otherDataLast
+    ],
+    environment: [
+      ...consumptionGas,
+      ...consumptionGasCombined,
+      ...environmentGlobal
+    ],
+    environmentHybridPlugin: [
+      ...consumptionGas,
+      ...consumptionGasCombined,
+      ...environmentGlobal
+    ],
+    overview: [
+      ...mainPropertiesList,
+      ...consumptionGasCombinedAlternateView
+    ],
+    consumptionCombined: [
+      ...consumptionGasCombinedAlternateView
+    ],
+    wltp: [
+      ...environmentHydrogenWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_naturalGas',
+    engineData: [
+      ...fuel,
+      'cylinders',
+      'cubicCapacity',
+      ...otherData,
+      'fuelCapacity',
+      ...otherDataLast
+    ],
+    environment: [
+      ...consumptionGas,
+      ...consumptionGasCombined,
+      ...environmentGlobal
+    ],
+    environmentHybridPlugin: [
+      ...consumptionGas,
+      ...consumptionGasCombined,
+      ...environmentGlobal
+    ],
+    overview: [
+      ...mainPropertiesList,
+      ...consumptionGasCombinedAlternateView
+    ],
+    consumptionCombined: [
+      ...consumptionGasCombinedAlternateView
+    ],
+    wltp: [
+      ...environmentHydrogenWLTP
+    ]
+  }
+];
+
+export const wltpDetails = [
+  {
+    selector: 'selector_fuel_diesel',
+    wltp: [
+      ...environmentElectroBenzinDieselEthanolHybridWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_electrical',
+    wltp: [
+      ...environmentElectroWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_hybridElectricalPetrol',
+    wltp: [
+      ...environmentElectroBenzinDieselEthanolHybridWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_hybridElectricalDiesel',
+    wltp: [
+      ...environmentElectroBenzinDieselEthanolHybridWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_naturalGas',
+    wltp: [
+      ...environmentHydrogenWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_carGas',
+    wltp: [
+      ...environmentHydrogenWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_petrol',
+    wltp: [
+      ...environmentElectroBenzinDieselEthanolHybridWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_ethanol',
+    wltp: [
+      ...environmentElectroBenzinDieselEthanolHybridWLTP
+    ]
+  },
+  {
+    selector: 'selector_fuel_hydrogen',
+    wltp: [
+      ...environmentHydrogenWLTP
+    ]
+  }
+]
+
+export const dimensionDetails = [
+  'category', 'length', 'width', 'height', 'base', 'capacityLoad', 'bootCapacity',
+  'doors', 'seats', 'tare', 'maximumWeight', 'trailerWeightBraked', 'trailerWeightUnbraked'
+];
+
+export const availAbilityDetails = [
+  'offerAvailability', 'generalInspection', 'condition',
+  'numberOfPreviousOwnersSimple', 'guarantee', 'maintenanceGuide', 'nonSmokerVehicle', 'signOfUse', 'countryVersion'
+];
+
+export const colorAndMaterialDetails = [
+  'manufacturerColorName', 'exteriorColor', 'appointmentsColor', 'interiorType'
+];
+
+const filtered = (selector: any) => _filter(engineDetails, key => key.selector === selector);
+
+export const getVehicleDetails = (selector: any, dataType: string, hybridPlugin: any = false) => {
+  if (Object.keys(filtered(selector)).length === 0) {
+    if (dataType !== 'engineData') return [...consumption, ...environmentGlobal];
+    return [...fuel, 'cylinders', 'cubicCapacity', ...otherData, 'fuelCapacity', ...otherDataLast];
+  }
+  return filtered(selector).reduce((_selector, item) => {
+    if (hybridPlugin && dataType === 'engineData') return item.hybridPlugin;
+    if (!hybridPlugin && dataType === 'environment') return item.environmentHybridPlugin;
+    return item[dataType];
+  }, []); //tslint:disable-line
+};
+
+export const getWltpValues = (selector: any, hybridPlugin: any = false) => {
+  if (hybridPlugin) {
+    return [...environmentPluginHybridWLTP];
+  }
+  return _filter(wltpDetails, key => key.selector === selector).reduce((_selector, item) => {
+    return item.wltp;
+  }, []);
+};
+
+export const getCostModelValues = () => {
+  return costModel;
+}
+
+export const getOverviewDetails = (selector: any) => {
+  if (Object.keys(filtered(selector)).length === 0) {
+    return [...mainPropertiesList, ...consumptionCombinedAlternateView];
+  }
+  return filtered(selector).reduce((_selector, item) => {
+    return item.overview;
+  }, []); //tslint:disable-line
+};
+
+export const getMainPropertiesForComparableCars = (selector: any) => {
+  if (Object.keys(filtered(selector)).length === 0) {
+    return [...comparableList, ...consumptionCombinedAlternateView];
+  }
+  return filtered(selector).reduce((_selector, item) => {
+    return [...comparableList, ...item.consumptionCombined];
+  }, []); //tslint:disable-line
+};
+
+export const getMainPropertiesForLandingCars = (selector: any) => {
+  if (Object.keys(filtered(selector)).length === 0) {
+    return [...landingList, ...consumptionCombinedAlternateView];
+  }
+  return filtered(selector).reduce((_selector, item) => {
+    return [...landingList, ...item.consumptionCombined];
+  }, []); //tslint:disable-line
+};
+
+export const getMainPropertiesForSRL = (selector: any, isAlternative?: boolean) => {
+  if (Object.keys(filtered(selector)).length === 0) {
+
+    const mainArraySRL = [...searchResultList, ...consumptionCombinedAlternateView, ...offerAvailability];
+    if (isAlternative) {
+      mainArraySRL.unshift(...location);
+    }
+
+    return mainArraySRL;
+  }
+  return filtered(selector).reduce((_selector, item) => {
+    const mainArraySRL = [...searchResultList, ...item.consumptionCombined, ...offerAvailability];
+    if (isAlternative) {
+      mainArraySRL.unshift(...location);
+    }
+    return mainArraySRL;
+  }, []); //tslint:disable-line
+};
+
+export const getMainPropertiesForFavorite = (selector: any, isAlternative?: boolean) => {
+  if (Object.keys(filtered(selector)).length === 0) {
+
+    const mainArrayFavorite = [...searchFavoriteList, ...consumptionCombinedAlternateView, ...offerAvailability,  'accidentDamaged'];
+    if (isAlternative) {
+      mainArrayFavorite.unshift(...location);
+    }
+
+    return mainArrayFavorite;
+  }
+  return filtered(selector).reduce((_selector, item) => {
+    const mainArrayFavorite = [...searchFavoriteList, ...item.consumptionCombined, ...offerAvailability, 'accidentDamaged'];
+    if (isAlternative) {
+      mainArrayFavorite.unshift(...location);
+    }
+    return mainArrayFavorite;
+  }, []); //tslint:disable-line
+};