@bytebrand/fe-ui-core 4.8.110 → 4.8.111

package/package.json

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

package/source/components/VehicleSmallCard/VehicleSmallCard.tsx

@@ -38,6 +38,7 @@ interface IVehicleSmallCardProps {
   isReferenceSearch?: boolean;
   dashboardButtonText?: string;
   showNewLabel?: boolean;
+  disableDownPaymentLocalStorage?: boolean;
   CircularProgressbar?: any;
   slider?: IVehicleSliderProps | IVehicleSliderForSRLProps;
   stats?: IStatsWrapperProps;
@@ -108,6 +109,7 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
     price,
     seoText,
     showNewLabel,
+    disableDownPaymentLocalStorage,
     linkTag = 'a',
     language,
     className,
@@ -180,7 +182,8 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
     isReferenceSearch,
     isAlternative,
     typeAlternative,
-    showDownPayment: !!(offer as any)?.showDownPayment
+    showDownPayment: !!(offer as any)?.showDownPayment,
+    disableDownPaymentLocalStorage,
   };
 
   const favoriteProps = {
@@ -261,6 +264,7 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
     price,
     showNewLabel,
     showDownPayment: !!(offer as any)?.showDownPayment,
+    disableDownPaymentLocalStorage,
     ...stats
   };
 

package/source/components/_common/withStats/withStats.tsx

@@ -34,6 +34,7 @@ export interface IStatsWrapperProps {
   imagesCount?: number;
   showNewLabel?: boolean;
   showDownPayment?: boolean;
+  disableDownPaymentLocalStorage?: boolean;
   onFavoriteClick?: (event: any) => void;
   getCarImagesData?: (carId: string, force?: boolean, includeAll?: boolean, type?: any, typeAlternative?: string) => Promise<any>;
   [key: string]: any;
@@ -52,6 +53,7 @@ const withStats = (WrappedComponent: any) => ({
   classWrapPrice = '',
   showNewLabel = false,
   showDownPayment = false,
+  disableDownPaymentLocalStorage = false,
   statsSize = 'xs',
   price: { historyPriceDifference = 0, historyPriceDifferencePerCent = 0 },
   ...props
@@ -83,7 +85,10 @@ const withStats = (WrappedComponent: any) => ({
     setShowByLocalStorage(fin === 0 || lea === 0);
   }, []);
 
-  const showByBackend = showDownPayment && (lsFinancingFirst === undefined || lsFinancingFirst === null);
+  const showByBackend = disableDownPaymentLocalStorage
+    ? !!showDownPayment
+    : showDownPayment && (lsFinancingFirst === undefined || lsFinancingFirst === null);
+  const effectiveShowByLocalStorage = disableDownPaymentLocalStorage ? false : showByLocalStorage;
 
   const onHandleSlideChange = (activeSlide: number) => {
     setActiveSlide(activeSlide);
@@ -171,13 +176,13 @@ const withStats = (WrappedComponent: any) => ({
 
     const allFourActive = showNewLabel
       && !!historyPriceDifference && historyPriceDifference >= MIN_PRICE_DIFFERENCE
-      && (showByLocalStorage || showByBackend)
+      && (effectiveShowByLocalStorage || showByBackend)
       && !!historyPriceDifferencePerCent && historyPriceDifferencePerCent >= MIN_PERCENT;
 
     const activeBadgesCount = [
       showNewLabel,
       !!historyPriceDifference && historyPriceDifference >= MIN_PRICE_DIFFERENCE,
-      showByLocalStorage || showByBackend,
+      effectiveShowByLocalStorage || showByBackend,
       !!historyPriceDifferencePerCent && historyPriceDifferencePerCent >= MIN_PERCENT
     ].filter(Boolean).length;
 
@@ -191,7 +196,7 @@ const withStats = (WrappedComponent: any) => ({
             {` ${EUR}`}
           </Badge>
         )}
-        {(showByLocalStorage || showByBackend) && (
+        {(effectiveShowByLocalStorage || showByBackend) && (
           <Badge type='lightBlue' className={styles.badgeItem}>
             {isWideScreen && activeBadgesCount >= 3 ? downPaymentShortText : downPaymentText}
           </Badge>