@bytebrand/fe-ui-core 4.2.56 → 4.2.58

package/__tests__/mockedData/financingConfig.js

@@ -0,0 +1,202 @@
+export const financingConfig = {
+  offerIndex: 0,
+  isStrike: false,
+  comparable: {
+    annualMileage: 40000,
+    firstInstallment: 16100,
+    paybackPeriod: 24,
+    withAddServices: true,
+    withTransportation: false,
+    isUpdated: 1677632978,
+    withFinalInstallment: false
+  },
+  checkout: {
+    warrantyRates: [
+        30.33,
+        0,
+        39.01
+    ],
+    warrantyPackage: 0,
+    warrantyPeriod: 1,
+    admissionService: 6.47,
+    licensePlateFee: 2.13,
+    licensePlateFeeFinalInstallment: 0,
+    admissionServiceFinalInstallment: 0
+  },
+  common: {
+    firstRegistration: 1572562800,
+    mileage: 102000,
+    currentSalesPrice: 21666,
+    highestPrice: 21666,
+    isStrikeShown: false,
+    isHybridOrElectric: false
+  },
+  financing: {
+    grossLoanAmountWithoutFinalInstallment: 5796.24,
+    purchasePrice: 0,
+    hasPaymentProtection: false,
+    paymentProtectionInsurance: 0,
+    monthlyInstallment: 241.51,
+    oldMonthlyInstallment: 241.51,
+    annualMileage: 40000,
+    firstInstallment: 16100,
+    withTransportation: false,
+    withAddServices: true,
+    addServicesCostRaw: 799,
+    addServicesCost: 34.67,
+    transportationCostRaw: 499,
+    transportationCost: 21.65,
+    withFinalInstallment: false,
+    paybackPeriod: 24,
+    rawPaybackPeriod: 24,
+    nominalInterestRate: 3.92,
+    annualPercentageRate: 3.99,
+    financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
+    periodInterestRate: [
+      {
+        duration: 12,
+        recommended: 70,
+        current: 88,
+        inEUR: null,
+        value: 17566,
+        highestValue: 19066.08
+      },
+      {
+        duration: 24,
+        recommended: 66,
+        current: 77,
+        inEUR: null,
+        value: 16067.59,
+        highestValue: 16682.82
+      },
+      {
+        duration: 36,
+        recommended: 60,
+        current: 66,
+        inEUR: null,
+        value: 13772.22,
+        highestValue: 14299.56
+      },
+      {
+        duration: 48,
+        recommended: 50,
+        current: 60,
+        inEUR: null,
+        value: 12520.2,
+        highestValue: 12999.6
+      },
+      {
+        duration: 60,
+        recommended: 40,
+        current: 50,
+        inEUR: null,
+        value: 10433.5,
+        highestValue: 10833
+      },
+      {
+        duration: 72,
+        recommended: 30,
+        current: 40,
+        inEUR: null,
+        value: 8346.8,
+        highestValue: 8666.4
+      },
+      {
+        duration: 84,
+        recommended: 20,
+        current: 30,
+        inEUR: null,
+        value: 6260.1,
+        highestValue: 6499.8
+      },
+      {
+        duration: 96,
+        recommended: 10,
+        current: 20,
+        inEUR: null,
+        value: 4173.4,
+        highestValue: 4333.2
+      }
+    ],
+    closingCosts: 0,
+    offersFinancing: true,
+    rateMode: 'dealer',
+    isStrikeShown: false,
+    totalInterestPayments: 197.16,
+    grossLoanAmount: 5796.24,
+    onetimeSpecialPayment: 16100,
+    currentSalesPrice: 21666,
+    highestPrice: 21666,
+    oldMonthlyCarPrice: 206.84,
+    monthlyCarPrice: 206.84,
+    currentSalesPriceExtraCost: 21666,
+    finalInstallment: 0,
+    netLoanAmount: 5566
+  },
+  buy: {
+    withTransportation: false,
+    withAddServices: true,
+    withoutAddServices: true,
+    transportationCost: 499,
+    addServicesCost: 799,
+    currentSalesPriceExtra: 21666,
+    highestPriceExtra: 21666,
+    extraCost: 0
+  },
+  leasing: {
+    RWG: 4,
+    maxAge: 24,
+    maxMileage: 1000000,
+    isActive: false,
+    withTransportation: false,
+    withAddServices: true,
+    addServicesCostRaw: 799,
+    transportationCostRaw: 499,
+    addServicesCost: 18.76,
+    transportationCost: 11.71,
+    monthlyAddServices: 0,
+    monthlyTransportation: 0,
+    monthlyInstallment: 77.25,
+    oldMonthlyInstallment: 77.25,
+    firstInstallment: 11871.64,
+    firstInstallmentMax: 11871.64,
+    annualMileage: 40000,
+    paybackPeriodRange: [
+      30,
+      36,
+      42,
+      48,
+      54,
+      60
+    ],
+    paybackPeriod: 30,
+    santanderPayBackMin: 250,
+    nominalInterestRate: 6.78,
+    financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
+    grossLoanAmountWithoutFinalInstallment: 2317.5,
+    hasPaymentProtection: false,
+    paymentProtectionInsurance: 0,
+    leasingMode: 'default',
+    currentSalesPrice: 21666,
+    monthlyCarPrice: 58.49,
+    oldMonthlyCarPrice: 58.49,
+    currentSalesPriceExtraCost: 21666,
+    onetimeSpecialPayment: 11871.64,
+    netLoanAmount: 9794.36,
+    grossLoanAmount: 11062.86,
+    finalInstallment: 0,
+    annualPercentageRate: 6.99
+  },
+  abo: {
+    paybackPeriod: 6,
+    annualMileage: 40000
+  },
+  firstRegistration: 1572562800,
+  mileage: 102000,
+  currentSalesPrice: 21666,
+  highestPrice: 21666,
+  isStrikeShown: false,
+  carId: '26ee4c6c-2c55-48e8-bba7-c22aa185558d',
+  offerName: 'financing',
+  vehicleId: '26ee4c6c-2c55-48e8-bba7-c22aa185558d'
+}

package/__tests__/utils/CommonUtils/fixNumber.test.ts

@@ -0,0 +1,20 @@
+import { fixNumber } from '../../../source/framework/utils/CommonUtils';
+
+describe('fixNumber', () => {
+    it('should return fix number when given a float with two decimals', () => {
+      expect(fixNumber(5.555)).toEqual(5.56);
+    });
+    
+    it('should return fix number when given an integer', () => {
+      expect(fixNumber(6)).toEqual(6);
+    });
+  
+    it('should return fix number when given a string which have two decimal places only', () => {
+      expect(fixNumber('7.225')).toEqual(7.23);
+    });
+  
+    it('should return fix number when given a string with extra whitespace characters', () => {
+      expect(fixNumber('   4.444 ')).toEqual(4.44);
+    });
+  });
+  

package/__tests__/utils/CommonUtils/getChipFilterValue.test.ts

@@ -0,0 +1,22 @@
+import { getChipFilterValue } from "../../../source/framework/utils/CommonUtils";
+
+const translatePathFrom = 'SearchPage:filters.from';
+const translatePathTo = 'SearchPage:filters.to';
+const t = (key: string) => key;
+const language = 'en';
+
+describe('getChipFilterValue', () => {
+  it('should return the chip with original filter value', () => {
+    const chip = { filterKey: 'MANUFACTURER', filterValue: 'Audi' };
+    const filterValue = getChipFilterValue(chip);
+    expect(filterValue).toEqual('Audi');
+  });
+
+  it('should return the correct chip for a range values with title', () => {
+    const chip = { filterKey: 'PRICE', filterValue: { from: 10000, to: 20000 } };
+    const filterValue = getChipFilterValue(chip, t, language).replace(/\s+/g, ' ').trim();
+    const translatePathPrice = `SearchPage:filters.${chip.filterKey.toLocaleLowerCase()}`;
+    const expectedValue = `${translatePathPrice} ${translatePathFrom} 10.000 ${translatePathTo} 20.000`.replace(/\s+/g, ' ').trim()
+    expect(filterValue).toBe(expectedValue);
+  });
+});

package/__tests__/utils/CommonUtils/getOfferSliders.test.ts

@@ -0,0 +1,62 @@
+import { getOfferSliders } from '../../../source/framework/utils/CommonUtils';
+import { financingConfig } from '../../mockedData/financingConfig';
+
+const expectedResultCDP = [
+  {
+    name: 'firstInstallment',
+    min: 0,
+    step: 100,
+    unit: 'euro',
+    max: 21666,
+    value: 16100,
+    unitName: 'modals:financing.euro',
+    caption: 'modals:financing.firstInstallment'
+  },
+  {
+    name: 'annualMileage',
+    min: 5000,
+    max: 60000,
+    step: 5000,
+    unit: 'km',
+    value: 40000,
+    unitName: 'modals:financing.km',
+    caption: 'modals:financing.annualMileage'
+  }
+]
+
+const expectedResultCheckout = [
+  {
+    name: 'firstInstallment',
+    min: 0,
+    step: 100,
+    unit: 'euro',
+    max: 21666,
+    value: 16100,
+    unitName: 'modals:financing.euro',
+    caption: 'modals:financing.firstInstallment'
+  }
+]
+
+const t = (phrase: string, options?: object) => {
+  return `${phrase} ${options ? options : ''}`.trim();
+}
+
+describe('getOfferSliders', () => {
+  it('should return correct array with slider data for CDP', () => {
+
+    const priceTabIndex = 0; // financing tab
+    const componentType = 'main';
+
+    const result = getOfferSliders(financingConfig, t, priceTabIndex, componentType);
+    expect(result).toEqual(expectedResultCDP);
+  })
+
+  it('should return correct array with slider data for checkout page without annual mileage for financing', () => {
+
+    const priceTabIndex = 0; // financing tab
+    const componentType = 'checkout';
+
+    const result = getOfferSliders(financingConfig, t, priceTabIndex, componentType);
+    expect(result).toEqual(expectedResultCheckout);
+  })
+})

package/__tests__/utils/CommonUtils/getPriceRatingConfig.test.ts

@@ -13,8 +13,6 @@ describe('getPriceRatingConfig', () => {
       highPrice: { min: 4700, max: 5000 }
     }
 
-    console.log(getPriceRatingConfig(currentPrice, pricePredicted))
-
     expect(getPriceRatingConfig(currentPrice, pricePredicted)).toEqual(expectedOutput)
   })
 

package/package.json

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

package/source/framework/utils/CommonUtils.ts

@@ -19,7 +19,6 @@ declare global {
     grantHotjarCookieConsent?: () => void;
     grantCookieConsent?: (list: string[]) => void;
     allowGoogle?: () => void;
-    fbq?: (option1: string, option2: string) => void;
   }
 }
 
@@ -564,8 +563,6 @@ export const updateCookieList = () => {
   if (typeof window.grantCookieConsent === 'function') window.grantCookieConsent(cookieConsentList);
   if (isHomeGoogleGranted && typeof window.allowGoogle === 'function') {
     window.allowGoogle();
-    // grant FB cookies
-    window.fbq('consent', 'grant');
   }
 
   // grant Hotjar cookies