@bytebrand/fe-ui-core 4.8.106 → 4.8.108

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.8.106",
+  "version": "4.8.108",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.8.106",
+  "version": "4.8.108",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/source/components/AccordionWidget/AccordionWidget.tsx

@@ -133,7 +133,9 @@ class AccordionWidget extends React.Component<IAccardionSectionProps> {
     const { consumption } = car;
     // ADV-88: ANY plug-in hybrid (new or used) gets the long weighted+discharged line and the
     // full-width treatment. Gated on hybridPlugin only, no condition check.
-    const isPluginHybrid = !!_get(car, 'engineData.hybridPlugin', false);
+    // ADV-88: "is a hybrid car" is determined by fuel type (hybrid electric + diesel/petrol), not hybridPlugin.
+    const isPluginHybrid = consumption.fuel === 'selector_fuel_hybridElectricalDiesel'
+      || consumption.fuel === 'selector_fuel_hybridElectricalPetrol';
     const mainPropertiesList = getOverviewDetails(consumption.fuel);
     const mainProperties = mainPropertiesList.map((prop: string) => {
       const isConsumptionAlternateView = prop.startsWith('consumption') && prop.endsWith('AlternateView');

package/source/components/VehicleSmallCard/VehicleData/VehicleInfo/VehicleInfo.tsx

@@ -84,7 +84,9 @@ const VehicleInfo: React.FC<IVehicleInfoProps> = (props) => {
 
   // ADV-88: ANY plug-in hybrid (new or used) carries the long weighted+discharged consumption/CO2
   // line — render it full-width. Gated on hybridPlugin only, no condition check.
-  const isPluginHybrid = !!(engineData && engineData.hybridPlugin);
+  // ADV-88: "is a hybrid car" is determined by fuel type (hybrid electric + diesel/petrol), not hybridPlugin.
+  const isPluginHybrid = consumption.fuel === 'selector_fuel_hybridElectricalDiesel'
+    || consumption.fuel === 'selector_fuel_hybridElectricalPetrol';
   const decoratedProps = getDecoratedProps(dataDecoratedProps, t, language);
   const renderProperty = (renderProperties: any, vehicleComponentName?: any) => {
     const mainPropertiesList = renderProperties(dataDecoratedProps.consumption.fuel, combineRefAlternative)
@@ -100,7 +102,7 @@ const VehicleInfo: React.FC<IVehicleInfoProps> = (props) => {
         className: classnames(styles[decoratedProps[prop].name], { [styles.pluginFullWidth]: isConsumption && isPluginHybrid }),
         classNameIcon: (vehicleComponentName === 'search' || 'myVehicles' || 'favorite' || 'recently') && styles.carIconSearch,
         smalltext: isConsumption && (vehicleComponentName !== 'search'),
-        hybridPlugin: engineData.hybridPlugin && isConsumption && vehicleComponentName !== 'search'
+        hybridPlugin: isPluginHybrid && isConsumption && vehicleComponentName !== 'search'
       };
     });
 

package/source/components/VehicleSmallCard/VehicleSmallCard.tsx

@@ -155,7 +155,10 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
   // ADV-88: ANY plug-in hybrid (new or used) carries the long weighted+discharged consumption/CO2
   // line — externalise it to a full-width row so it doesn't overflow the narrow info column. Gated
   // on hybridPlugin only, no condition check.
-  const isPlugin = !!(engineData && (engineData as any).hybridPlugin);
+  // ADV-88: "is a hybrid car" is determined by fuel type (hybrid electric + diesel/petrol), not hybridPlugin.
+  const cardFuel = consumption ? (consumption as any).fuel : undefined;
+  const isPlugin = cardFuel === 'selector_fuel_hybridElectricalDiesel'
+    || cardFuel === 'selector_fuel_hybridElectricalPetrol';
   const externalizeConsumption = isPlugin
     && (vehicleComponentName === 'landing' || vehicleComponentName === 'main'
       || vehicleComponentName === 'search' || vehicleComponentName === 'comparable'

package/source/framework/vehiclesProps/decoratedLightProps.tsx

@@ -150,7 +150,10 @@ const getDecoratedLightProps = (
           ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
           : t('vehicleProps:value.na');
 
-        const hybridPlugin = car.engineData.hybridPlugin;
+        // 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;
 
@@ -303,7 +306,10 @@ const getDecoratedLightProps = (
           ? t('vehicleProps:value.wltpCo2WtdCombined', { co2: wltpCo2.toLocaleString(language), unit: translatedUnit })
           : null;
 
-        const hybridPlugin = car.engineData.hybridPlugin;
+        // 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.

package/source/framework/vehiclesProps/decoratedProps.tsx

@@ -874,10 +874,13 @@ const getDecoratedProps = (
         const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
           ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
           : null;
-        const hybridPlugin = car.engineData.hybridPlugin;
+        // ADV-88: "is a hybrid car" is now determined by fuel type (hybrid electric + diesel/petrol),
+        // not engineData.hybridPlugin.
+        const hybridPlugin = car.consumption.fuel === 'selector_fuel_hybridElectricalDiesel'
+          || car.consumption.fuel === 'selector_fuel_hybridElectricalPetrol';
 
-        // ADV-88: ANY plug-in hybrid (new or used) shows both weighted (gew., komb) and discharged
-        // (entladen, komb) fuel consumption + a discharged CO2 class — gated on hybridPlugin only.
+        // ADV-88: ANY hybrid car (new or used) shows both weighted (gew., komb) and discharged
+        // (entladen, komb) fuel consumption + a discharged CO2 class.
         if (hybridPlugin && wltpConsumptionWeightedPowerCombinedContent && wltpConsumptionWeightedCombinedContent) {
           const ADV88_DEFAULT_DISCHARGED_COMBINED = 19.9;
           const ADV88_DEFAULT_DISCHARGED_CO2_CLASS = 'selector_energyEfficiencyClass_g';