@wayke-se/components-react 3.4.0 → 3.5.0

package/README.md

@@ -182,7 +182,7 @@ const App = ({}) => {
 | pathRoute                 | string                    |                           |
 | hashRoute                 | boolean                   |                           |
 | filterList                | SearchFilterTypes[]       |                           |
-| initialQueryParams        | URLSearchParams or string | query, manufacturer, modelSeries, fuelType, gearboxType, branch, color, environmentClass, properties.segment, drivingWheel, price.min, price.max, mileage.min, mileage.max, modelYear.min, modelYear.max |
+| initialQueryParams        | URLSearchParams or string | query, manufacturer, modelSeries, fuelType, gearboxType, branch, color, environmentClass, properties.segment, drivingWheel, price.min, price.max, mileage.min, mileage.max, modelYear.min, modelYear.max, leasingPrice.min, leasingPrice.max, businessLeasingPrice.min, businessLeasingPrice.max |
 | removeSearchBar           | boolean                   |                           |
 | removeFilterOptions       | boolean                   |                           |
 | placeholderImage          | string                    |                           |
@@ -192,7 +192,7 @@ const App = ({}) => {
 * Optional
   * `pathRoute` - If set, then if a item is clicked it will use the provided url and append the guid. Supports both relative and absolute.
   * `hashRoute` - If set to true, then if a item is clicked it will append #guid to the url (is not used if `pathRoute` is set).
-  * `filterList` - Select what filters that should be visible and in whiched order, drivingWheel, price, mileage, modelYear
+  * `filterList` - Select what filters that should be visible and in whiched order, drivingWheel, price, mileage, modelYear, leasingPrice, businessLeasingPrice
   * `initialQueryParams` - Set the default filter that should be applid upon init.
   * `removeSearchBar` - Removes search bar.
   * `removeFilterOptions` - Removes filter options.
@@ -271,7 +271,7 @@ WaykeSearchItem & WaykeSearch combined without `id`
 ### SearchFilterTypes
 | Property    | Type                  | Required | Values                                                                                                                                         |
 |-------------|-----------------------|----------|------------------------------------------------------------------------------------------------------------------------------------------------|
-| filterName  | SearchFilterNameTypes | true     | manufacturer, modelSeries, fuelType, gearboxType, branch, color, environmentClass, properties.segment, drivingWheel, price, mileage, modelYear |
+| filterName  | SearchFilterNameTypes | true     | manufacturer, modelSeries, fuelType, gearboxType, branch, color, environmentClass, properties.segment, drivingWheel, price, mileage, modelYear, leasingPrice, businessLeasingPrice |
 | displayName | string                | false    |                                                                                                                                                |
 
 * `displayName` override default translation of title

package/dist-node/index.js

@@ -503,6 +503,7 @@ const PRICE = 'price';
 const MILEAGE = 'mileage';
 const MODEL_YEAR = 'modelYear';
 const LEASING_PRICE = 'leasingPrice';
+const BUSINESS_LEASING_PRICE = 'businessLeasingPrice';
 const COLOR_WHITE = {
   displayName: 'Vit',
   hex: '#ffffff'
@@ -595,6 +596,8 @@ const FacetIdToTitle = f => {
       return 'Modellår';
     case LEASING_PRICE:
       return 'Privatleasing';
+    case BUSINESS_LEASING_PRICE:
+      return 'Företagsleasing';
     default:
       return f;
   }
@@ -1979,6 +1982,7 @@ const FacetSelector = ({
         unit: "kr",
         formatValues: true
       });
+    case BUSINESS_LEASING_PRICE:
     case LEASING_PRICE:
       return React__default.createElement(RangeFacet, {
         facet: facet,
@@ -2035,6 +2039,8 @@ const isSelected = (f, searchParams) => {
   switch (f.id) {
     case PRICE:
     case MILEAGE:
+    case LEASING_PRICE:
+    case BUSINESS_LEASING_PRICE:
     case MODEL_YEAR:
       return searchParams.has(`${f.id}.min`) || searchParams.has(`${f.id}.max`) ? 1 : 0;
     default:
@@ -2377,6 +2383,7 @@ const ProductCard = ({
   price,
   oldPrice,
   leasingPrice,
+  businessLeasingPrice,
   onClick
 }) => {
   const {
@@ -2413,7 +2420,7 @@ const ProductCard = ({
   }, title) : title), description && React__default.createElement(Description$1, null, description), uspList && React__default.createElement(Usp, null, React__default.createElement(UspList, {
     small: true,
     items: uspList
-  }))), React__default.createElement(ContentFooter, null, React__default.createElement(Price, null, React__default.createElement(PriceCell, null, oldPrice ? React__default.createElement(OldPrice, null, oldPrice) : React__default.createElement(Label$3, null, "Pris"), React__default.createElement(CurrentPrice, null, price)), leasingPrice && React__default.createElement(PriceCell, null, React__default.createElement(Label$3, null, "Leasingpris"), React__default.createElement(CurrentPrice, null, leasingPrice))))));
+  }))), React__default.createElement(ContentFooter, null, React__default.createElement(Price, null, React__default.createElement(PriceCell, null, oldPrice ? React__default.createElement(OldPrice, null, oldPrice) : React__default.createElement(Label$3, null, "Pris"), React__default.createElement(CurrentPrice, null, price)), leasingPrice && React__default.createElement(PriceCell, null, React__default.createElement(Label$3, null, "Privatleasing"), React__default.createElement(CurrentPrice, null, leasingPrice)), businessLeasingPrice && React__default.createElement(PriceCell, null, React__default.createElement(Label$3, null, "F\u00F6retagsleasing"), React__default.createElement(CurrentPrice, null, businessLeasingPrice))))));
 };
 
 const resolveImage = document => {
@@ -2473,8 +2480,9 @@ const Grid = ({
         title: document.fuelType
       }],
       price: `${numberSeparator(document.price)} kr`,
-      leasingPrice: document.leasingPrice !== undefined ? `${numberSeparator(document.leasingPrice)} kr` : undefined,
-      oldPrice: document.oldPrice !== undefined && document.price < document.oldPrice ? `${numberSeparator(document.oldPrice)} kr` : undefined
+      oldPrice: document.oldPrice !== undefined && document.price < document.oldPrice ? `${numberSeparator(document.oldPrice)} kr` : undefined,
+      leasingPrice: document.leasingPrice !== undefined ? `${numberSeparator(document.leasingPrice)} kr/mån` : undefined,
+      businessLeasingPrice: document.businessLeasingPrice !== undefined ? `${numberSeparator(document.businessLeasingPrice)} kr/mån` : undefined
     }));
   })));
 };
@@ -6900,6 +6908,8 @@ const Related = ({
       }],
       price: `${numberSeparator(document.price)} kr`,
       oldPrice: document.oldPrice !== undefined && document.price < document.oldPrice ? `${numberSeparator(document.oldPrice)} kr` : undefined,
+      leasingPrice: document.leasingPrice !== undefined ? `${numberSeparator(document.leasingPrice)} kr/mån` : undefined,
+      businessLeasingPrice: document.businessLeasingPrice !== undefined ? `${numberSeparator(document.businessLeasingPrice)} kr/mån` : undefined,
       pathRoute: pathRoute
     }));
   }))))));