@bytebrand/fe-ui-core 4.2.251 → 4.3.1

package/__tests__/components/UserDasboardPage/sections/FavoriteSection/FavoriteSection.test.tsx

@@ -1,335 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import FavoriteSection from '../../../../../source/components/UserDashboardPage/sections/FavoriteSection/FavoriteSection';
-import { observable } from 'mobx';
-import qs from 'qs';
-
-const t = (phrase: string | string[], options: object) => {
-  if (options) {
-    const value = Object.values(options).map((option) => option);
-    return `${phrase} ${value}`;
-  }
-  return phrase;
-};
-
-interface IWithRouter {
-  children?: JSX.Element;
-  link?: string;
-}
-const LinkRouter = ({ children, link }: IWithRouter) => {
-  return (
-    <a href={link} >
-      {children}
-    </a>
-  );
-};
-const favoriteCars = [
-  {
-    parkedFor: 'N/A',
-    id: 'c4c9141a-5e4c-4d75-9d0f-c2f1b8f31241',
-    mainImageId: ' ',
-    imagesCount: ' ',
-    hasInteriorExteriorPhoto: ' ',
-    title: {
-      make: 'Volkswagen',
-      model: 'Polo',
-      subModel: '1.0 TSI Style',
-      option: '',
-      to: ''
-    },
-    showNewLabel: false,
-    info: {
-      regDate: ' ',
-      mileage: 0,
-      gearbox: 'selector_gearbox_manualShift',
-      numberOfPreviousOwners: 0,
-      usageType: 'selector_unknown',
-      condition: 'selector_condition_new',
-      damaged: false,
-      driveType: 'selector_driveType_frontWheelDrive'
-    },
-    location: {
-      city: 't',
-      street: 't',
-      zipCode: 12345
-    },
-    consumption: {
-      fuel: 'selector_fuel_petrol',
-      consumptionCombined: 5.2,
-      consumptionPowerCombined: ' '
-    },
-    engineData: {
-      powerKW: 70,
-      powerPS: 70
-    },
-    environmentEmissions: {
-      co2: 118
-    },
-    offer: {
-      offerId: ' ',
-      autoDeOfferId: ' ',
-      offerFrom: 'selector_unknown',
-      offerSource: ' ',
-      offerAvailability: 'selector_unknown',
-      offerDescription: '',
-      deliveryDate: 1698969600,
-      deliveryPeriod: 'selector_deliveryPeriod_days270',
-      dealerHomepage: ' ',
-      closedDomain: ' ',
-      export: ' ',
-      commercial: ' ',
-      warranty: false,
-      rentingPossible: ' ',
-      newHuAu: true,
-      internalNumber: '118_92436S/3243',
-      availabilityMode: 'selector_availabilityMode_fromDate',
-      mobileDeOfferId: ' ',
-      as24DeOfferId: ' ',
-      elnOfferId: 'bd11b00a8d643e16b69c308360e5236b'
-    },
-    price: {
-      offerIndex: 0,
-      isStrike: false,
-      comparable: {
-        annualMileage: 10000,
-        firstInstallment: ' ',
-        paybackPeriod: 48,
-        withAddServices: ' ',
-        withTransportation: ' '
-      },
-      checkout: {
-        warrantyRates: [
-          0,
-          0,
-          0
-        ],
-        warrantyPackage: 0,
-        warrantyPeriod: 1,
-        admissionService: 0,
-        licensePlateFee: 0
-      },
-      common: {
-        firstRegistration: ' ',
-        mileage: 0,
-        currentSalesPrice: 30666,
-        highestPrice: 34232,
-        isStrikeShown: true,
-        isHybridOrElectric: false
-      },
-      financing: {
-        grossLoanAmountWithoutFinalInstallment: 0,
-        purchasePrice: 0,
-        hasPaymentProtection: false,
-        paymentProtectionInsurance: 0,
-        monthlyInstallment: 142,
-        oldMonthlyInstallment: 180,
-        annualMileage: 25000,
-        firstInstallment: 11900,
-        withTransportation: false,
-        withAddServices: true,
-        addServicesCostRaw: 799,
-        addServicesCost: 799,
-        transportationCostRaw: 499,
-        transportationCost: 499,
-        withFinalInstallment: true,
-        paybackPeriod: 72,
-        rawPaybackPeriod: 72,
-        nominalInterestRate: 3.92,
-        annualPercentageRate: 6.99,
-        financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
-        periodInterestRate: [
-          {
-            duration: 12,
-            recommended: 70,
-            current: 88,
-            inEUR: ' ',
-            value: 18766,
-            highestValue: 30124.16
-          },
-          {
-            duration: 24,
-            recommended: 66,
-            current: 77,
-            inEUR: ' ',
-            value: 18766,
-            highestValue: 26358.64
-          },
-          {
-            duration: 36,
-            recommended: 60,
-            current: 66,
-            inEUR: ' ',
-            value: 18766,
-            highestValue: 22593.12
-          },
-          {
-            duration: 48,
-            recommended: 50,
-            current: 60,
-            inEUR: ' ',
-            value: 17920.2,
-            highestValue: 20539.2
-          },
-          {
-            duration: 60,
-            recommended: 40,
-            current: 50,
-            inEUR: ' ',
-            value: 14933.5,
-            highestValue: 17116
-          },
-          {
-            duration: 72,
-            recommended: 30,
-            current: 40,
-            inEUR: ' ',
-            value: 11946.8,
-            highestValue: 13692.8
-          },
-          {
-            duration: 84,
-            recommended: 20,
-            current: 30,
-            inEUR: ' ',
-            value: 8960.1,
-            highestValue: 10269.6
-          },
-          {
-            duration: 96,
-            recommended: 10,
-            current: 20,
-            inEUR: ' ',
-            value: 5973.4,
-            highestValue: 6846.4
-          }
-        ],
-        closingCosts: 0,
-        offersFinancing: true,
-        rateMode: 'dealer'
-      },
-      buy: {
-        withTransportation: false,
-        withAddServices: true,
-        withoutAddServices: true,
-        transportationCost: 499,
-        addServicesCost: 799,
-        currentSalesPriceExtra: 30666,
-        highestPriceExtra: 34232,
-        extraCost: 0
-      },
-      leasing: {
-        RWG: 7,
-        maxAge: 24,
-        maxMileage: 1000000,
-        isActive: true,
-        withTransportation: false,
-        withAddServices: false,
-        addServicesCostRaw: 799,
-        transportationCostRaw: 499,
-        addServicesCost: 799,
-        transportationCost: 499,
-        monthlyAddServices: 0,
-        monthlyTransportation: 0,
-        monthlyInstallment: 441,
-        oldMonthlyInstallment: 526,
-        firstInstallment: 20,
-        firstInstallmentMax: 2000,
-        annualMileage: 10000,
-        paybackPeriodRange: [
-          30,
-          36,
-          42,
-          48,
-          54,
-          60
-        ],
-        paybackPeriod: 48,
-        santanderPayBackMin: 250,
-        nominalInterestRate: 6.78,
-        financialInstitution: 'Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach',
-        grossLoanAmountWithoutFinalInstallment: 0,
-        hasPaymentProtection: false,
-        paymentProtectionInsurance: 1100,
-        leasingMode: 'default',
-        currentSalesPrice: 30666
-      },
-      abo: {
-        paybackPeriod: 6,
-        annualMileage: 10000
-      },
-      firstRegistration: ' ',
-      mileage: 0,
-      currentSalesPrice: 30666,
-      highestPrice: 34232,
-      isStrikeShown: true,
-      carId: 'c4c9141a-5e4c-4d75-9d0f-c2f1b8f31241',
-      offerName: 'financing',
-      vehicleId: 'c4c9141a-5e4c-4d75-9d0f-c2f1b8f31241',
-      vatRate: 19,
-      mlCurrentSalesPricePredicted: ' ',
-      historyPriceDifference: 3566,
-      historyPriceDifferencePerCent: 10,
-      margin: 30666,
-      toRound: false
-    },
-    internalNumber: '118_92436S/3243',
-    vin: '',
-    isOnline: true,
-    firstIsOnline: 1675668230,
-    url: '/search/vehicle/c4c9141a-5e4c-4d75-9d0f-c2f1b8f31241',
-    relativeScore: 0,
-    baseUrl: '',
-    offerSource: '',
-    crawledAt: '',
-    ownerName: 'Guardian of Auto.de',
-    modificationDate: '18.05.2023',
-    seoText: ''
-  }
-];
-const favoritesIDs = [
-  'b359d74f-bb96-4fca-9539-579792fe7c36'
-];
-const getFavoriteCarsMock = jest.fn();
-
-const aggStatsData = observable({
-  'b359d74f-bb96-4fca-9539-579792fe7c36': {
-    carId: 'b359d74f-bb96-4fca-9539-579792fe7c36',
-    totalFavCount: 3,
-    totalCarImpCount: 7399,
-    slidingCarImpCount: 10
-  },
-  get() {
-    return {
-      'b359d74f-bb96-4fca-9539-579792fe7c36': {
-        carId: 'b359d74f-bb96-4fca-9539-579792fe7c36',
-        totalFavCount: 3,
-        totalCarImpCount: 7399,
-        slidingCarImpCount: 10
-      }
-    };
-  }
-});
-const mockProps = {
-  t,
-  LinkRouter,
-  favoriteCars,
-  PLACEHOLDER_IMAGE_SMALL_URL: 'PLACEHOLDER_IMAGE_SMALL_URL',
-  favoriteStore: { favoriteCars, favoritesIDs, showList: true, getFavouriteCars: getFavoriteCarsMock, getFavoritesIDs: jest.fn() },
-  appStore: {},
-  carsStore: { aggStatsData, getAggStatsData: jest.fn() },
-  imagesStore: { getSupportedImageFormat: jest.fn() }
-};
-
-describe('FavoriteSection', () => {
-  test('calls getFavouriteCars when component is mounted', () => {
-    const { container } = render(<FavoriteSection {...mockProps as any} />);
-    expect(container).toBeInTheDocument();
-    // expect(mockProps.favoriteStore.getFavouriteCars).toHaveBeenCalledTimes(1);
-  });
-  test('should display correct car data', () => {
-    const { container } = render(<FavoriteSection {...mockProps as any} />);
-    mockProps.favoriteCars.forEach((element:any) => {
-      expect(container).toHaveTextContent(element.title.make);
-    });
-  });
-});

package/source/components/UserDashboardPage/sections/CheckoutSection/CheckoutSection.styl

@@ -1,38 +0,0 @@
-@import '../../../../theme/mixins.styl'
-
-.checkoutSection
-  padding: 0;
-  box-sizing: border-box;
-  max-width: calc(100vw - 32px);
-  // padding: 16px 16px 16px 22px;
-
-  +media-tablet-landscape-up()
-    max-width: 1100px;
-    padding: 0;
-
-  [class*='RecentlySection__wrapVehicleSmallCard']
-    max-width: calc(100vw - 32px);
-    box-sizing: border-box;
-
-    +media-tablet-up()
-      max-width: calc(50vw - 64px);
-
-    +media-tablet-landscape-up()
-      max-width: 346px;
-
-.checkoutWrapItem
-  & + &
-    border-top: 1px solid rgba(76,78,100,0.12);
-
-.wrapFavorites
-  border: none !important;
-
-.favoriteBtn
-  height: 30px;
-  font-size: 13px;
-  text-transform: none !important
-  font-weight: 400 !important;
-
-  +media-tablet-landscape-up()
-    height: 38px;
-    font-size: 14px;

package/source/components/UserDashboardPage/sections/CheckoutSection/CheckoutSection.tsx

@@ -1,120 +0,0 @@
-import * as React from 'react';
-import _get from 'lodash/get';
-import DashboardSection from '../../../containers/DasboardSection/DashboardSection';
-import styles from './CheckoutSection.styl';
-import { isMobileOnly } from 'react-device-detect';
-import Slider from 'react-slick';
-import { VehicleSmallCard } from '../../../../../common';
-import { toJS } from 'mobx';
-// import { toJS } from 'mobx';
-
-interface ITFunction {
-  <T = string>(key: string, options?: object): T;
-  <T = string>(keys: string[], options?: object): T;
-}
-
-interface ICheckoutSectionProps {
-  carsStore: any;
-  appStore: any;
-  imagesStore: any;
-  t?: ITFunction;
-  LinkRouter: any;
-  PLACEHOLDER_IMAGE_SMALL_URL:string;
-  checkoutCars?:any;
-}
-
-class CheckoutSection extends React.Component<ICheckoutSectionProps, {}> {
-  onCarSelectCheckout = (carId?: string) => {
-    const checkoutCars = this.props.checkoutCars;
-    const car = checkoutCars.find((item: any) => item.id === carId);
-    const { mainImageId, title: { model, subModel, make } } = car;
-    window.open(`/checkout/contact-information?carId=${carId}&isSavedCheckout=true&mainImageId=${mainImageId}&model=${model}&subModel=${subModel}&make=${make}`, '_blank');
-  };
-
-  renderCheckouts = () => {
-    const { t, appStore: { language }, carsStore, imagesStore , PLACEHOLDER_IMAGE_SMALL_URL, checkoutCars } = this.props;
-    return checkoutCars.map((car: any) => {
-      const carId = _get(car, 'id');
-      const { mainImageId, title: { model, subModel, make } } = car;
-      const src = !!mainImageId && !!car.imagesCount
-        ? imagesStore.getSupportedImageFormat(carId, mainImageId, 'small')
-        : PLACEHOLDER_IMAGE_SMALL_URL;
-      const vehicleProps = {
-        ...car,
-        t,
-        language,
-        mainImageId,
-        src,
-        url: `/checkout/contact-information?carId=${carId}&isSavedCheckout=true&mainImageId=${mainImageId}&model=${model}&subModel=${subModel}&make=${make}`,
-        id: carId,
-        target: '_blank',
-        rel: 'noopener noreferrer',
-        showSlider: false,
-        showOfferBtn: true,
-        showFavoriteStar: false,
-        priceSubMtl: !isMobileOnly ? t('vehicleProps:value.priceSub') : null,
-        stats: {
-          imagesCount: _get(car, 'imagesCount'),
-          statsData: carsStore.aggStatsData.get(car.id)
-        },
-        dashboardButtonText: t('vehicleProps:title.toCheckoutCar'),
-        i18nPrefixForPriceRating: 'common:',
-        className: styles.wrapFavorites,
-        classButton: styles.favoriteBtn,
-        onDetailsClick: this.onCarSelectCheckout,
-        vehicleComponentName: 'favorite'
-      };
-
-      return (
-          <div key={`checkoutCar${carId}`} className={styles.checkoutWrapItem}>
-            <VehicleSmallCard {...vehicleProps} />
-          </div>
-      );
-    });
-  };
-
-  render(): JSX.Element {
-    const { t, checkoutCars } = this.props;
-
-    const sliderProps = {
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      initialSlide: 2,
-      dots: false,
-      arrow: false,
-      mobileFirst: true,
-      responsive: [
-        {
-          breakpoint: 991,
-          settings: { slidesToShow: 3 }
-        },
-        {
-          breakpoint: 767,
-          settings: { slidesToShow: 2 }
-        },
-        {
-          breakpoint: 574,
-          settings: { slidesToShow: 1 }
-        }
-      ]
-    };
-
-    return (
-      <>
-        {checkoutCars?.length !== 0   ?
-          <DashboardSection className={styles.checkoutSection} title={t('DashboardPage:checkoutTitle')}>
-            {!isMobileOnly ?
-              this.renderCheckouts()
-              : <Slider {...sliderProps}>
-                  {this.renderCheckouts()}
-                </Slider>
-            }
-          </DashboardSection>
-          : false
-        }
-      </>
-    );
-  }
-}
-
-export default CheckoutSection;

package/source/components/UserDashboardPage/sections/FavoriteSection/FavoriteSection.styl

@@ -1,22 +0,0 @@
-@import '../../../../theme/mixins.styl'
-
-.wrapFavorites
-  border: none !important;
-
-.favoriteBtn
-  height: 30px;
-  font-size: 13px;
-  text-transform: none !important
-  font-weight: 400 !important;
-
-  +media-tablet-landscape-up()
-    height: 38px;
-    font-size: 14px;
-
-.btnCarToFavorites
-  height: 38px;
-  min-width: 160px !important;
-  font-size: 13px !important;
-  +media-tablet-landscape-up()
-    min-width: 224px !important;
-    font-size: 14px !important;

package/source/components/UserDashboardPage/sections/FavoriteSection/FavoriteSection.tsx

@@ -1,84 +0,0 @@
-import * as React from 'react';
-import _get from 'lodash/get';
-import DashboardSection from '../../../containers/DasboardSection/DashboardSection';
-import styles from './FavoriteSection.styl';
-import { isMobileOnly } from 'react-device-detect';
-import { VehicleSmallCard, Button } from '../../../../../common';
-
-interface ITFunction {
-  <T = string>(key: string, options?: object): T;
-  <T = string>(keys: string[], options?: object): T;
-}
-
-interface IFavoriteSectionProps {
-  favoriteStore: any;
-  carsStore: any;
-  appStore: any;
-  imagesStore: any;
-  t?: ITFunction;
-  PLACEHOLDER_IMAGE_SMALL_URL: string;
-  LinkRouter: any;
-  favoriteCars:any;
-}
-
-class FavoriteSection extends React.Component<IFavoriteSectionProps, {}> {
-
-  onCarSelectFavorite = (url: string) => window.open(`/search/vehicle/${url}`, '_blank');
-
-  private renderFavorites = () => {
-    const { t, appStore: { language }, carsStore, imagesStore, PLACEHOLDER_IMAGE_SMALL_URL, LinkRouter,favoriteCars } = this.props;
-    return favoriteCars.map((car: any, key: any) => {
-      const carId = _get(car, 'id');
-      const mainImageId = _get(car, 'mainImageId');
-      const src = !!mainImageId && !!car.imagesCount
-        ? imagesStore.getSupportedImageFormat(carId, mainImageId, 'small')
-        : PLACEHOLDER_IMAGE_SMALL_URL;
-      const vehicleProps = {
-        ...car,
-        t,
-        language,
-        src,
-        linkTag: LinkRouter,
-        showSlider: false,
-        showOfferBtn: true,
-        showFavoriteStar: false,
-        priceSubMtl: !isMobileOnly ? t('vehicleProps:value.priceSub') : null,
-        stats: {
-          imagesCount: _get(car, 'imagesCount'),
-          statsData: carsStore.aggStatsData.get(car.id)
-        },
-        i18nPrefixForPriceRating: 'common:',
-        className: styles.wrapFavorites,
-        classButton: styles.favoriteBtn,
-        onDetailsClick: this.onCarSelectFavorite,
-        vehicleComponentName: 'favorite'
-      };
-
-      return (key === 0) && <VehicleSmallCard key={`favoriteCar${carId}`} {...vehicleProps} />;
-    });
-  };
-
-  render(): JSX.Element {
-    const { t, favoriteStore, LinkRouter } = this.props;
-
-    return (
-      <>
-        {favoriteStore.showList ? (
-          <DashboardSection
-            title={t('DashboardPage:favoriteTitle')}
-            link={
-              <LinkRouter to='/favourites'>
-                <Button className={styles.btnCarToFavorites} variant='outlined'>
-                  {t('vehicleProps:title.toFavoritesCar')}
-                </Button>
-              </LinkRouter>}
-          >
-            {this.renderFavorites()}
-          </DashboardSection>
-        ) : false}
-      </>
-    );
-  }
-}
-
-export default FavoriteSection;

package/source/components/_common/IconSVG/SVG/slider/YoutubeButton.tsx

@@ -1,26 +0,0 @@
-/* tslint:disable */
-import * as React from 'react';
-
-const SvgYoutubeButton = (props: any) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg" 
-    width="146" 
-    height="103" 
-    viewBox="0 0 146 103" 
-    fill="none"
-    {...props}
-  >
-    <g clipPath="url(#clip0_13856_24182)">
-      <path d="M142.741 16.6087C141.067 10.3215 137.398 4.99979 131.11 3.32604C119.716 0.278958 72.9583 0 72.9583 0C72.9583 0 26.2006 0.278958 14.8063 3.32604C8.51896 4.99979 4.87104 10.3215 3.17583 16.6087C0.12875 28.0031 0 51.5 0 51.5C0 51.5 0.12875 74.9969 3.17583 86.3912C4.84958 92.6785 8.51896 98.0002 14.8063 99.674C26.2006 102.721 72.9583 103 72.9583 103C72.9583 103 119.716 102.721 131.11 99.674C137.398 98.0002 141.067 92.6785 142.741 86.3912C145.788 74.9969 145.917 51.5 145.917 51.5C145.917 51.5 145.788 28.0031 142.741 16.6087Z" fill="#FF0000" />
-      <path d="M96.5625 51.5003L57.9375 30.042V72.9587" fill="white" />
-    </g>
-    <defs>
-      <clipPath id="clip0_13856_24182">
-        <rect width="145.917" height="103" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
-);
-
-export default SvgYoutubeButton;
-/* tslint:enable */