@wayke-se/components-react 3.4.0 → 3.5.1

package/dist-src/State/RelatedSearch/useRelatedSearch.js

@@ -1,6 +1,6 @@
 import { useContext, useEffect } from 'react';
 import { RelatedSearchContext } from './RelatedSearchContext';
-const useRelatedSearch = (id) => {
+const useRelatedSearch = (id, authorizedReseller) => {
     const data = useContext(RelatedSearchContext);
     useEffect(() => {
         const searchParams = new URLSearchParams();
@@ -8,6 +8,9 @@ const useRelatedSearch = (id) => {
         if (data.moreLikeThisUrl && id) {
             searchParams.set('id', id);
         }
+        if (authorizedReseller) {
+            searchParams.set('isAuthorizedResellerForManufacturer', 'true');
+        }
         data.fetchRelated(searchParams);
     }, [id]);
     return data;

package/dist-src/components/ActionList/toggle-item.js

@@ -1,10 +1,8 @@
 import React, { useState, useCallback } from 'react';
 import { ButtonSecondary, ButtonContent } from '../Button/index';
 import { RepeatTiny } from '../Repeat/index';
-const initialValue = {};
-const getInitialValue = (title) => title && !!initialValue[title];
 const ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
-    const [visible, setVisible] = useState(() => getInitialValue(type));
+    const [visible, setVisible] = useState(false);
     const _onClickValue = useCallback(() => {
         if (onClickValue) {
             onClickValue();
@@ -12,7 +10,6 @@ const ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
     }, []);
     const onClick = useCallback(() => {
         if (!visible) {
-            initialValue[type] = true;
             setVisible(true);
             if (onClickVisible) {
                 onClickVisible();

package/dist-src/components/Filter/index.js

@@ -1,13 +1,15 @@
 import React, { useState, useCallback } from 'react';
 import { List, Item, Action, Label, Indicator, IndicatorValue } from './wrapper';
 import { FacetIdToTitle } from '../../utils/formats';
-import { PRICE, MILEAGE, MODEL_YEAR } from '../../utils/constants';
+import { PRICE, MILEAGE, MODEL_YEAR, LEASING_PRICE, BUSINESS_LEASING_PRICE, } from '../../utils/constants';
 import useSearch from '../../State/Search/useSearch';
 import FilterPanel from '../FilterPanel/index';
 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:

package/dist-src/components/FilterPanel/faceSelector.js

@@ -2,7 +2,7 @@ import React from 'react';
 import CheckListFacet from './checkListFacet';
 import ColorSelectFacet from './colorFacet';
 import RangeFacet from './rangeFacet';
-import { MANUFACTURER, MODEL_SERIES, FUEL_TYPE, GEARBOX_TYPE, ENVIRONMENT_CLASS, SEGMENT, DRIVING_WHEEL, COLOR, PRICE, BRANCH, MILEAGE, MODEL_YEAR, LEASING_PRICE, } from '../../utils/constants';
+import { MANUFACTURER, MODEL_SERIES, FUEL_TYPE, GEARBOX_TYPE, ENVIRONMENT_CLASS, SEGMENT, DRIVING_WHEEL, COLOR, PRICE, BRANCH, MILEAGE, MODEL_YEAR, LEASING_PRICE, BUSINESS_LEASING_PRICE, } from '../../utils/constants';
 const FacetSelector = ({ facet }) => {
     switch (facet.id) {
         case MANUFACTURER:
@@ -18,6 +18,7 @@ const FacetSelector = ({ facet }) => {
             return React.createElement(ColorSelectFacet, { facet: facet });
         case PRICE:
             return React.createElement(RangeFacet, { facet: facet, unit: "kr", formatValues: true });
+        case BUSINESS_LEASING_PRICE:
         case LEASING_PRICE:
             return React.createElement(RangeFacet, { facet: facet, unit: "kr/m\u00E5n", formatValues: true });
         case MILEAGE:

package/dist-src/components/Grid/index.js

@@ -9,7 +9,7 @@ const resolveImage = (document) => {
     }
     return undefined;
 };
-const Grid = ({ documents, placeholderImage, hashRoute, pathRoute, onClickItem }) => {
+const Grid = ({ documents, placeholderImage, hashRoute, pathRoute, displayBranchName, onClickItem, }) => {
     if (!documents) {
         return null;
     }
@@ -36,7 +36,7 @@ const Grid = ({ documents, placeholderImage, hashRoute, pathRoute, onClickItem }
             */
             const _pathRoute = pathRoute ? `${pathRoute}/${document._id}` : undefined;
             return (React.createElement(Item, { key: document._id },
-                React.createElement(ProductCard, { id: document._id, onClick: onClickItem, title: document.title, pathRoute: pathRoute, href: _pathRoute ? _pathRoute : hashRoute ? `#${document._id}` : undefined, image: resolveImage(document), placeholderImage: placeholderImage, description: document.shortDescription, uspList: [
+                React.createElement(ProductCard, { id: document._id, onClick: onClickItem, title: document.title, pathRoute: pathRoute, href: _pathRoute ? _pathRoute : hashRoute ? `#${document._id}` : undefined, image: resolveImage(document), placeholderImage: placeholderImage, description: document.shortDescription, branchName: displayBranchName ? document.branches?.[0]?.name : undefined, uspList: [
                         {
                             title: document.modelYear,
                         },
@@ -49,10 +49,12 @@ const Grid = ({ documents, placeholderImage, hashRoute, pathRoute, onClickItem }
                         {
                             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
+                    ], 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 })));
         }))));
 };

package/dist-src/components/ProductCard/index.js

@@ -1,10 +1,10 @@
 import React, { useCallback, useMemo } from 'react';
 import LazyLoad from 'react-lazyload';
-import { Wrapper, Image, Picture, Source, Img, Content, ContentBody, ContentFooter, Heading, Link, Description, Usp, Price, CurrentPrice, OldPrice, PriceCell, Label, } from './wrapper';
+import { Wrapper, Image, Picture, Source, Img, Content, ContentBody, ContentFooter, Heading, Link, Description, Usp, Price, CurrentPrice, OldPrice, PriceCell, Label, PreHeading, } from './wrapper';
 import UspList from '../UspList/index';
 import { DEFAULT_PLACEHOLDER_IMAGE } from '../../utils/constants';
 import usePath from '../../State/Path/usePath';
-const ProductCard = ({ id, title, href, image, pathRoute, placeholderImage, description, uspList, price, oldPrice, leasingPrice, onClick, }) => {
+const ProductCard = ({ id, title, href, image, pathRoute, placeholderImage, branchName, description, uspList, price, oldPrice, leasingPrice, businessLeasingPrice, onClick, }) => {
     const { pushState } = usePath();
     const _onClick = useMemo(() => (onClick ? () => onClick(id) : undefined), [id]);
     const onHrefClick = useCallback((e) => {
@@ -25,6 +25,7 @@ const ProductCard = ({ id, title, href, image, pathRoute, placeholderImage, desc
                 React.createElement(Img, { src: placeholderImage || DEFAULT_PLACEHOLDER_IMAGE }))))),
         React.createElement(Content, null,
             React.createElement(ContentBody, null,
+                branchName && React.createElement(PreHeading, null, branchName),
                 React.createElement(Heading, null, href ? (React.createElement(Link, { onClick: onHrefClick, href: href, title: title, "aria-label": title }, title)) : (title)),
                 description && React.createElement(Description, null, description),
                 uspList && (React.createElement(Usp, null,
@@ -35,7 +36,10 @@ const ProductCard = ({ id, title, href, image, pathRoute, placeholderImage, desc
                         oldPrice ? React.createElement(OldPrice, null, oldPrice) : React.createElement(Label, null, "Pris"),
                         React.createElement(CurrentPrice, null, price)),
                     leasingPrice && (React.createElement(PriceCell, null,
-                        React.createElement(Label, null, "Leasingpris"),
-                        React.createElement(CurrentPrice, null, leasingPrice))))))));
+                        React.createElement(Label, null, "Privatleasing"),
+                        React.createElement(CurrentPrice, null, leasingPrice))),
+                    businessLeasingPrice && (React.createElement(PriceCell, null,
+                        React.createElement(Label, null, "F\u00F6retagsleasing"),
+                        React.createElement(CurrentPrice, null, businessLeasingPrice))))))));
 };
 export default ProductCard;

package/dist-src/components/ProductCard/wrapper.js

@@ -61,6 +61,11 @@ export const ContentFooter = styled.div `
   margin-top: auto;
   padding-top: ${size(1)};
 `;
+export const PreHeading = styled.div `
+  margin-bottom: ${size(0.25)};
+  color: ${(props) => props.theme.color.textDarkLighten};
+  font-size: 0.75rem;
+`;
 export const Heading = styled.h1.attrs(() => ({
     className: 'wayke__theme wayke__font--bold',
 })) `
@@ -125,5 +130,5 @@ export const OldPrice = styled.div `
 `;
 export const Label = styled.label `
   color: ${(props) => props.theme.color.disabledText};
-  font-size: 0.875rem;
+  font-size: 0.75rem;
 `;

package/dist-src/layouts/WaykeComposite.js

@@ -4,7 +4,7 @@ import PubSub from '../utils/pubsub/pubsub';
 import WaykeSearch from './search/index';
 import WaykeSearchItem from './searchItem/index';
 import usePath from '../State/Path/usePath';
-const WaykeComposite = ({ filterList, initialQueryParams, removeSearchBar, removeFilterOptions, disableResetScrollOnInit, placeholderImage, pathRoute, modifyDocumentTitleItem, modifyDocumentTitleSearch, }) => {
+const WaykeComposite = ({ filterList, initialQueryParams, removeSearchBar, removeFilterOptions, disableResetScrollOnInit, placeholderImage, pathRoute, modifyDocumentTitleItem, modifyDocumentTitleSearch, displayBranchName, }) => {
     const hashId = useHashGuid();
     const { id: pathId } = usePath();
     useEffect(() => {
@@ -18,6 +18,6 @@ const WaykeComposite = ({ filterList, initialQueryParams, removeSearchBar, remov
         }
     }, [hashId]);
     const id = pathId || hashId;
-    return (React.createElement(React.Fragment, null, id ? (React.createElement(WaykeSearchItem, { id: id, hashRoute: !pathRoute, disableResetScrollOnInit: disableResetScrollOnInit, placeholderImage: placeholderImage, pathRoute: pathRoute, modifyDocumentTitleItem: modifyDocumentTitleItem })) : (React.createElement(WaykeSearch, { filterList: filterList, initialQueryParams: initialQueryParams, removeSearchBar: removeSearchBar, hashRoute: !pathRoute, placeholderImage: placeholderImage, pathRoute: pathRoute, removeFilterOptions: removeFilterOptions, modifyDocumentTitleSearch: modifyDocumentTitleSearch }))));
+    return (React.createElement(React.Fragment, null, id ? (React.createElement(WaykeSearchItem, { id: id, hashRoute: !pathRoute, disableResetScrollOnInit: disableResetScrollOnInit, placeholderImage: placeholderImage, pathRoute: pathRoute, modifyDocumentTitleItem: modifyDocumentTitleItem, displayBranchName: displayBranchName })) : (React.createElement(WaykeSearch, { filterList: filterList, initialQueryParams: initialQueryParams, removeSearchBar: removeSearchBar, hashRoute: !pathRoute, placeholderImage: placeholderImage, pathRoute: pathRoute, removeFilterOptions: removeFilterOptions, modifyDocumentTitleSearch: modifyDocumentTitleSearch, displayBranchName: displayBranchName }))));
 };
 export default WaykeComposite;

package/dist-src/layouts/search/index.js

@@ -10,7 +10,7 @@ import SearchFilter from '../../components/SearchFilter/index';
 import Snackbar from '../../components/Snackbar/index';
 import useSearch from '../../State/Search/useSearch';
 import PubSub from '../../utils/pubsub/pubsub';
-const WaykeSearch = ({ filterList, initialQueryParams, hashRoute, pathRoute, removeSearchBar, placeholderImage, removeFilterOptions, modifyDocumentTitleSearch, onClickSearchItem, }) => {
+const WaykeSearch = ({ filterList, initialQueryParams, hashRoute, pathRoute, removeSearchBar, placeholderImage, removeFilterOptions, modifyDocumentTitleSearch, displayBranchName, onClickSearchItem, }) => {
     const { error, documents, queryFilter, onFilterUpdate, onInitialize } = useSearch();
     useEffect(() => {
         if (modifyDocumentTitleSearch) {
@@ -48,7 +48,7 @@ const WaykeSearch = ({ filterList, initialQueryParams, hashRoute, pathRoute, rem
                     React.createElement(Result, null,
                         React.createElement(React.Fragment, null,
                             error && (React.createElement(Snackbar, { severity: "error", icon: true, heading: "Ett fel har intr\u00E4ffat" }, "V\u00E4nligen f\u00F6rs\u00F6k igen.")),
-                            !error && documents && documents.length > 0 && (React.createElement(Grid, { hashRoute: hashRoute, pathRoute: pathRoute, onClickItem: onItemClicked, documents: documents, placeholderImage: placeholderImage })),
+                            !error && documents && documents.length > 0 && (React.createElement(Grid, { hashRoute: hashRoute, pathRoute: pathRoute, onClickItem: onItemClicked, documents: documents, placeholderImage: placeholderImage, displayBranchName: displayBranchName })),
                             !error && documents && documents.length === 0 && (React.createElement(Snackbar, { severity: "warning", icon: true, heading: "Inga resultat" }, "Det finns inga resultat som matchar din s\u00F6kning."))))))),
         React.createElement(PortalElement, { id: PortalNamespace.DefaultPortal })));
 };

package/dist-src/layouts/searchItem/Branch.js

@@ -10,7 +10,7 @@ import PhoneNumber from '../../components/PhoneNumber/index';
 import Map from '../../components/Map/index';
 import BranchModal from './BranchModal';
 import { formatPhonenumber } from '../../utils/phonenumbers';
-const Branch = ({ branch, loading }) => {
+const Branch = ({ branch, loading, displayBranchName }) => {
     const [modal, setModal] = useState(false);
     const openModal = useCallback(() => setModal(true), []);
     const closeModal = useCallback(() => setModal(false), []);
@@ -25,9 +25,11 @@ const Branch = ({ branch, loading }) => {
     return (React.createElement(React.Fragment, null,
         modal && (React.createElement(BranchModal, { loading: loading, connections: branch?.connections, onClose: closeModal })),
         React.createElement(Repeat, null,
-            React.createElement(H2, { noMargin: true }, branch?.location?.city
-                ? `Den här bilen finns på vår anläggning i ${branch?.location?.city}`
-                : 'Kontakt')),
+            React.createElement(H2, { noMargin: true }, displayBranchName
+                ? `Den här bilen finns på ${branch.name}`
+                : branch?.location?.city
+                    ? `Den här bilen finns på vår anläggning i ${branch?.location?.city}`
+                    : 'Kontakt')),
         React.createElement(Repeat, null,
             React.createElement(Map, { position: branch?.location?.position })),
         (branch?.connections?.length || 0) > 1 && (React.createElement(Repeat, null,

package/dist-src/layouts/searchItem/Related.js

@@ -11,8 +11,8 @@ import Loader from '../../components/Loader/index';
 import { numberSeparator } from '../../utils/formats';
 import PubSub from '../../utils/pubsub/pubsub';
 import { regexPathGuid } from '../../utils/regex';
-const Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
-    const { loading, response, moreLikeThisUrl } = useRelatedSearch(id);
+const Related = ({ id, hashRoute, pathRoute, authorizedReseller, displayBranchName, onClickSearchItem, }) => {
+    const { loading, response, moreLikeThisUrl } = useRelatedSearch(id, !!authorizedReseller);
     const onItemClicked = useCallback((id) => {
         PubSub.publish('ItemClicked', id);
         if (onClickSearchItem) {
@@ -43,7 +43,7 @@ const Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
                                 ? window.location.pathname.replace(r, document._id)
                                 : `${window.location.pathname}${prefix}${document._id}`;
                         return (React.createElement(OverflowGridItem, { key: document._id },
-                            React.createElement(ProductCard, { id: document._id, onClick: onItemClicked, title: document.title, href: pathRoute ? pathRouteUrl : hashRoute ? `#${document._id}` : undefined, image: document.featuredImage?.files?.[0]?.url, description: document.shortDescription, uspList: [
+                            React.createElement(ProductCard, { id: document._id, onClick: onItemClicked, title: document.title, href: pathRoute ? pathRouteUrl : hashRoute ? `#${document._id}` : undefined, image: document.featuredImage?.files?.[0]?.url, description: document.shortDescription, branchName: displayBranchName ? document.branches?.[0]?.name : undefined, uspList: [
                                     {
                                         title: document.modelYear,
                                     },
@@ -58,6 +58,10 @@ const Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
                                     },
                                 ], 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 })));
                     })))))));
 };

package/dist-src/layouts/searchItem/index.js

@@ -18,7 +18,6 @@ import { IconChevronLeft } from '../../components/Icon/index';
 import useSearchItem from '../../hooks/useSearchItem';
 import { notEmpty, numberSeparator, dateTimeFormat } from '../../utils/formats';
 import { PortalNamespace, PortalElement } from '../../components/Portal/index';
-import Modal from '../../components/Modal/index';
 import FinancialOptions from '../../components/FinancialOptions/index';
 import InsuranceOptions from '../../components/InsuranceOptions/index';
 import ManufacturerPackageOption from './ManufacturerPackagesOption';
@@ -34,7 +33,7 @@ import Property from './Property';
 import DemoCarModal from './DemoCarModal';
 import useSettings from '../../State/Settings/useSettings';
 import Documents from './Documents';
-const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, placeholderImage, modifyDocumentTitleItem, onClickSearchItem, }) => {
+const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, placeholderImage, modifyDocumentTitleItem, displayBranchName, onClickSearchItem, }) => {
     const { ecomSettings } = useSettings();
     const ecomContext = useRef();
     const { loading, data: result } = useSearchItem(id);
@@ -167,17 +166,12 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
                                         React.createElement(UspList, { items: options }))))),
                             React.createElement(Documents, { documents: documents }),
                             React.createElement(ProductPageMainSection, null,
-                                React.createElement(Branch, { branch: branch, loading: loadingCentralStorageVehicle }),
+                                React.createElement(Branch, { branch: branch, displayBranchName: displayBranchName, loading: loadingCentralStorageVehicle }),
                                 ecommerce && ecommerce.enabled && (React.createElement(Repeat, null,
                                     React.createElement(ButtonPrimary, { disabled: !!ecommerce.reserved, title: "K\u00F6p bilen online", onClick: () => ecomContext.current?.start() }, "K\u00F6p bilen online")))),
                             React.createElement(PackageOptions, { packageOptions: packageOptions }),
                             React.createElement(ManufacturerPackageOption, { packageOption: manufacturer?.packageOption }))))),
-            React.createElement(Related, { id: id, hashRoute: hashRoute, pathRoute: pathRoute, onClickSearchItem: onClickSearchItem })),
-        false && (React.createElement(Modal, { title: "Modal", onClose: () => { } },
-            React.createElement(Content, null,
-                React.createElement("p", null,
-                    "Priset \u00E4r ett cirkapris och baserat p\u00E5 ditt avtals antal m\u00E5nader och din ber\u00E4knade \u00E5rliga k\u00F6rstr\u00E4cka. Kostnad f\u00F6r f\u00F6rs\u00E4kring och serviceavtal tillkommer. Kontakta s\u00E4ljare f\u00F6r komplett kostnadsf\u00F6rslag.",
-                    ' ')))),
+            React.createElement(Related, { id: id, hashRoute: hashRoute, pathRoute: pathRoute, authorizedReseller: !!branch?.flags?.authorizedReseller, displayBranchName: displayBranchName, onClickSearchItem: onClickSearchItem })),
         React.createElement(PortalElement, { id: PortalNamespace.DefaultPortal }),
         demoCarModal && React.createElement(DemoCarModal, { onClose: onToggleDemoCarModal })));
 };

package/dist-src/queries/SEARCH_ITEM_BRANCH_QUERY.js

@@ -43,6 +43,7 @@ const SEARCH_ITEM_BRANCH_QUERY = gql `
           mrf
           centralStorage
           ecommerce
+          authorizedReseller
         }
         logotype
         openingHours {

package/dist-src/utils/constants.js

@@ -11,6 +11,7 @@ export const PRICE = 'price';
 export const MILEAGE = 'mileage';
 export const MODEL_YEAR = 'modelYear';
 export const LEASING_PRICE = 'leasingPrice';
+export const BUSINESS_LEASING_PRICE = 'businessLeasingPrice';
 export const COLOR_WHITE = { displayName: 'Vit', hex: '#ffffff' };
 export const COLOR_BLACK = { displayName: 'Svart', hex: '#000000' };
 export const COLOR_GRAY = { displayName: 'Grå', hex: '#808080' };

package/dist-src/utils/formats.js

@@ -10,7 +10,7 @@ export const numberSeparator = (value, n = 0, x = 3, s = ' ', c = '.') => {
     const num = value.toFixed(Math.max(0, ~~n));
     return (c ? num.replace('.', c) : num).replace(new RegExp(re, 'g'), `$&${s || ','}`);
 };
-import { MANUFACTURER, MODEL_SERIES, FUEL_TYPE, GEARBOX_TYPE, ENVIRONMENT_CLASS, SEGMENT, DRIVING_WHEEL, COLOR, PRICE, BRANCH, MILEAGE, MODEL_YEAR, LEASING_PRICE, } from './constants';
+import { MANUFACTURER, MODEL_SERIES, FUEL_TYPE, GEARBOX_TYPE, ENVIRONMENT_CLASS, SEGMENT, DRIVING_WHEEL, COLOR, PRICE, BRANCH, MILEAGE, MODEL_YEAR, LEASING_PRICE, BUSINESS_LEASING_PRICE, } from './constants';
 export const FacetIdToTitle = (f) => {
     switch (f) {
         case MANUFACTURER:
@@ -39,6 +39,8 @@ export const FacetIdToTitle = (f) => {
             return 'Modellår';
         case LEASING_PRICE:
             return 'Privatleasing';
+        case BUSINESS_LEASING_PRICE:
+            return 'Företagsleasing';
         default:
             return f;
     }

package/dist-src/utils/sortOptions.js

@@ -5,6 +5,8 @@ const SortOptionDisplayName = {
     Pricedesc: 'price-desc',
     ModelAsc: 'model-asc',
     Modeldesc: 'model-desc',
+    MileageAsc: 'mileage-asc',
+    Mileagedesc: 'mileage-desc',
 };
 export const getTranslatedSortOptionDisplayName = (str) => {
     switch (str) {
@@ -20,6 +22,10 @@ export const getTranslatedSortOptionDisplayName = (str) => {
             return 'Årsmodell äldst';
         case SortOptionDisplayName.Modeldesc:
             return 'Årsmodell nyast';
+        case SortOptionDisplayName.MileageAsc:
+            return 'Miltal lägst';
+        case SortOptionDisplayName.Mileagedesc:
+            return 'Miltal högst';
         default:
             return str;
     }

package/dist-src/utils/vehicle-properties/property-hint-enricher.js

@@ -70,6 +70,8 @@ export const HINTS = Object.freeze({
     finish: '',
     fuelConsumptionCityDriving: 'Bränsleförbrukning vid stadskörning.',
     fuelConsumptionCountryRoadDriving: 'Bränsleförbrukning vid landsvägskörning.',
+    fuelConsumptionMixedDrivingNEDC: 'Bränsleförbrukning vid blandad körning.',
+    fuelConsumptionMixedDrivingWLTP: 'Bränsleförbrukning vid blandad körning.',
     fuelConsumptionMixedDriving: 'Bränsleförbrukning vid blandad körning. Dvs. stadskörning och landsvägskörning under en och samma färd.',
     fuelType: 'Vad bilen ska tankas med och drivs av.',
     gearboxName: '',

package/dist-types/@types/codegen/types.d.ts

@@ -60,6 +60,7 @@ export declare type BranchConnection = {
 };
 export declare type BranchFlags = {
     __typename?: 'BranchFlags';
+    authorizedReseller?: Maybe<Scalars['Boolean']>;
     centralStorage?: Maybe<Scalars['Boolean']>;
     ecommerce?: Maybe<Scalars['Boolean']>;
     mrf?: Maybe<Scalars['Boolean']>;
@@ -345,3 +346,7 @@ export declare type VehicleFlags = {
     demoVersion?: Maybe<Scalars['Boolean']>;
     testDrive?: Maybe<Scalars['Boolean']>;
 };
+export declare type _Service = {
+    __typename?: '_Service';
+    sdl: Scalars['String'];
+};

package/dist-types/@types/filter.d.ts

@@ -1,4 +1,4 @@
-export declare type SearchFilterNameTypes = 'manufacturer' | 'modelSeries' | 'fuelType' | 'gearboxType' | 'branch' | 'color' | 'environmentClass' | 'properties.segment' | 'drivingWheel' | 'price' | 'mileage' | 'modelYear';
+export declare type SearchFilterNameTypes = 'manufacturer' | 'modelSeries' | 'fuelType' | 'gearboxType' | 'branch' | 'color' | 'environmentClass' | 'properties.segment' | 'drivingWheel' | 'price' | 'mileage' | 'modelYear' | 'leasingPrice' | 'businessLeasingPrice';
 export declare type SearchFilterTypes = {
     filterName: SearchFilterNameTypes;
     displayName?: string;

package/dist-types/@types/search.d.ts

@@ -73,6 +73,7 @@ export interface Document {
     shortDescription: string;
     title: string;
     leasingPrice?: number;
+    businessLeasingPrice?: number;
 }
 export interface FacetFilter {
     displayName: string;

package/dist-types/State/RelatedSearch/useRelatedSearch.d.ts

@@ -1,2 +1,2 @@
-declare const useRelatedSearch: (id: string) => import("./RelatedSearchContext").RelatedSearchContextProps;
+declare const useRelatedSearch: (id: string, authorizedReseller?: boolean) => import("./RelatedSearchContext").RelatedSearchContextProps;
 export default useRelatedSearch;

package/dist-types/components/Grid/index.d.ts

@@ -5,7 +5,8 @@ interface GridProps {
     hashRoute?: boolean;
     pathRoute?: string;
     placeholderImage?: string;
+    displayBranchName?: boolean;
     onClickItem?: (id: string) => void;
 }
-declare const Grid: ({ documents, placeholderImage, hashRoute, pathRoute, onClickItem }: GridProps) => JSX.Element | null;
+declare const Grid: ({ documents, placeholderImage, hashRoute, pathRoute, displayBranchName, onClickItem, }: GridProps) => JSX.Element | null;
 export default Grid;

package/dist-types/components/ProductCard/index.d.ts

@@ -12,7 +12,9 @@ interface Props {
     price: string;
     leasingPrice?: string;
     oldPrice?: string;
+    branchName?: string;
+    businessLeasingPrice?: string;
     onClick?: (id: string) => void;
 }
-declare const ProductCard: ({ id, title, href, image, pathRoute, placeholderImage, description, uspList, price, oldPrice, leasingPrice, onClick, }: Props) => JSX.Element;
+declare const ProductCard: ({ id, title, href, image, pathRoute, placeholderImage, branchName, description, uspList, price, oldPrice, leasingPrice, businessLeasingPrice, onClick, }: Props) => JSX.Element;
 export default ProductCard;

package/dist-types/components/ProductCard/wrapper.d.ts

@@ -6,6 +6,7 @@ export declare const Img: import("styled-components").StyledComponent<"img", imp
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ContentBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ContentFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PreHeading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Heading: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {
     className: "wayke__theme wayke__font--bold";
 }, "className">;

package/dist-types/layouts/WaykeComposite.d.ts

@@ -2,5 +2,5 @@
 import { WaykeSearchProps } from './search/index';
 import { WaykeSearchItemProps } from './searchItem/index';
 export declare type WaykeCompositeProps = Omit<WaykeSearchProps & WaykeSearchItemProps, 'id'>;
-declare const WaykeComposite: ({ filterList, initialQueryParams, removeSearchBar, removeFilterOptions, disableResetScrollOnInit, placeholderImage, pathRoute, modifyDocumentTitleItem, modifyDocumentTitleSearch, }: WaykeCompositeProps) => JSX.Element;
+declare const WaykeComposite: ({ filterList, initialQueryParams, removeSearchBar, removeFilterOptions, disableResetScrollOnInit, placeholderImage, pathRoute, modifyDocumentTitleItem, modifyDocumentTitleSearch, displayBranchName, }: WaykeCompositeProps) => JSX.Element;
 export default WaykeComposite;

package/dist-types/layouts/search/index.d.ts

@@ -9,7 +9,8 @@ export interface WaykeSearchProps {
     hashRoute?: boolean;
     pathRoute?: string;
     modifyDocumentTitleSearch?: string;
+    displayBranchName?: boolean;
     onClickSearchItem?: (id: string) => void;
 }
-declare const WaykeSearch: ({ filterList, initialQueryParams, hashRoute, pathRoute, removeSearchBar, placeholderImage, removeFilterOptions, modifyDocumentTitleSearch, onClickSearchItem, }: WaykeSearchProps) => JSX.Element;
+declare const WaykeSearch: ({ filterList, initialQueryParams, hashRoute, pathRoute, removeSearchBar, placeholderImage, removeFilterOptions, modifyDocumentTitleSearch, displayBranchName, onClickSearchItem, }: WaykeSearchProps) => JSX.Element;
 export default WaykeSearch;

package/dist-types/layouts/searchItem/Branch.d.ts

@@ -3,6 +3,7 @@ import { Branch, Maybe } from '../../@types/codegen/types';
 interface BranchProps {
     branch?: Maybe<Branch>;
     loading: boolean;
+    displayBranchName?: boolean;
 }
-declare const Branch: ({ branch, loading }: BranchProps) => JSX.Element | null;
+declare const Branch: ({ branch, loading, displayBranchName }: BranchProps) => JSX.Element | null;
 export default Branch;

package/dist-types/layouts/searchItem/Related.d.ts

@@ -3,7 +3,9 @@ interface RelatedProps {
     id: string;
     hashRoute?: boolean;
     pathRoute?: string;
+    authorizedReseller?: boolean;
+    displayBranchName?: boolean;
     onClickSearchItem?: (id: string) => void;
 }
-declare const Related: ({ id, hashRoute, pathRoute, onClickSearchItem }: RelatedProps) => JSX.Element | null;
+declare const Related: ({ id, hashRoute, pathRoute, authorizedReseller, displayBranchName, onClickSearchItem, }: RelatedProps) => JSX.Element | null;
 export default Related;

package/dist-types/layouts/searchItem/index.d.ts

@@ -6,7 +6,8 @@ export interface WaykeSearchItemProps {
     disableResetScrollOnInit?: boolean;
     placeholderImage?: string;
     modifyDocumentTitleItem?: boolean;
+    displayBranchName?: boolean;
     onClickSearchItem?: (id: string) => void;
 }
-declare const WaykeSearchItem: ({ id, hashRoute, pathRoute, disableResetScrollOnInit, placeholderImage, modifyDocumentTitleItem, onClickSearchItem, }: WaykeSearchItemProps) => JSX.Element;
+declare const WaykeSearchItem: ({ id, hashRoute, pathRoute, disableResetScrollOnInit, placeholderImage, modifyDocumentTitleItem, displayBranchName, onClickSearchItem, }: WaykeSearchItemProps) => JSX.Element;
 export default WaykeSearchItem;

package/dist-types/utils/constants.d.ts

@@ -11,6 +11,7 @@ export declare const PRICE = "price";
 export declare const MILEAGE = "mileage";
 export declare const MODEL_YEAR = "modelYear";
 export declare const LEASING_PRICE = "leasingPrice";
+export declare const BUSINESS_LEASING_PRICE = "businessLeasingPrice";
 export declare const COLOR_WHITE: {
     displayName: string;
     hex: string;

package/dist-types/utils/sortOptions.d.ts

@@ -5,7 +5,9 @@ declare const SortOptionDisplayName: {
     Pricedesc: string;
     ModelAsc: string;
     Modeldesc: string;
+    MileageAsc: string;
+    Mileagedesc: string;
 };
-declare type SortOptionDisplayName = 'relevance' | 'published-asc' | 'published-desc' | 'price-asc' | 'price-desc' | 'model-asc' | 'model-desc';
+declare type SortOptionDisplayName = 'relevance' | 'published-asc' | 'published-desc' | 'price-asc' | 'price-desc' | 'model-asc' | 'model-desc' | 'mileage-asc' | 'mileage-desc';
 export declare const getTranslatedSortOptionDisplayName: (str: string | SortOptionDisplayName) => string;
 export {};