@wayke-se/components-react 3.5.0 → 3.5.2

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
-declare type SharedIconProps = {
+type SharedIconProps = {
     block?: boolean;
 };
-declare type IconInfoProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & SharedIconProps;
+type IconInfoProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & SharedIconProps;
 export declare const IconInfo: ({ block }: IconInfoProps) => JSX.Element;
 export declare const IconCancel: ({ block }: IconInfoProps) => JSX.Element;
 export declare const IconChevronDown: ({ block }: IconInfoProps) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
+type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
     id: string;
     children: React.ReactNode;
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
-declare type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-declare type Props = InputProps & {
+type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+type Props = InputProps & {
     placeholder: string;
     label: string;
     value?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
+type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
     value: string;
     placeholder: string;
     label: string;

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/components/Sphere/Sphere.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type PropsType = {
+type PropsType = {
     url: string;
     preview: string;
     navigationDisabled: boolean;

package/dist-types/components/Sphere/SphereLightbox.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type PropsType = {
+type PropsType = {
     url: string;
 };
 declare const SphereLightbox: ({ url }: PropsType) => JSX.Element;

package/dist-types/components/Sphere/SphereViewer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type PropsType = {
+type PropsType = {
     id: string;
     src: string;
     preview: string;

package/dist-types/components/ThreeSixty/Rotation.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type PropsType = {
+type PropsType = {
     children: React.ReactNode;
 };
 declare const Rotation: ({ children }: PropsType) => JSX.Element;

package/dist-types/components/ThreeSixty/ThreeSixtLightbox.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type PropsType = {
+type PropsType = {
     urls: string[];
 };
 declare const ThreeSixtyLightbox: ({ urls }: PropsType) => JSX.Element;

package/dist-types/components/ThreeSixty/ThreeSixty.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type PropsType = {
+type PropsType = {
     urls: string[];
     navigationDisabled: boolean;
     visible: boolean;

package/dist-types/components/Video/CustomPlayer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type PropsType = {
+type PropsType = {
     url?: string;
     modal?: boolean;
     controls?: boolean;

package/dist-types/components/Video/EmbeddedVideoLightbox.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type PropsType = {
+type PropsType = {
     url: string;
     autoplay?: boolean;
     controls?: boolean;

package/dist-types/components/Video/VimeoPlayer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type PropsType = {
+type PropsType = {
     url: string;
     autoplay: boolean;
 };

package/dist-types/components/Video/YoutubePlayer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type PropsType = {
+type PropsType = {
     url: string;
     autoplay: boolean;
 };

package/dist-types/layout/theme.d.ts

@@ -37,5 +37,5 @@ declare const theme: {
         containerMaxWidth: string;
     };
 };
-export declare type Theme = typeof theme;
+export type Theme = typeof theme;
 export default theme;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 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;
+export type WaykeCompositeProps = Omit<WaykeSearchProps & WaykeSearchItemProps, 'id'>;
+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/providers/WaykeItemProvidet.d.ts

@@ -15,7 +15,7 @@ export interface WaykeItemProviderSettings {
     googleMapsApiKey?: string;
     googleMapsMarker?: string;
 }
-export declare type WaykeItemProviderProps = WaykeItemProviderSettings & {
+export type WaykeItemProviderProps = WaykeItemProviderSettings & {
     children?: React.ReactNode;
 };
 declare const WaykeItemProvider: ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, children, }: WaykeItemProviderProps) => JSX.Element;

package/dist-types/providers/WaykeProvider.d.ts

@@ -17,7 +17,7 @@ export interface WaykeProviderSettings {
     useQueryParamsFromUrl?: boolean;
     pathRoute?: string;
 }
-export declare type WaykeProviderProps = WaykeProviderSettings & {
+export type WaykeProviderProps = WaykeProviderSettings & {
     children?: React.ReactNode;
 };
 declare const WaykeProvider: ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, useQueryParamsFromUrl, pathRoute, children, }: WaykeProviderProps) => JSX.Element;

package/dist-types/utils/pubsub/Actions.d.ts

@@ -2,15 +2,15 @@ interface ActionBase<Callback> {
     actionName: ActionNames;
     callback: Callback;
 }
-export declare type ActionCallbackEmpty = () => void;
-export declare type CallbackOnFilterUpdate = (query: string) => void;
+export type ActionCallbackEmpty = () => void;
+export type CallbackOnFilterUpdate = (query: string) => void;
 export interface ActionOnFilterUpdate extends ActionBase<CallbackOnFilterUpdate> {
     actionName: 'onFilterUpdate';
 }
-export declare type ActionCallbackAll = (eventName: Omit<ActionNames, 'All'>, data: any) => void;
+export type ActionCallbackAll = (eventName: Omit<ActionNames, 'All'>, data: any) => void;
 export interface ActionAll extends ActionBase<ActionCallbackAll> {
     actionName: 'All';
 }
-export declare type ActionTypes = ActionOnFilterUpdate | ActionAll;
-export declare type ActionNames = Pick<ActionTypes, 'actionName'>['actionName'];
+export type ActionTypes = ActionOnFilterUpdate | ActionAll;
+export type ActionNames = Pick<ActionTypes, 'actionName'>['actionName'];
 export {};

package/dist-types/utils/pubsub/Events.d.ts

@@ -2,19 +2,19 @@ interface EventBase<Callback> {
     eventName: EventNames;
     callback: Callback;
 }
-export declare type CallbackEmpty = () => void;
-export declare type CallbackHashRouteChange = (id?: string) => void;
+export type CallbackEmpty = () => void;
+export type CallbackHashRouteChange = (id?: string) => void;
 export interface EventHashRouteChange extends EventBase<CallbackHashRouteChange> {
     eventName: 'HashRouteChange';
 }
-export declare type CallbackEventItemClicked = (id: string) => void;
+export type CallbackEventItemClicked = (id: string) => void;
 export interface EventItemClicked extends EventBase<CallbackEventItemClicked> {
     eventName: 'ItemClicked';
 }
 export interface EventEcomOnInit extends EventBase<CallbackEmpty> {
     eventName: 'EcomOnInit';
 }
-export declare type CallbackEcomOnUserEvent = (userEvent: string, currentStep: string) => void;
+export type CallbackEcomOnUserEvent = (userEvent: string, currentStep: string) => void;
 export interface EventEcomOnUser extends EventBase<CallbackEcomOnUserEvent> {
     eventName: 'EcomOnUserEvent';
 }
@@ -42,10 +42,10 @@ export interface EventInsuranceInterest extends EventBase<CallbackEmpty> {
 export interface EventFinanceInterest extends EventBase<CallbackEmpty> {
     eventName: 'FinanceInterest';
 }
-export declare type CallbackAll = (eventName: Omit<EventNames, 'All'>, data: any) => void;
+export type CallbackAll = (eventName: Omit<EventNames, 'All'>, data: any) => void;
 export interface EventAll extends EventBase<CallbackAll> {
     eventName: 'All';
 }
-export declare type EventType = EventHashRouteChange | EventItemClicked | EventEcomOnInit | EventEcomOnUser | EventEcomOnExit | EventImagesClick | EventOptionsClick | EventPhonenumberVisible | EventPhonenumberCall | EventMailVisible | EventInsuranceInterest | EventFinanceInterest | EventAll;
-export declare type EventNames = Pick<EventType, 'eventName'>['eventName'];
+export type EventType = EventHashRouteChange | EventItemClicked | EventEcomOnInit | EventEcomOnUser | EventEcomOnExit | EventImagesClick | EventOptionsClick | EventPhonenumberVisible | EventPhonenumberCall | EventMailVisible | EventInsuranceInterest | EventFinanceInterest | EventAll;
+export type EventNames = Pick<EventType, 'eventName'>['eventName'];
 export {};

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

@@ -1,6 +1,6 @@
 import { ActionAll, ActionNames, ActionOnFilterUpdate, ActionTypes } from './Actions';
 import { EventHashRouteChange, EventItemClicked, EventEcomOnInit, EventEcomOnUser, EventEcomOnExit, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventFinanceInterest, EventAll, EventType, EventNames } from './Events';
-export declare type EventSubscriptions = {
+export type EventSubscriptions = {
     HashRouteChange: EventHashRouteChange[];
     ItemClicked: EventItemClicked[];
     EcomOnInit: EventEcomOnInit[];
@@ -15,7 +15,7 @@ export declare type EventSubscriptions = {
     FinanceInterest: EventFinanceInterest[];
     All: EventAll[];
 };
-export declare type ActionSubscriptions = {
+export type ActionSubscriptions = {
     onFilterUpdate: ActionOnFilterUpdate[];
     All: ActionAll[];
 };

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';
+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-types/utils/specification.d.ts

@@ -8,7 +8,7 @@ export interface ItemPropertyType {
     value: string | null;
     modal?: ItemPropertModalType;
 }
-declare type ValueTypes = number | string | null | undefined | string[] | boolean | {
+type ValueTypes = number | string | null | undefined | string[] | boolean | {
     [key: string]: string | number | boolean;
 };
 export interface SpecPropertyType {

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 })));
 };
@@ -4436,10 +4448,11 @@ const DataList = ({ items }) => (React__default.createElement(List$7, null, item
 const Leasing = ({ financialOption }) => {
     const [modal, setModal] = useState(false);
     const toggleModal = useCallback(() => setModal(!modal), [modal]);
-    const { image, description, monthlyCost, duration, mileage } = financialOption;
+    const { image, description, monthlyCost, duration, mileage, type, name } = financialOption;
+    const title = type === 'leasing' ? 'Privatleasa' : type === 'business-leasing' ? 'Företagsleasa' : type;
     return (React__default.createElement(React__default.Fragment, null,
-        modal && (React__default.createElement(Modal, { title: "Privatleasing", onClose: toggleModal },
-            image && React__default.createElement(Image$2, { src: image, alt: "Privatleasing" }),
+        modal && (React__default.createElement(Modal, { title: title, onClose: toggleModal },
+            image && React__default.createElement(Image$2, { src: image, alt: title }),
             description && React__default.createElement(Content$2, { dangerouslySetInnerHTML: { __html: description } }),
             React__default.createElement(ModalFoldout, null,
                 React__default.createElement(ModalFoldoutBody, null,
@@ -4461,7 +4474,7 @@ const Leasing = ({ financialOption }) => {
             React__default.createElement(React__default.Fragment, null, monthlyCost !== null && monthlyCost !== undefined && (React__default.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/mån`))),
             React__default.createElement(OptionBoxContent, null,
                 React__default.createElement("p", null,
-                    "Privatleasing",
+                    title,
                     ' ',
                     mileage?.current && duration?.current && (React__default.createElement(React__default.Fragment, null,
                         React__default.createElement(UtilityTextPrimary, null,
@@ -4474,8 +4487,8 @@ const Leasing = ({ financialOption }) => {
                             " m\u00E5n"),
                         ".",
                         ' '))),
-                React__default.createElement("p", null,
-                    React__default.createElement(ButtonInline, { onClick: toggleModal }, "L\u00E4s mer"))))));
+                name && (React__default.createElement("p", null,
+                    React__default.createElement(ButtonInline, { onClick: toggleModal }, "L\u00E4s mer")))))));
 };
 
 const FinancialOptionDetail$1 = gql `
@@ -4770,7 +4783,7 @@ const FinancialOptions = ({ id, financialOptions }) => (React__default.createEle
     React__default.createElement(RepeatTiny, null,
         React__default.createElement(VisualHeading, null, "Andra finansieringsalternativ")),
     React__default.createElement(RepeatTiny, null, financialOptions.map((financialOption, index) => (React__default.createElement(Fragment, { key: index },
-        financialOption.type === 'leasing' && React__default.createElement(Leasing, { financialOption: financialOption }),
+        (financialOption.type === 'leasing' || financialOption.type === 'business-leasing') && (React__default.createElement(Leasing, { financialOption: financialOption })),
         financialOption.type === 'loan' && React__default.createElement(Loan, { id: id, financialOption: financialOption })))))));
 
 const Wrapper$n = styled.article `
@@ -5343,10 +5356,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 +5365,6 @@ const ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
     }, []);
     const onClick = useCallback(() => {
         if (!visible) {
-            initialValue[type] = true;
             setVisible(true);
             if (onClickVisible) {
                 onClickVisible();
@@ -5888,7 +5898,7 @@ const RelatedSearchContext = createContext({
     fetchRelated: (_) => { },
 });
 
-const useRelatedSearch = (id) => {
+const useRelatedSearch = (id, authorizedReseller) => {
     const data = useContext(RelatedSearchContext);
     useEffect(() => {
         const searchParams = new URLSearchParams();
@@ -5896,6 +5906,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 +5924,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 +5956,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 +6187,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 +6202,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 +6274,7 @@ const SEARCH_ITEM_BRANCH_QUERY = gql `
           mrf
           centralStorage
           ecommerce
+          authorizedReseller
         }
         logotype
         openingHours {
@@ -6658,6 +6674,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 +7243,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 +7376,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 +7744,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 +7758,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 },