@bytebrand/fe-ui-core 4.1.146 → 4.1.148

package/common.ts

@@ -27,6 +27,7 @@ export { default as OrderOverviewItem } from './source/components/Checkout/Order
 export { default as Image } from './source/components/_common/Image/Image';
 export { default as VehicleSlider } from './source/components/_common/VehicleSlider/VehicleSlider';
 export { default as VehicleSliderForSRL } from './source/components/_common/VehicleSlider/VehicleSliderForSRL';
+export { default as VehicleProperty } from './source/components/VehicleSmallCard/VehicleData/VehicleProperty/VehicleProperty';
 export { default as VehicleSmallCard } from './source/components/VehicleSmallCard/VehicleSmallCard';
 export { default as OfferPanel } from './source/components/OfferPanel/OfferPanel';
 

package/package.json

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

package/source/components/Alternative/DealerInfo.styl

@@ -96,6 +96,7 @@
     width: 1.5rem;
     height: auto;
     fill: $skyBlue
+    margin-left: 5px
 
 .ourPriceBlock
     display: flex;
@@ -107,4 +108,9 @@
     cursor: pointer;
 
 .editIconBlock
-    cursor: pointer;
+    cursor: pointer;
+
+.editFieldWrapper
+    display: flex
+    align-items: center
+

package/source/components/Alternative/DealerInfo.tsx

@@ -20,7 +20,6 @@ const DealerInfo = ({ infoSections, t, dealerPrice, link, linkName, currentSales
   const inputRef = useRef(null);
 
   const handleSubmit = () => {
-    setPriceUpdating(false);
     setNewPrice(Math.max(currentSalesPrice, newPrice));
     onCurrentSalesPriceChange(Math.max(currentSalesPrice, newPrice));
   };
@@ -28,7 +27,8 @@ const DealerInfo = ({ infoSections, t, dealerPrice, link, linkName, currentSales
   const handlePriceUpdating = () => {
     if (isPriceUpdating) {
       handleSubmit();
-    } else {
+      setPriceUpdating(false);
+    } else if (!isPriceUpdating) {
       setPriceUpdating(true);
       setTimeout(
         () => {
@@ -47,6 +47,7 @@ const DealerInfo = ({ infoSections, t, dealerPrice, link, linkName, currentSales
   const onEnterSubmit = (e: any) => {
     if (e.key === 'Enter') {
       handleSubmit();
+      setPriceUpdating(false);
     }
   };
 

package/source/framework/constants/common.ts

@@ -16,12 +16,15 @@ export const GOOGLE_BUNDLE_COOKIES = {
 export const COOKIE_SCHEMA = {
   necessary: { gdpr: { name: 'DSGVO' }, __cfruid: { name: 'Cloudflare ' }, cf_chl_2: { name: 'Cloudflare für Webverkehr zu identifizieren' }, cf_chl_rc_ni: { name: 'Cloudflare für den internen Gebrauch' }, ['next-i18next']: { name: 'Spracheinstellungen' }, _cfuvid: { name: 'Cloudflare WAF' }, cf_chl_prog: { name: 'Cloudflare für JS' }, __cf_bm: { name: 'Cloudflare bot' } },
   analytics: { PugT: { name: 'PubMatic' }, locale: { name: 'Facebook' },
-    uid: { name: 'criteo' }, callback: { name: 'callback' }, demdex: { name: 'demdex' }, _hjFirstSeen: { name: 'Hotjar' }, _hjIncludedInSessionSample: { name: 'Hotjar' }, _hjIncludedInPageviewSample: { name: 'Hotjar' }, _hjAbsoluteSessionInProgress: { name: 'Hotjar' }, vuid: { name: 'Vimeo' },
+    uid: { name: 'criteo' }, callback: { name: 'callback' }, demdex: { name: 'demdex' }, vuid: { name: 'Vimeo' },
+    _fbp: { name: 'Facebook' },
+    hotjar: { name: 'Hotjar-Analytics'},
+    // _hjFirstSeen: { name: 'Hotjar' }, _hjIncludedInSessionSample: { name: 'Hotjar' }, _hjIncludedInPageviewSample: { name: 'Hotjar' }, _hjAbsoluteSessionInProgress: { name: 'Hotjar' }, _hjSession_2590373: { name: 'Hotjar' }, _hjSessionUser_2590373: { name: 'Hotjar' }, // Hotjar Analytics
     // _gcl_au: { name: 'Google Tag Manager' }, _ga: { name: 'Google Analytics' }, _gid: { name: 'Google Analytics' }, ['_gat_UA-31842-13']: { name: 'Google Analytics' },
     ...GOOGLE_BUNDLE_COOKIES },
-  marketing: { _fbp: { name: 'PubMatic' }, test_cookie: { name: 'PubMatic' }, tuuid: { name: 'PubMatic' }, tuuid_lu: { name: 'PubMatic' }, c: { name: 'PubMatic' }, CMID: { name: 'PubMatic' }, CMPS: { name: 'PubMatic' }, CMPRO: { name: 'PubMatic' }, uuid2: { name: 'PubMatic' }, IDE: { name: 'PubMatic' }, um: { name: 'PubMatic' }, umeh: { name: 'PubMatic' }, cf: { name: 'PubMatic' }, cip: { name: 'PubMatic' }, cnac: { name: 'PubMatic' }, car: { name: 'PubMatic' },
+  marketing: { test_cookie: { name: 'PubMatic' }, tuuid: { name: 'PubMatic' }, tuuid_lu: { name: 'PubMatic' }, c: { name: 'PubMatic' }, CMID: { name: 'PubMatic' }, CMPS: { name: 'PubMatic' }, CMPRO: { name: 'PubMatic' }, uuid2: { name: 'PubMatic' }, IDE: { name: 'PubMatic' }, um: { name: 'PubMatic' }, umeh: { name: 'PubMatic' }, cf: { name: 'PubMatic' }, cip: { name: 'PubMatic' }, cnac: { name: 'PubMatic' }, car: { name: 'PubMatic' },
     KRTBCOOKIE_97: { name: 'PubMatic' }, IDSYNC: { name: 'PubMatic' }, dpm: { name: 'PubMatic' }, _kuid_: { name: 'PubMatic' }, fr: { name: 'PubMatic' }, cto_bundle: { name: 'PubMatic' }, ['visitor-id']: { name: 'PubMatic' }, ['data-c-ts']: { name: 'PubMatic' }, ['data-c']: { name: 'PubMatic' }, CMTS: { name: 'PubMatic' }, ['mv_tokens']: { name: 'PubMatic' }, A3: { name: 'PubMatic' }, ['mv_tokens_eu-v1']: { name: 'PubMatic' }, am_tokens: { name: 'PubMatic' },
-    ['am_tokens_eu-v1']: { name: 'PubMatic' }, _hjSessionUser_2590373: { name: 'PubMatic' }, iteo: { name: 'PubMatic' }, _hjSession_2590373: { name: 'PubMatic' }, MyVerivoxAuth: { name: 'PubMatic' }, VxCheckAuth: { name: 'PubMatic' }}
+    ['am_tokens_eu-v1']: { name: 'PubMatic' }, iteo: { name: 'PubMatic' }, MyVerivoxAuth: { name: 'PubMatic' }, VxCheckAuth: { name: 'PubMatic' }}
 };
 
 

package/source/framework/utils/CommonUtils.ts

@@ -533,6 +533,7 @@ export function setUtmParameters() {
 export const updateCookieList = () => {
   let cookieConsentList = Object.keys(GOOGLE_BUNDLE_COOKIES);
   let isFBGranted = true;
+  let isHotjarGranted = true;
   const cookieConfig = JSON.parse(localStorage.getItem('cookieConfig')) || {};
 
   const parsedUrl = new URL(window.location.href);
@@ -544,10 +545,13 @@ export const updateCookieList = () => {
       if (cookieConsentList.includes(cookie)) cookieConsentList = cookieConsentList.filter(i => i !== cookie);  // deny google cookie consent for _gcl_au, _ga, _gid, _gat_UA-31842-13, etc
       // fb
       else if (cookie === '_fbp') isFBGranted = false;
+      else if (cookie === 'hotjar') isHotjarGranted = false;
     });
   });
   // grant google cookies
   window.grantCookieConsent(cookieConsentList);
   // grant FB cookies
   if (isFBGranted) window.fbq('consent', 'grant');
+  // grant Hotjar cookies
+  if (isHotjarGranted) window.grantHotjarCookieConsent();
 };

package/source/framework/vehiclesProps/decoratedProps.tsx

@@ -609,7 +609,7 @@ const getDecoratedProps = (
       icon: 'fuelConsumption',
       title: t('vehicleProps:title.consumptionPowerCombined'),
       get value() {
-        const consumptionPowerCombined = car.consumption.consumptionCombined;
+        const consumptionPowerCombined = car.consumption.consumptionPowerCombined;
         const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
         const translatedUnit = t(`cbd:${consumptionUnit}`);
         return Number.isFinite(consumptionPowerCombined)