@bytebrand/fe-ui-core 4.8.25 → 4.8.27

package/source/framework/types/types.ts

@@ -1,371 +1,371 @@
-import { Settings } from 'react-slick';
-
-export interface IDecoratedProps {
-  [key: string]: IDecoratedProp;
-}
-
-export interface IDecoratedProp {
-  icon?: string;
-  title?: string;
-  name?: string;
-  subTitle?: string;
-  isVisible?: boolean;
-  isLongTitle?: boolean;
-  valueDescription?: string;
-  readonly value?: (string | JSX.Element);
-}
-
-export interface IImage {
-  imageUrl: string;         // image link that can be used in src in img tag,
-  imageUrlLarge: string;    // large-image link that can be used in src in img tag,
-  imageUrlMedium: string;   // medium-image link that can be used in src in img tag,
-  imageUrlSmall: string;    // small-image link that can be used in src in img tag,
-  imageId: string;          // image unique id,
-  imageMeta: any;           // image metadata object
-  downloadedAt: number;     // time when image was loaded
-  isMain: boolean;          // is main image?
-  isInteriorMain: boolean;  // is interior main image? (for the search page)
-  isPanel: boolean;         // is panel image? (for the search page)
-  isLegacy: boolean;        // is legacy image
-  isDamage: boolean;        // is damage image
-  isExterior: boolean;      // is image for 360 exterior
-  isInterior: boolean;      // is image for 360 sphere interior
-  isSimpleTemp: boolean;
-  isInProcessing: boolean;
-  isTemp: boolean;
-  videoUrl:string;          // youtube link that can be used in src in youtube video,
-}
-
-export interface IPrice {
-  currency?: string;
-  amount?: number;
-  oldPrice?: number;
-  monthlyInstallment?: number;
-  historyPriceDifference?: number;
-  isStrikeShown?: boolean;
-  historyPriceDifferencePerCent?: number;
-  vatRate?: number | null;
-  mlCurrentSalesPriceDiffPercent?: number;
-  mlCurrentSalesPricePredicted?: number;
-  buy: IBuy;
-  leasing?: ILeasing;
-  financing?: IFinancing;
-  common: ICommonFinancing;
-}
-
-export interface IBuy {
-  currentSalesPriceExtra?: number;
-  highestPriceExtra?: number;
-}
-
-export interface ILeasing {
-  monthlyInstallment?: number;
-  oldMonthlyInstallment?: number;
-  isActive?: boolean;
-  annualMileage?: number;
-}
-export interface IFinancing {
-  monthlyInstallment?: number;
-  oldMonthlyInstallment?: number;
-  isStrikeShown?: boolean;
-  annualMileage?: number;
-  withFinalInstallment?: boolean;
-}
-export interface ICommonFinancing {
-  isStrikeShown: boolean;
-}
-export enum SliderType {
-  DEFAULT,
-  EXTERIOR,
-  INTERIOR
-}
-
-export interface IVehicleLocation {
-  city: string;
-  street?: string;
-  zipCode?: number;
-}
-
-export interface IVehicleInfo {
-  t?: (key: string, options?: object) => string;
-  i18nPrefixForPriceRating?: string;
-  gearbox?: string;
-  regDate?: number;
-  vehicleComponentName?: 'comparable' | 'landing' | 'search' | 'main' | 'myVehicles' | 'favorite' | 'recently';
-  language?: string;
-  combineRefAlternative?: boolean;
-  routeObj?: any;
-  linkTag?: string;
-  mlCurrentSalesPricePredicted?: number;
-  location?: IVehicleLocation;
-  common?: {
-    currentSalesPrice?: number;
-    isStrikeShown?: boolean;
-  };
-  mileage?: string;
-  environmentEmissions?: any;
-  engineData?: any;
-  offer?: any;
-  consumption?: any;
-  numberOfPreviousOwners?: any;
-  usageType?: any;
-  condition?: any;
-  damaged?: any;
-  driveType?: any;
-  url?: string;
-  target?: string;
-  rel?: string;
-}
-
-export interface IVehicleTitleProps {
-  make?: string;
-  model?: string;
-  subModel?: string;
-  option?: string;
-  vehicleComponentName?: 'comparable' | 'landing' | 'search' | 'main' | 'myVehicles' | 'favorite' | 'recently';
-  isSponsored?: boolean;
-  showFavoriteStar?: boolean;
-  id?: string;
-  isCarInFavorite?: boolean;
-  onFavoriteClick?: (event?: any, id?: String) => void;
-  renderVehicleStatus?: () => void;
-  onCarFavorite?(event: React.MouseEvent<HTMLElement>, id: string): void;
-  favoriteProps?: Node;
-  combineRefAlternative?: boolean;
-}
-
-export interface IVehicleSliderProps extends Settings {
-  mainImageUrl?: string;
-  images?: ICarImage[];
-  arrowsSize?: 'md' | 'lg';
-  imageSize?: 'small' | 'medium' | 'large';
-  wrapperClassName?: string;
-  imagesCount?: number;
-  onFirstChange?: () => void;
-  onSlideChange?: () => void;
-}
-
-export interface IVehicleSliderForSRLProps {
-  t?: (key: string, options?: object) => string;
-  id?: string;
-  mainImageId?: string;
-  hasInteriorExteriorPhoto?: boolean;
-  imageSize?: 'small' | 'medium' | 'large';
-  imagesCount?: number;
-  images?: ICarImage[];
-  src?: string;
-  className?: string;
-  type?: 'favorite' | 'myVehicle';
-  getCarImagesData?: (carId: string, force?: boolean, includeAll?: boolean, type?: any, typeAlternative?: string) => Promise<any>;
-  onSlideChange?: (index: number) => void;
-  isReferenceSearch?: boolean;
-  CircularProgressbar?: any;
-  isAlternative?: boolean;
-  typeAlternative?: string;
-}
-
-export interface ICarImage {
-  url: string;
-  description: string;
-}
-
-export interface IVehicleDetailedSidebarTitleProps {
-  make: string;
-  model: string;
-  subModel: string;
-  powerKW: number;
-  powerPS: number;
-  isCarInFavorite?: boolean;
-  carId?: string;
-  onCarFavorite?: (event: React.MouseEvent<HTMLElement>, carId: string) => void;
-}
-
-export interface IVehicleDetailedSidebarPriceProps {
-  isSticky?: boolean;
-  isPriceSticky?: boolean;
-  tabsTitles: { title: string, isDisable?: boolean | false, children?: React.ReactNode }[];
-  priceTabActiveIndex?: number;
-  onTabPriceSelect?(event: React.ChangeEvent<{}>, index: number): void;
-  isAlternative?: boolean;
-  // currentSalesPrice?: number;
-  originalSalesPrice?: number;
-  common?: { isStrikeShown?: boolean, currentSalesPrice?: number };
-  financing?: any;
-  currentSalesPrice?: number;
-}
-export interface ITabsProps {
-  t?: (key: string, options?: object) => string;
-  priceTabActiveIndex: number;
-  tabContentClassName?: string;
-  onTabPriceSelect?(event: React.ChangeEvent<{}>, index: number): void;
-  tabsTitles: { title: string, isDisable?: boolean | false, children?: React.ReactNode }[];
-  isAlternative?: boolean;
-}
-
-export interface ICarPropElement {
-  icon: string;
-  description: string;
-}
-export interface IPropertiesProps {
-  t?: (key: string, options?: object) => string;
-  car: ICar;
-  decoratedProps: IDecoratedProps;
-  isAlternative?: boolean;
-}
-
-export interface IPriceContentProps {
-  t?: (key: string, options?: object) => string;
-  car: ICar;
-  OfferRequestButtonWrapper?: React.ComponentType<IOfferRequestButtonWrapper>;
-  detailsText?: string | null;
-  prefixPrice?: string;
-  onShowOfferDetails?(event?: React.ChangeEvent<{}>, car?: ICar, priceTabActiveIndex?: number): void;
-  onAdjustRateClick: () => boolean;
-  isBuy?: boolean;
-  offerBlockOpen?: boolean;
-  isStrikeShown?: boolean;
-  postfix?: string;
-  monthlyInstallment?: number;
-  priceTabActiveIndex?: number;
-  oldMonthlyInstallment?: number;
-  OfferBlockComponent?: any;
-  offerBlockProps?: any;
-  vatRate?: number;
-  activeTab?: number;
-  priceRating?: number;
-}
-
-export interface IVehicleDetailedSidebarProps {
-  activeTab: number;
-  setActiveTab?(event?: React.ChangeEvent<{}>, activeTab?: number): void;
-  t?: (key: string, options?: object) => string;
-  decoratedProps: IDecoratedProps;
-  title?: IVehicleDetailedSidebarTitleProps;
-  price?: IVehicleDetailedSidebarPriceProps;
-  language?: string;
-  pathname: string;
-  car: ICar;
-  vatRate?: number;
-  carLoaded?: boolean;
-  isPriceSticky?: boolean;
-  originUrl: string;
-  infoSections: { title: string, value: string, icon?: string }[];
-  isAlternative?: boolean;
-  onCurrentSalesPriceChange: (price: number) => void;
-  className?: string;
-  isFetching?: boolean;
-}
-
-interface IOfferRequestButtonWrapper {
-  carId: any;
-  dealerId: any;
-}
-export interface IOfferRequestButtonWrapperProps {
-  t?: (key: string, options?: object) => string;
-  car: ICar;
-  priceTabActiveIndex?: number;
-  detailsText?: string | null;
-  isAdditionalOption?: boolean;
-  controlsClassContainer?: string;
-  OfferRequestButtonWrapper?: React.ComponentType<IOfferRequestButtonWrapper>;
-  onShowOfferDetails?(event?: React.ChangeEvent<{}>, car?: any, priceTabActiveIndex?: number): void;
-}
-export interface ICarField {
-  [key: string]: any;
-}
-
-export interface IHighlights {
-  name: string;
-  section: string;
-  icon?: string;
-  priority?: number;
-}
-
-export interface IAccardionSectionProps {
-  t?: (key: string, options?: object) => string;
-  car: ICar;
-  detailsText?: string | null;
-  OfferRequestButtonWrapper?: React.ComponentType<IOfferRequestButtonWrapper>;
-  onShowOfferDetails?(event?: React.ChangeEvent<{}>, car?: any, priceTabActiveIndex?: number): void;
-  expanded?: boolean | string;
-  handleChange?: any;
-}
-
-export interface ICar {
-  mainData: { [key: string]: any; };
-  [key: string]: ICarField;
-}
-export interface IEquipmentProps {
-  title: string;
-  icon: string;
-  value: ICarField;
-  [key: string]: any;
-}
-
-export interface IAccardionSectionProps {
-  t?: (key: string, options?: object) => string;
-  car: ICar;
-  decoratedProps: IDecoratedProps;
-  carEquipment: IEquipmentProps[];
-  activeIndex?: number;
-  onItemClick(index: number): void;
-}
-
-export interface IOfferDetailedSectionProps {
-  t?: (key: string, options?: object) => string;
-  language: string;
-  car?: ICar;
-  activeTab: number;
-  setActiveTab?(event?: React.ChangeEvent<{}>, activeTab?: number): void;
-  offerBlockProps?: any;
-  OfferBlockComponent?: any;
-  OfferRequestButtonWrapper?: React.ComponentType<IOfferRequestButtonWrapper>;
-  leasing?: ILeasing;
-  financing?: IFinancing;
-}
-export interface IPanelConfigProps {
-  t?: (key: string, options?: object) => string;
-  OfferRequestButtonWrapper?: React.ComponentType<IOfferRequestButtonWrapper>;
-  car?: ICar;
-  config?: any;
-  titleDetails?: string;
-  prefixPrice?: string;
-  postfix?: string;
-  titleKey?: string;
-  descriptionDetails?: string;
-  priceTabActiveIndex?: number;
-  activeTab?: number;
-  OfferBlockComponent?: any;
-  offerBlockProps?: any;
-  isOpenDetails?: boolean;
-  isAlternative?: boolean;
-  onToggleDetailsClick: () => void;
-}
-
-export interface IVehicleCompareProps {
-  toggleCarToCompare: () => void;
-  toCompare: boolean;
-  onRemoveClick: () => void;
-}
-
-export interface ITFunction {
-  <T = string>(key: string, options?: object): T;
-  <T = string>(keys: string[], options?: object): T;
-}
-
-export interface IWltpConsumption {
-  wltpCombined?: number;
-  wltpPowerCombined?: number;
-  wltpWeightedCombined?: number;
-  wltpWeightedPowerCombined?: number;
-}
-
-export interface IFinancingUtils {
-  co2DefaultCostsLow: number;
-  co2DefaultCostsMedium: number;
-  co2DefaultCostsHigh: number;
-  getVehicleTax: (fuelType: string, cubicCapacity: number, co2: number, firstRegistration: number) => number;
-  getFuelPrice: (fuelSelector: string, consumption: IWltpConsumption, hybridPlugin: boolean, powerCost: { fuelPrice?: number, powerPrice?: number }) => number;
-  getBaseFuelPrice: (fuelSelector: string, hybridPlugin?: boolean) => { fuelPrice: number, powerPrice?: number };
-  getCo2Price: (wltpCo2: number) => { co2PriceLow: number, co2PriceMedium: number, co2PriceHigh: number };
+import { Settings } from 'react-slick';
+
+export interface IDecoratedProps {
+  [key: string]: IDecoratedProp;
+}
+
+export interface IDecoratedProp {
+  icon?: string;
+  title?: string;
+  name?: string;
+  subTitle?: string;
+  isVisible?: boolean;
+  isLongTitle?: boolean;
+  valueDescription?: string;
+  readonly value?: (string | JSX.Element);
+}
+
+export interface IImage {
+  imageUrl: string;         // image link that can be used in src in img tag,
+  imageUrlLarge: string;    // large-image link that can be used in src in img tag,
+  imageUrlMedium: string;   // medium-image link that can be used in src in img tag,
+  imageUrlSmall: string;    // small-image link that can be used in src in img tag,
+  imageId: string;          // image unique id,
+  imageMeta: any;           // image metadata object
+  downloadedAt: number;     // time when image was loaded
+  isMain: boolean;          // is main image?
+  isInteriorMain: boolean;  // is interior main image? (for the search page)
+  isPanel: boolean;         // is panel image? (for the search page)
+  isLegacy: boolean;        // is legacy image
+  isDamage: boolean;        // is damage image
+  isExterior: boolean;      // is image for 360 exterior
+  isInterior: boolean;      // is image for 360 sphere interior
+  isSimpleTemp: boolean;
+  isInProcessing: boolean;
+  isTemp: boolean;
+  videoUrl:string;          // youtube link that can be used in src in youtube video,
+}
+
+export interface IPrice {
+  currency?: string;
+  amount?: number;
+  oldPrice?: number;
+  monthlyInstallment?: number;
+  historyPriceDifference?: number;
+  isStrikeShown?: boolean;
+  historyPriceDifferencePerCent?: number;
+  vatRate?: number | null;
+  mlCurrentSalesPriceDiffPercent?: number;
+  mlCurrentSalesPricePredicted?: number;
+  buy: IBuy;
+  leasing?: ILeasing;
+  financing?: IFinancing;
+  common: ICommonFinancing;
+}
+
+export interface IBuy {
+  currentSalesPriceExtra?: number;
+  highestPriceExtra?: number;
+}
+
+export interface ILeasing {
+  monthlyInstallment?: number;
+  oldMonthlyInstallment?: number;
+  isActive?: boolean;
+  annualMileage?: number;
+}
+export interface IFinancing {
+  monthlyInstallment?: number;
+  oldMonthlyInstallment?: number;
+  isStrikeShown?: boolean;
+  annualMileage?: number;
+  withFinalInstallment?: boolean;
+}
+export interface ICommonFinancing {
+  isStrikeShown: boolean;
+}
+export enum SliderType {
+  DEFAULT,
+  EXTERIOR,
+  INTERIOR
+}
+
+export interface IVehicleLocation {
+  city: string;
+  street?: string;
+  zipCode?: number;
+}
+
+export interface IVehicleInfo {
+  t?: (key: string, options?: object) => string;
+  i18nPrefixForPriceRating?: string;
+  gearbox?: string;
+  regDate?: number;
+  vehicleComponentName?: 'comparable' | 'landing' | 'search' | 'main' | 'myVehicles' | 'favorite' | 'recently';
+  language?: string;
+  combineRefAlternative?: boolean;
+  routeObj?: any;
+  linkTag?: string;
+  mlCurrentSalesPricePredicted?: number;
+  location?: IVehicleLocation;
+  common?: {
+    currentSalesPrice?: number;
+    isStrikeShown?: boolean;
+  };
+  mileage?: string;
+  environmentEmissions?: any;
+  engineData?: any;
+  offer?: any;
+  consumption?: any;
+  numberOfPreviousOwners?: any;
+  usageType?: any;
+  condition?: any;
+  damaged?: any;
+  driveType?: any;
+  url?: string;
+  target?: string;
+  rel?: string;
+}
+
+export interface IVehicleTitleProps {
+  make?: string;
+  model?: string;
+  subModel?: string;
+  option?: string;
+  vehicleComponentName?: 'comparable' | 'landing' | 'search' | 'main' | 'myVehicles' | 'favorite' | 'recently';
+  isSponsored?: boolean;
+  showFavoriteStar?: boolean;
+  id?: string;
+  isCarInFavorite?: boolean;
+  onFavoriteClick?: (event?: any, id?: String) => void;
+  renderVehicleStatus?: () => void;
+  onCarFavorite?(event: React.MouseEvent<HTMLElement>, id: string): void;
+  favoriteProps?: Node;
+  combineRefAlternative?: boolean;
+}
+
+export interface IVehicleSliderProps extends Settings {
+  mainImageUrl?: string;
+  images?: ICarImage[];
+  arrowsSize?: 'md' | 'lg';
+  imageSize?: 'small' | 'medium' | 'large';
+  wrapperClassName?: string;
+  imagesCount?: number;
+  onFirstChange?: () => void;
+  onSlideChange?: () => void;
+}
+
+export interface IVehicleSliderForSRLProps {
+  t?: (key: string, options?: object) => string;
+  id?: string;
+  mainImageId?: string;
+  hasInteriorExteriorPhoto?: boolean;
+  imageSize?: 'small' | 'medium' | 'large';
+  imagesCount?: number;
+  images?: ICarImage[];
+  src?: string;
+  className?: string;
+  type?: 'favorite' | 'myVehicle';
+  getCarImagesData?: (carId: string, force?: boolean, includeAll?: boolean, type?: any, typeAlternative?: string) => Promise<any>;
+  onSlideChange?: (index: number) => void;
+  isReferenceSearch?: boolean;
+  CircularProgressbar?: any;
+  isAlternative?: boolean;
+  typeAlternative?: string;
+}
+
+export interface ICarImage {
+  url: string;
+  description: string;
+}
+
+export interface IVehicleDetailedSidebarTitleProps {
+  make: string;
+  model: string;
+  subModel: string;
+  powerKW: number;
+  powerPS: number;
+  isCarInFavorite?: boolean;
+  carId?: string;
+  onCarFavorite?: (event: React.MouseEvent<HTMLElement>, carId: string) => void;
+}
+
+export interface IVehicleDetailedSidebarPriceProps {
+  isSticky?: boolean;
+  isPriceSticky?: boolean;
+  tabsTitles: { title: string, isDisable?: boolean | false, children?: React.ReactNode }[];
+  priceTabActiveIndex?: number;
+  onTabPriceSelect?(event: React.ChangeEvent<{}>, index: number): void;
+  isAlternative?: boolean;
+  // currentSalesPrice?: number;
+  originalSalesPrice?: number;
+  common?: { isStrikeShown?: boolean, currentSalesPrice?: number };
+  financing?: any;
+  currentSalesPrice?: number;
+}
+export interface ITabsProps {
+  t?: (key: string, options?: object) => string;
+  priceTabActiveIndex: number;
+  tabContentClassName?: string;
+  onTabPriceSelect?(event: React.ChangeEvent<{}>, index: number): void;
+  tabsTitles: { title: string, isDisable?: boolean | false, children?: React.ReactNode }[];
+  isAlternative?: boolean;
+}
+
+export interface ICarPropElement {
+  icon: string;
+  description: string;
+}
+export interface IPropertiesProps {
+  t?: (key: string, options?: object) => string;
+  car: ICar;
+  decoratedProps: IDecoratedProps;
+  isAlternative?: boolean;
+}
+
+export interface IPriceContentProps {
+  t?: (key: string, options?: object) => string;
+  car: ICar;
+  OfferRequestButtonWrapper?: React.ComponentType<IOfferRequestButtonWrapper>;
+  detailsText?: string | null;
+  prefixPrice?: string;
+  onShowOfferDetails?(event?: React.ChangeEvent<{}>, car?: ICar, priceTabActiveIndex?: number): void;
+  onAdjustRateClick: () => boolean;
+  isBuy?: boolean;
+  offerBlockOpen?: boolean;
+  isStrikeShown?: boolean;
+  postfix?: string;
+  monthlyInstallment?: number;
+  priceTabActiveIndex?: number;
+  oldMonthlyInstallment?: number;
+  OfferBlockComponent?: any;
+  offerBlockProps?: any;
+  vatRate?: number;
+  activeTab?: number;
+  priceRating?: number;
+}
+
+export interface IVehicleDetailedSidebarProps {
+  activeTab: number;
+  setActiveTab?(event?: React.ChangeEvent<{}>, activeTab?: number): void;
+  t?: (key: string, options?: object) => string;
+  decoratedProps: IDecoratedProps;
+  title?: IVehicleDetailedSidebarTitleProps;
+  price?: IVehicleDetailedSidebarPriceProps;
+  language?: string;
+  pathname: string;
+  car: ICar;
+  vatRate?: number;
+  carLoaded?: boolean;
+  isPriceSticky?: boolean;
+  originUrl: string;
+  infoSections: { title: string, value: string, icon?: string }[];
+  isAlternative?: boolean;
+  onCurrentSalesPriceChange: (price: number) => void;
+  className?: string;
+  isFetching?: boolean;
+}
+
+interface IOfferRequestButtonWrapper {
+  carId: any;
+  dealerId: any;
+}
+export interface IOfferRequestButtonWrapperProps {
+  t?: (key: string, options?: object) => string;
+  car: ICar;
+  priceTabActiveIndex?: number;
+  detailsText?: string | null;
+  isAdditionalOption?: boolean;
+  controlsClassContainer?: string;
+  OfferRequestButtonWrapper?: React.ComponentType<IOfferRequestButtonWrapper>;
+  onShowOfferDetails?(event?: React.ChangeEvent<{}>, car?: any, priceTabActiveIndex?: number): void;
+}
+export interface ICarField {
+  [key: string]: any;
+}
+
+export interface IHighlights {
+  name: string;
+  section: string;
+  icon?: string;
+  priority?: number;
+}
+
+export interface IAccardionSectionProps {
+  t?: (key: string, options?: object) => string;
+  car: ICar;
+  detailsText?: string | null;
+  OfferRequestButtonWrapper?: React.ComponentType<IOfferRequestButtonWrapper>;
+  onShowOfferDetails?(event?: React.ChangeEvent<{}>, car?: any, priceTabActiveIndex?: number): void;
+  expanded?: boolean | string;
+  handleChange?: any;
+}
+
+export interface ICar {
+  mainData: { [key: string]: any; };
+  [key: string]: ICarField;
+}
+export interface IEquipmentProps {
+  title: string;
+  icon: string;
+  value: ICarField;
+  [key: string]: any;
+}
+
+export interface IAccardionSectionProps {
+  t?: (key: string, options?: object) => string;
+  car: ICar;
+  decoratedProps: IDecoratedProps;
+  carEquipment: IEquipmentProps[];
+  activeIndex?: number;
+  onItemClick(index: number): void;
+}
+
+export interface IOfferDetailedSectionProps {
+  t?: (key: string, options?: object) => string;
+  language: string;
+  car?: ICar;
+  activeTab: number;
+  setActiveTab?(event?: React.ChangeEvent<{}>, activeTab?: number): void;
+  offerBlockProps?: any;
+  OfferBlockComponent?: any;
+  OfferRequestButtonWrapper?: React.ComponentType<IOfferRequestButtonWrapper>;
+  leasing?: ILeasing;
+  financing?: IFinancing;
+}
+export interface IPanelConfigProps {
+  t?: (key: string, options?: object) => string;
+  OfferRequestButtonWrapper?: React.ComponentType<IOfferRequestButtonWrapper>;
+  car?: ICar;
+  config?: any;
+  titleDetails?: string;
+  prefixPrice?: string;
+  postfix?: string;
+  titleKey?: string;
+  descriptionDetails?: string;
+  priceTabActiveIndex?: number;
+  activeTab?: number;
+  OfferBlockComponent?: any;
+  offerBlockProps?: any;
+  isOpenDetails?: boolean;
+  isAlternative?: boolean;
+  onToggleDetailsClick: () => void;
+}
+
+export interface IVehicleCompareProps {
+  toggleCarToCompare: () => void;
+  toCompare: boolean;
+  onRemoveClick: () => void;
+}
+
+export interface ITFunction {
+  <T = string>(key: string, options?: object): T;
+  <T = string>(keys: string[], options?: object): T;
+}
+
+export interface IWltpConsumption {
+  wltpCombined?: number;
+  wltpPowerCombined?: number;
+  wltpWeightedCombined?: number;
+  wltpWeightedPowerCombined?: number;
+}
+
+export interface IFinancingUtils {
+  co2DefaultCostsLow: number;
+  co2DefaultCostsMedium: number;
+  co2DefaultCostsHigh: number;
+  getVehicleTax: (fuelType: string, cubicCapacity: number, co2: number, firstRegistration: number) => number;
+  getFuelPrice: (fuelSelector: string, consumption: IWltpConsumption, hybridPlugin: boolean, powerCost: { fuelPrice?: number, powerPrice?: number }) => number;
+  getBaseFuelPrice: (fuelSelector: string, hybridPlugin?: boolean) => { fuelPrice: number, powerPrice?: number };
+  getCo2Price: (wltpCo2: number) => { co2PriceLow: number, co2PriceMedium: number, co2PriceHigh: number };
 }