@wayke-se/components-react 3.5.0 → 3.5.2

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/FinancialOptions/index.js

@@ -7,6 +7,6 @@ const FinancialOptions = ({ id, financialOptions }) => (React.createElement(Repe
     React.createElement(RepeatTiny, null,
         React.createElement(VisualHeading, null, "Andra finansieringsalternativ")),
     React.createElement(RepeatTiny, null, financialOptions.map((financialOption, index) => (React.createElement(Fragment, { key: index },
-        financialOption.type === 'leasing' && React.createElement(Leasing, { financialOption: financialOption }),
+        (financialOption.type === 'leasing' || financialOption.type === 'business-leasing') && (React.createElement(Leasing, { financialOption: financialOption })),
         financialOption.type === 'loan' && React.createElement(Loan, { id: id, financialOption: financialOption })))))));
 export default FinancialOptions;

package/dist-src/components/FinancialOptions/leasing.js

@@ -11,10 +11,11 @@ import DataList from '../DataList/index';
 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.createElement(React.Fragment, null,
-        modal && (React.createElement(Modal, { title: "Privatleasing", onClose: toggleModal },
-            image && React.createElement(Image, { src: image, alt: "Privatleasing" }),
+        modal && (React.createElement(Modal, { title: title, onClose: toggleModal },
+            image && React.createElement(Image, { src: image, alt: title }),
             description && React.createElement(Content, { dangerouslySetInnerHTML: { __html: description } }),
             React.createElement(ModalFoldout, null,
                 React.createElement(ModalFoldoutBody, null,
@@ -36,7 +37,7 @@ const Leasing = ({ financialOption }) => {
             React.createElement(React.Fragment, null, monthlyCost !== null && monthlyCost !== undefined && (React.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/mån`))),
             React.createElement(OptionBoxContent, null,
                 React.createElement("p", null,
-                    "Privatleasing",
+                    title,
                     ' ',
                     mileage?.current && duration?.current && (React.createElement(React.Fragment, null,
                         React.createElement(UtilityTextPrimary, null,
@@ -49,7 +50,7 @@ const Leasing = ({ financialOption }) => {
                             " m\u00E5n"),
                         ".",
                         ' '))),
-                React.createElement("p", null,
-                    React.createElement(ButtonInline, { onClick: toggleModal }, "L\u00E4s mer"))))));
+                name && (React.createElement("p", null,
+                    React.createElement(ButtonInline, { onClick: toggleModal }, "L\u00E4s mer")))))));
 };
 export default Leasing;

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

@@ -1,18 +1,18 @@
-export declare type Maybe<T> = T | null;
-export declare type InputMaybe<T> = Maybe<T>;
-export declare type Exact<T extends {
+export type Maybe<T> = T | null;
+export type InputMaybe<T> = Maybe<T>;
+export type Exact<T extends {
     [key: string]: unknown;
 }> = {
     [K in keyof T]: T[K];
 };
-export declare type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
     [SubKey in K]?: Maybe<T[SubKey]>;
 };
-export declare type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
+export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
     [SubKey in K]: Maybe<T[SubKey]>;
 };
 /** All built-in and custom scalars, mapped to their actual values */
-export declare type Scalars = {
+export type Scalars = {
     ID: string;
     String: string;
     Boolean: boolean;
@@ -36,7 +36,7 @@ export declare type Scalars = {
     };
     VehicleDataPropertySet: any;
 };
-export declare type Branch = {
+export type Branch = {
     __typename?: 'Branch';
     connections: Array<BranchConnection>;
     contact?: Maybe<ContactOptions>;
@@ -52,19 +52,20 @@ export declare type Branch = {
     promos: Array<Promo>;
     services: Array<Service>;
 };
-export declare type BranchConnection = {
+export type BranchConnection = {
     __typename?: 'BranchConnection';
     id: Scalars['ID'];
     location?: Maybe<Location>;
     name?: Maybe<Scalars['String']>;
 };
-export declare type BranchFlags = {
+export type BranchFlags = {
     __typename?: 'BranchFlags';
+    authorizedReseller?: Maybe<Scalars['Boolean']>;
     centralStorage?: Maybe<Scalars['Boolean']>;
     ecommerce?: Maybe<Scalars['Boolean']>;
     mrf?: Maybe<Scalars['Boolean']>;
 };
-export declare type ContactOptions = {
+export type ContactOptions = {
     __typename?: 'ContactOptions';
     avatar?: Maybe<Scalars['URL']>;
     email?: Maybe<Scalars['Email']>;
@@ -78,14 +79,14 @@ export declare enum DrivingDistance {
     Between2000And2500 = "BETWEEN2000AND2500",
     Over2500 = "OVER2500"
 }
-export declare type Ecommerce = {
+export type Ecommerce = {
     __typename?: 'Ecommerce';
     enabled?: Maybe<Scalars['Boolean']>;
     reserved?: Maybe<Scalars['Boolean']>;
     withHomeDelivery?: Maybe<Scalars['Boolean']>;
     withTradeIn?: Maybe<Scalars['Boolean']>;
 };
-export declare type FinancialOption = {
+export type FinancialOption = {
     __typename?: 'FinancialOption';
     administrationFee?: Maybe<Scalars['Float']>;
     description?: Maybe<Scalars['String']>;
@@ -110,7 +111,7 @@ export declare type FinancialOption = {
     type: Scalars['String'];
     url?: Maybe<Scalars['URL']>;
 };
-export declare type FinancialOptionDetail = {
+export type FinancialOptionDetail = {
     __typename?: 'FinancialOptionDetail';
     current: Scalars['Float'];
     default: Scalars['Float'];
@@ -123,12 +124,12 @@ export declare enum FinancialOptionInclusion {
     IncludesService = "INCLUDES_SERVICE",
     IncludesWintertires = "INCLUDES_WINTERTIRES"
 }
-export declare type HoursOpen = {
+export type HoursOpen = {
     __typename?: 'HoursOpen';
     from?: Maybe<Scalars['Time']>;
     until?: Maybe<Scalars['Time']>;
 };
-export declare type Insurance = {
+export type Insurance = {
     __typename?: 'Insurance';
     addons: Array<InsuranceAddon>;
     description: Scalars['String'];
@@ -141,7 +142,7 @@ export declare type Insurance = {
     unit: Scalars['String'];
     url?: Maybe<Scalars['URL']>;
 };
-export declare type InsuranceAddon = {
+export type InsuranceAddon = {
     __typename?: 'InsuranceAddon';
     description?: Maybe<Scalars['String']>;
     exclusions: Array<Scalars['String']>;
@@ -150,17 +151,17 @@ export declare type InsuranceAddon = {
     title?: Maybe<Scalars['String']>;
     unit: Scalars['String'];
 };
-export declare type InsuranceItem = {
+export type InsuranceItem = {
     __typename?: 'InsuranceItem';
     description?: Maybe<Scalars['String']>;
     name?: Maybe<Scalars['String']>;
 };
-export declare type InsuranceLegality = {
+export type InsuranceLegality = {
     __typename?: 'InsuranceLegality';
     description?: Maybe<Scalars['String']>;
     url?: Maybe<Scalars['URL']>;
 };
-export declare type InsuranceOption = {
+export type InsuranceOption = {
     __typename?: 'InsuranceOption';
     description?: Maybe<Scalars['String']>;
     identifier?: Maybe<Scalars['String']>;
@@ -176,12 +177,12 @@ export declare type InsuranceOption = {
     terms?: Maybe<Scalars['URL']>;
     url?: Maybe<Scalars['URL']>;
 };
-export declare type Link = {
+export type Link = {
     __typename?: 'Link';
     title?: Maybe<Scalars['String']>;
     url?: Maybe<Scalars['URL']>;
 };
-export declare type Location = {
+export type Location = {
     __typename?: 'Location';
     city?: Maybe<Scalars['String']>;
     county?: Maybe<Scalars['String']>;
@@ -189,29 +190,29 @@ export declare type Location = {
     postalCode?: Maybe<Scalars['String']>;
     streetAddress?: Maybe<Scalars['String']>;
 };
-export declare type Manufacturer = {
+export type Manufacturer = {
     __typename?: 'Manufacturer';
     description?: Maybe<Scalars['String']>;
     logotype?: Maybe<Scalars['URL']>;
     name: Scalars['String'];
     packageOption?: Maybe<PackageOption>;
 };
-export declare type Media = {
+export type Media = {
     __typename?: 'Media';
     files: Array<MediaFile>;
     type: Scalars['String'];
 };
-export declare type MediaFile = {
+export type MediaFile = {
     __typename?: 'MediaFile';
     formats: Array<Maybe<MediaFileFormat>>;
     url: Scalars['URL'];
 };
-export declare type MediaFileFormat = {
+export type MediaFileFormat = {
     __typename?: 'MediaFileFormat';
     format: Scalars['String'];
     url: Scalars['URL'];
 };
-export declare type OpeningHours = {
+export type OpeningHours = {
     __typename?: 'OpeningHours';
     friday?: Maybe<HoursOpen>;
     monday?: Maybe<HoursOpen>;
@@ -221,7 +222,7 @@ export declare type OpeningHours = {
     tuesday?: Maybe<HoursOpen>;
     wednesday?: Maybe<HoursOpen>;
 };
-export declare type Organization = {
+export type Organization = {
     __typename?: 'Organization';
     branches: Array<Maybe<Branch>>;
     contact?: Maybe<ContactOptions>;
@@ -233,65 +234,65 @@ export declare type Organization = {
     name?: Maybe<Scalars['String']>;
     parent?: Maybe<Branch>;
 };
-export declare type PackageOption = {
+export type PackageOption = {
     __typename?: 'PackageOption';
     description?: Maybe<Scalars['String']>;
     image?: Maybe<Scalars['URL']>;
     link?: Maybe<Link>;
     title?: Maybe<Scalars['String']>;
 };
-export declare type Position = {
+export type Position = {
     __typename?: 'Position';
     latitude?: Maybe<Scalars['Float']>;
     longitude?: Maybe<Scalars['Float']>;
 };
-export declare type Promo = {
+export type Promo = {
     __typename?: 'Promo';
     description?: Maybe<Scalars['String']>;
     image?: Maybe<Scalars['URL']>;
     link?: Maybe<Link>;
     title?: Maybe<Scalars['String']>;
 };
-export declare type Query = {
+export type Query = {
     __typename?: 'Query';
     branch?: Maybe<Branch>;
     insurances: Array<Insurance>;
     loan?: Maybe<FinancialOption>;
     vehicle?: Maybe<Vehicle>;
 };
-export declare type QueryBranchArgs = {
+export type QueryBranchArgs = {
     id: Scalars['ID'];
 };
-export declare type QueryInsurancesArgs = {
+export type QueryInsurancesArgs = {
     branch?: InputMaybe<Scalars['ID']>;
     drivingDistance: DrivingDistance;
     id: Scalars['ID'];
     personalNumber: Scalars['PersonalNumber'];
 };
-export declare type QueryLoanArgs = {
+export type QueryLoanArgs = {
     branch?: InputMaybe<Scalars['ID']>;
     downPayment: Scalars['Int'];
     duration: Scalars['Int'];
     id: Scalars['ID'];
     residual: Scalars['Float'];
 };
-export declare type QueryVehicleArgs = {
+export type QueryVehicleArgs = {
     branch?: InputMaybe<Scalars['ID']>;
     id: Scalars['ID'];
 };
-export declare type SafetyOption = {
+export type SafetyOption = {
     __typename?: 'SafetyOption';
     content?: Maybe<Scalars['String']>;
     image?: Maybe<Scalars['URL']>;
     name?: Maybe<Scalars['String']>;
     title?: Maybe<Scalars['String']>;
 };
-export declare type Service = {
+export type Service = {
     __typename?: 'Service';
     markdown?: Maybe<Scalars['String']>;
     title?: Maybe<Scalars['String']>;
 };
-export declare type Vehicle = {
+export type Vehicle = {
     __typename?: 'Vehicle';
     availableFrom?: Maybe<Scalars['DateTime']>;
     branch?: Maybe<Branch>;
@@ -315,7 +316,7 @@ export declare type Vehicle = {
     shortDescription?: Maybe<Scalars['String']>;
     title: Scalars['String'];
 };
-export declare type VehicleData = {
+export type VehicleData = {
     __typename?: 'VehicleData';
     enginePower?: Maybe<Scalars['Float']>;
     equipmentLevel?: Maybe<Scalars['String']>;
@@ -335,13 +336,17 @@ export declare type VehicleData = {
     salesName?: Maybe<Scalars['String']>;
     vin?: Maybe<Scalars['String']>;
 };
-export declare type VehicleDataPropertySetArgs = {
+export type VehicleDataPropertySetArgs = {
     category?: InputMaybe<Scalars['String']>;
     properties?: InputMaybe<Array<Scalars['String']>>;
 };
-export declare type VehicleFlags = {
+export type VehicleFlags = {
     __typename?: 'VehicleFlags';
     auction?: Maybe<Scalars['Boolean']>;
     demoVersion?: Maybe<Scalars['Boolean']>;
     testDrive?: Maybe<Scalars['Boolean']>;
 };
+export type _Service = {
+    __typename?: '_Service';
+    sdl: Scalars['String'];
+};

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

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

package/dist-types/State/Path/reducer.d.ts

@@ -1,9 +1,9 @@
 import { BaseAction } from '../../@types/action';
 export declare const SET_PATH = "SET_PATH";
-declare type SET_PATH_TYPE = BaseAction<typeof SET_PATH> & {
+type SET_PATH_TYPE = BaseAction<typeof SET_PATH> & {
     path: string;
 };
-declare type PathAction = SET_PATH_TYPE;
+type PathAction = SET_PATH_TYPE;
 interface PathState {
     path: 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/Content/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+type Props = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
     small?: boolean;
 };
 declare const Content: ({ children, small, dangerouslySetInnerHTML }: Props) => JSX.Element;

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;