@wayke-se/components-react 3.5.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/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,
                         },

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, businessLeasingPrice, 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,

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,
                                     },

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/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/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,8 +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, businessLeasingPrice, 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/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 {};

package/dist-web/index.js

@@ -665,6 +665,8 @@ const SortOptionDisplayName = {
     Pricedesc: 'price-desc',
     ModelAsc: 'model-asc',
     Modeldesc: 'model-desc',
+    MileageAsc: 'mileage-asc',
+    Mileagedesc: 'mileage-desc',
 };
 const getTranslatedSortOptionDisplayName = (str) => {
     switch (str) {
@@ -680,6 +682,10 @@ 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;
     }
@@ -1785,6 +1791,11 @@ const ContentFooter = styled.div `
   margin-top: auto;
   padding-top: ${size(1)};
 `;
+const PreHeading = styled.div `
+  margin-bottom: ${size(0.25)};
+  color: ${(props) => props.theme.color.textDarkLighten};
+  font-size: 0.75rem;
+`;
 const Heading$2 = styled.h1.attrs(() => ({
     className: 'wayke__theme wayke__font--bold',
 })) `
@@ -1849,7 +1860,7 @@ const OldPrice = styled.div `
 `;
 const Label$3 = styled.label `
   color: ${(props) => props.theme.color.disabledText};
-  font-size: 0.875rem;
+  font-size: 0.75rem;
 `;
 
 const Item$5 = styled.li `
@@ -1960,7 +1971,7 @@ const usePath = () => {
     return context;
 };
 
-const ProductCard = ({ id, title, href, image, pathRoute, placeholderImage, description, uspList, price, oldPrice, leasingPrice, businessLeasingPrice, 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) => {
@@ -1981,6 +1992,7 @@ const ProductCard = ({ id, title, href, image, pathRoute, placeholderImage, desc
                 React__default.createElement(Img, { src: placeholderImage || DEFAULT_PLACEHOLDER_IMAGE }))))),
         React__default.createElement(Content, null,
             React__default.createElement(ContentBody, null,
+                branchName && React__default.createElement(PreHeading, null, branchName),
                 React__default.createElement(Heading$2, null, href ? (React__default.createElement(Link, { onClick: onHrefClick, href: href, title: title, "aria-label": title }, title)) : (title)),
                 description && React__default.createElement(Description$1, null, description),
                 uspList && (React__default.createElement(Usp, null,
@@ -2005,7 +2017,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;
     }
@@ -2032,7 +2044,7 @@ const Grid = ({ documents, placeholderImage, hashRoute, pathRoute, onClickItem }
             */
             const _pathRoute = pathRoute ? `${pathRoute}/${document._id}` : undefined;
             return (React__default.createElement(Item$4, { key: document._id },
-                React__default.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__default.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,
                         },
@@ -2432,7 +2444,7 @@ PubSub.publish = (eventName, ...args) => {
     }
 };
 
-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) {
@@ -2470,7 +2482,7 @@ const WaykeSearch = ({ filterList, initialQueryParams, hashRoute, pathRoute, rem
                     React__default.createElement(Result, null,
                         React__default.createElement(React__default.Fragment, null,
                             error && (React__default.createElement(Snackbar, { severity: "error", icon: true, heading: "Ett fel har intr\u00E4ffat" }, "V\u00E4nligen f\u00F6rs\u00F6k igen.")),
-                            !error && documents && documents.length > 0 && (React__default.createElement(Grid, { hashRoute: hashRoute, pathRoute: pathRoute, onClickItem: onItemClicked, documents: documents, placeholderImage: placeholderImage })),
+                            !error && documents && documents.length > 0 && (React__default.createElement(Grid, { hashRoute: hashRoute, pathRoute: pathRoute, onClickItem: onItemClicked, documents: documents, placeholderImage: placeholderImage, displayBranchName: displayBranchName })),
                             !error && documents && documents.length === 0 && (React__default.createElement(Snackbar, { severity: "warning", icon: true, heading: "Inga resultat" }, "Det finns inga resultat som matchar din s\u00F6kning."))))))),
         React__default.createElement(PortalElement, { id: DefaultPortal })));
 };
@@ -5343,10 +5355,8 @@ const ManufacturerPackageOption = ({ packageOption }) => {
             React__default.createElement(LogoBox, { logo: packageOption.image, alt: "Logotyp", wide: true })))));
 };
 
-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();
@@ -5354,7 +5364,6 @@ const ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
     }, []);
     const onClick = useCallback(() => {
         if (!visible) {
-            initialValue[type] = true;
             setVisible(true);
             if (onClickVisible) {
                 onClickVisible();
@@ -5888,7 +5897,7 @@ const RelatedSearchContext = createContext({
     fetchRelated: (_) => { },
 });
 
-const useRelatedSearch = (id) => {
+const useRelatedSearch = (id, authorizedReseller) => {
     const data = useContext(RelatedSearchContext);
     useEffect(() => {
         const searchParams = new URLSearchParams();
@@ -5896,6 +5905,9 @@ const useRelatedSearch = (id) => {
         if (data.moreLikeThisUrl && id) {
             searchParams.set('id', id);
         }
+        if (authorizedReseller) {
+            searchParams.set('isAuthorizedResellerForManufacturer', 'true');
+        }
         data.fetchRelated(searchParams);
     }, [id]);
     return data;
@@ -5911,8 +5923,8 @@ const regexPathGuid = (path) => {
     return r;
 };
 
-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) {
@@ -5943,7 +5955,7 @@ const Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
                                 ? window.location.pathname.replace(r, document._id)
                                 : `${window.location.pathname}${prefix}${document._id}`;
                         return (React__default.createElement(OverflowGridItem, { key: document._id },
-                            React__default.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__default.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,
                                     },
@@ -6174,7 +6186,7 @@ const StaticMap = ({ position }) => {
                 React__default.createElement(ButtonContent, null, "Visa karta")))));
 };
 
-const Branch = ({ branch, loading }) => {
+const Branch = ({ branch, loading, displayBranchName }) => {
     const [modal, setModal] = useState(false);
     const openModal = useCallback(() => setModal(true), []);
     const closeModal = useCallback(() => setModal(false), []);
@@ -6189,9 +6201,11 @@ const Branch = ({ branch, loading }) => {
     return (React__default.createElement(React__default.Fragment, null,
         modal && (React__default.createElement(BranchModal, { loading: loading, connections: branch?.connections, onClose: closeModal })),
         React__default.createElement(Repeat, null,
-            React__default.createElement(H2, { noMargin: true }, branch?.location?.city
-                ? `Den här bilen finns på vår anläggning i ${branch?.location?.city}`
-                : 'Kontakt')),
+            React__default.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__default.createElement(Repeat, null,
             React__default.createElement(StaticMap, { position: branch?.location?.position })),
         (branch?.connections?.length || 0) > 1 && (React__default.createElement(Repeat, null,
@@ -6259,6 +6273,7 @@ const SEARCH_ITEM_BRANCH_QUERY = gql `
           mrf
           centralStorage
           ecommerce
+          authorizedReseller
         }
         logotype
         openingHours {
@@ -6658,6 +6673,8 @@ 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: '',
@@ -7225,7 +7242,7 @@ const Documents = ({ documents }) => {
             React__default.createElement(DocumentList, { documents: group.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);
@@ -7358,13 +7375,12 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
                                         React__default.createElement(UspList, { items: options }))))),
                             React__default.createElement(Documents, { documents: documents }),
                             React__default.createElement(ProductPageMainSection, null,
-                                React__default.createElement(Branch, { branch: branch, loading: loadingCentralStorageVehicle }),
+                                React__default.createElement(Branch, { branch: branch, displayBranchName: displayBranchName, loading: loadingCentralStorageVehicle }),
                                 ecommerce && ecommerce.enabled && (React__default.createElement(Repeat, null,
                                     React__default.createElement(ButtonPrimary, { disabled: !!ecommerce.reserved, title: "K\u00F6p bilen online", onClick: () => ecomContext.current?.start() }, "K\u00F6p bilen online")))),
                             React__default.createElement(PackageOptions, { packageOptions: packageOptions }),
                             React__default.createElement(ManufacturerPackageOption, { packageOption: manufacturer?.packageOption }))))),
-            React__default.createElement(Related, { id: id, hashRoute: hashRoute, pathRoute: pathRoute, onClickSearchItem: onClickSearchItem })),
-        false ,
+            React__default.createElement(Related, { id: id, hashRoute: hashRoute, pathRoute: pathRoute, authorizedReseller: !!branch?.flags?.authorizedReseller, displayBranchName: displayBranchName, onClickSearchItem: onClickSearchItem })),
         React__default.createElement(PortalElement, { id: DefaultPortal }),
         demoCarModal && React__default.createElement(DemoCarModal, { onClose: onToggleDemoCarModal })));
 };
@@ -7727,7 +7743,7 @@ const useHashGuid = () => {
     return id;
 };
 
-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(() => {
@@ -7741,7 +7757,7 @@ const WaykeComposite = ({ filterList, initialQueryParams, removeSearchBar, remov
         }
     }, [hashId]);
     const id = pathId || hashId;
-    return (React__default.createElement(React__default.Fragment, null, id ? (React__default.createElement(WaykeSearchItem, { id: id, hashRoute: !pathRoute, disableResetScrollOnInit: disableResetScrollOnInit, placeholderImage: placeholderImage, pathRoute: pathRoute, modifyDocumentTitleItem: modifyDocumentTitleItem })) : (React__default.createElement(WaykeSearch, { filterList: filterList, initialQueryParams: initialQueryParams, removeSearchBar: removeSearchBar, hashRoute: !pathRoute, placeholderImage: placeholderImage, pathRoute: pathRoute, removeFilterOptions: removeFilterOptions, modifyDocumentTitleSearch: modifyDocumentTitleSearch }))));
+    return (React__default.createElement(React__default.Fragment, null, id ? (React__default.createElement(WaykeSearchItem, { id: id, hashRoute: !pathRoute, disableResetScrollOnInit: disableResetScrollOnInit, placeholderImage: placeholderImage, pathRoute: pathRoute, modifyDocumentTitleItem: modifyDocumentTitleItem, displayBranchName: displayBranchName })) : (React__default.createElement(WaykeSearch, { filterList: filterList, initialQueryParams: initialQueryParams, removeSearchBar: removeSearchBar, hashRoute: !pathRoute, placeholderImage: placeholderImage, pathRoute: pathRoute, removeFilterOptions: removeFilterOptions, modifyDocumentTitleSearch: modifyDocumentTitleSearch, displayBranchName: displayBranchName }))));
 };
 
 const WaykeCompositeWithProvider = ({ provider, composite }) => (React__default.createElement(WaykeProvider, { ...provider },