@wayke-se/components-react 2.11.0 → 2.15.0

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

@@ -43,6 +43,6 @@ const Ecom = ({ vehicle, manufacturer, onExit, onUserEvent }) => {
         useBankId: ecomSettings === null || ecomSettings === void 0 ? void 0 : ecomSettings.useBankId,
         displayBankIdAlert: ecomSettings === null || ecomSettings === void 0 ? void 0 : ecomSettings.displayBankIdAlert,
     };
-    return React.createElement(EcomBase, Object.assign({}, ecomData));
+    return React.createElement(EcomBase, { ...ecomData });
 };
 export default Ecom;

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

@@ -88,7 +88,7 @@ const Gallery = ({ media, placeholderImage }) => {
         React.createElement(Wrapper, null,
             React.createElement(Main, null,
                 React.createElement(SliderWrapper, { onMouseDown: onMouseDown, onMouseMove: onMouseMove, onClick: onClick },
-                    React.createElement(Slider, Object.assign({}, sliderSettings, { swipe: !navigationDisabled, touchMove: !navigationDisabled, swipeToSlide: !navigationDisabled, ref: slider, beforeChange: beforeChange }), !!(media === null || media === void 0 ? void 0 : media.length) ? (media.map((m, i) => {
+                    React.createElement(Slider, { ...sliderSettings, swipe: !navigationDisabled, touchMove: !navigationDisabled, swipeToSlide: !navigationDisabled, ref: slider, beforeChange: beforeChange }, !!(media === null || media === void 0 ? void 0 : media.length) ? (media.map((m, i) => {
                         var _a;
                         return (React.createElement(Item, { key: m.files[0].url || i },
                             m.type === 'image' && (React.createElement(Image, { src: (_a = m.files[0].formats.filter(notEmpty).find((x) => x.format === '1170x')) === null || _a === void 0 ? void 0 : _a.url, alt: `Bild ${i + 1}` })),

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

@@ -3,7 +3,7 @@ import { Input, Label, LabelText, Wrapper } from './wrapper';
 const InputCheckbox = ({ children, ...props }) => {
     const { id } = props;
     return (React.createElement(Wrapper, { "aria-labelledby": id ? `${id}-label` : undefined },
-        React.createElement(Input, Object.assign({}, props)),
+        React.createElement(Input, { ...props }),
         React.createElement(Label, { id: `${id}-label`, htmlFor: id },
             React.createElement(LabelText, null, children))));
 };

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

@@ -31,7 +31,7 @@ export const Label = styled.label.attrs(() => ({
     margin-top: -2px;
   }
 `;
-export const Wrapper = styled((props) => React.createElement("div", Object.assign({}, props))).attrs(({ type, checked }) => ({
+export const Wrapper = styled((props) => React.createElement("div", { ...props })).attrs(({ type, checked }) => ({
     role: type || 'checkbox',
     'aria-checked': checked,
 })) `
@@ -46,7 +46,7 @@ export const Wrapper = styled((props) => React.createElement("div", Object.assig
       }
     `}
 `;
-export const Input = styled((props) => (React.createElement("input", Object.assign({}, props, { className: `${props.checked ? 'checked' : undefined} ${props.className}` })))).attrs(({ type, checked }) => ({
+export const Input = styled((props) => (React.createElement("input", { ...props, className: `${props.checked ? 'checked' : undefined} ${props.className}` }))).attrs(({ type, checked }) => ({
     checked,
     type: type || 'checkbox',
 })) `

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

@@ -1,12 +1,6 @@
 import styled, { css } from 'styled-components';
 import { size } from '../../layout/helpers';
-export const Page = styled.main `
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  min-height: -webkit-fill-available;
-  padding-top: ${size(4)};
-`;
+export const Page = styled.div ``;
 export const PageSection = styled.section `
   margin-bottom: ${size(4)};
 

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PdfListItem, PdfSubtitle, PdfTitle, PdfContainer, PdfListInner, PdfLink, PdfColumn, } from './wrapper';
+export const PdfDownloadItem = ({ document }) => (React.createElement(PdfListItem, null,
+    React.createElement(PdfListInner, null,
+        React.createElement(PdfColumn, null,
+            React.createElement(PdfTitle, null, document.name),
+            React.createElement(PdfSubtitle, null, document.contentType)),
+        React.createElement(PdfColumn, null,
+            React.createElement(PdfLink, { href: document.url, rel: "noopener noreferrer nofollow", target: "_blank" }, "\u00D6ppna")))));
+export const PdfDownloadContainer = ({ documents }) => (React.createElement(PdfContainer, null, documents.map((document, i) => (React.createElement(PdfDownloadItem, { key: `${document.url}-${i}`, document: document })))));
+export default PdfDownloadContainer;

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

@@ -0,0 +1,55 @@
+import styled from 'styled-components';
+import { size } from '../../layout/helpers';
+export const PdfListItem = styled.li.attrs(() => ({
+    className: 'wayke__theme wayke__color--primary-text',
+})) `
+  flex: 0 0 50%;
+  padding: ${size(1)};
+
+  ${({ theme }) => theme.breakpoint.LtSm} {
+    flex: 0 0 100%;
+  }
+`;
+export const PdfContainer = styled.ul `
+  list-style: none;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  margin: ${size(-1)};
+`;
+export const PdfLink = styled.a.attrs(() => ({
+    className: 'wayke__theme wayke__color--primary-text wayke__font--bold',
+})) `
+  text-decoration: none;
+  font-size: 0.875rem;
+  &:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+`;
+export const PdfTitle = styled.div `
+  color: ${(props) => props.theme.color.textDark};
+`;
+export const PdfSubtitle = styled.div `
+  color: ${(props) => props.theme.color.textDarkLighten};
+`;
+export const PdfColumn = styled.div `
+  flex 0 0 auto;
+  &:first-child {
+    flex: 1 1 auto;
+  }
+`;
+export const PdfListInner = styled.div `
+  position: relative;
+  border: 1px solid ${(props) => props.theme.color.border};
+  padding: ${size(1.5)};
+  display: flex;
+  align-items: center;
+  :hover {
+    background-color: ${(props) => props.theme.color.hoverOverlay};
+  }
+`;

package/dist-src/components/RangeSlider/RangeSliderSimple.js

@@ -16,7 +16,7 @@ const RangeSliderSimple = ({ loading, values, domain, steps, unit, formatValues,
     return (React.createElement(React.Fragment, null,
         React.createElement(OwnSlider, null,
             React.createElement(Slider, { disabled: loading, mode: 1, step: step, domain: domain, onChange: onChange, onUpdate: onUpdate, values: values, rootStyle: { position: 'relative' } },
-                React.createElement(Rail, null, ({ getRailProps }) => React.createElement(Bar, Object.assign({}, getRailProps()))),
+                React.createElement(Rail, null, ({ getRailProps }) => React.createElement(Bar, { ...getRailProps() })),
                 React.createElement(Handles, null, ({ handles, getHandleProps }) => (React.createElement("div", { className: "slider-handles" }, handles.map((handle) => (React.createElement(Handle, { key: handle.id, handle: handle, domain: domain, getHandleProps: getHandleProps })))))),
                 React.createElement(Tracks, { right: false }, ({ tracks, getTrackProps }) => (React.createElement("div", { className: "slider-tracks" }, tracks.map(({ id, source, target }) => (React.createElement(Track, { key: id, source: source, target: target, getTrackProps: getTrackProps })))))))),
         false && (React.createElement(RangeSpan, null,

package/dist-src/components/RangeSlider/handle.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import { Handle as OwnHandle } from './wrapper';
-export const Handle = ({ domain: [min, max], handle: { id, value, percent }, getHandleProps, }) => (React.createElement(OwnHandle, Object.assign({ role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, style: {
+export const Handle = ({ domain: [min, max], handle: { id, value, percent }, getHandleProps, }) => (React.createElement(OwnHandle, { role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, style: {
         left: `${percent}%`,
-    } }, getHandleProps(id))));
+    }, ...getHandleProps(id) }));

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

@@ -40,7 +40,7 @@ const RangeSlider = ({ loading, values, domain, steps, unit, formatValues, maxPr
                 React.createElement(OwnHandle, { role: "slider", "aria-disabled": true, style: { left: '0' } }),
                 React.createElement(OwnHandle, { role: "slider", "aria-disabled": true, style: { left: '100%' } })))) : (React.createElement(OwnSlider, null,
             React.createElement(Slider, { disabled: loading, mode: 1, step: step, domain: domain, onChange: onChange, onUpdate: onUpdate, values: values, rootStyle: { position: 'relative' } },
-                React.createElement(Rail, null, ({ getRailProps }) => React.createElement(Bar, Object.assign({}, getRailProps()))),
+                React.createElement(Rail, null, ({ getRailProps }) => React.createElement(Bar, { ...getRailProps() })),
                 React.createElement(Handles, null, ({ handles, getHandleProps }) => (React.createElement("div", { className: "slider-handles" }, handles.map((handle) => (React.createElement(Handle, { key: handle.id, handle: handle, domain: domain, getHandleProps: getHandleProps })))))),
                 React.createElement(Tracks, { left: false, right: false }, ({ tracks, getTrackProps }) => (React.createElement("div", { className: "slider-tracks" }, tracks.map(({ id, source, target }) => (React.createElement(Track, { key: id, source: source, target: target, getTrackProps: getTrackProps }))))))))),
         React.createElement(RangeSpan, null,

package/dist-src/components/RangeSlider/track.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Track as OwnTrack } from './wrapper';
-export const Track = ({ source, target, getTrackProps }) => (React.createElement(OwnTrack, Object.assign({ style: {
+export const Track = ({ source, target, getTrackProps }) => (React.createElement(OwnTrack, { style: {
         left: `${source.percent}%`,
         width: `${target.percent - source.percent}%`,
-    } }, getTrackProps())));
+    }, ...getTrackProps() }));

package/dist-src/layouts/WaykeCompositeWithProvider.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import WaykeProvider from '../providers/WaykeProvider';
 import WaykeComposite from './WaykeComposite';
-const WaykeCompositeWithProvider = ({ provider, composite }) => (React.createElement(WaykeProvider, Object.assign({}, provider),
-    React.createElement(WaykeComposite, Object.assign({}, composite))));
+const WaykeCompositeWithProvider = ({ provider, composite }) => (React.createElement(WaykeProvider, { ...provider },
+    React.createElement(WaykeComposite, { ...composite })));
 export default WaykeCompositeWithProvider;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import marked from 'marked';
+import { marked } from 'marked';
 import { Repeat } from '../../components/Repeat/index';
 import { ProductPageMainSection } from '../../components/ProductPage/index';
 import Content from '../../components/Content/index';

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

@@ -2,7 +2,7 @@ import React, { useState, useCallback } from 'react';
 import { TableListItem, TableListKey, TableListValue, TableListBooleanPos, TableListBooleanNeg, } from '../../components/TableList/index';
 import { IconCheck, IconCancel } from '../../components/Icon/index';
 import { SrOnly } from '../../components/SrOnly/index';
-import { ButtonInlinePrimary } from '../../components/Button/index';
+import { ButtonInline } from '../../components/Button/index';
 import Modal from '../../components/Modal/index';
 import Content from '../../components/Content/index';
 const formatValue = (value, unit) => {
@@ -26,7 +26,7 @@ const MetadataItem = ({ name, hint, value, unit }) => {
     const onToggleFoldout = useCallback(() => setFoldout(!foldout), [foldout]);
     const presentedValue = formatValue(value, unit);
     return (React.createElement(TableListItem, null,
-        React.createElement(TableListKey, null, hint ? (React.createElement(ButtonInlinePrimary, { onClick: onToggleFoldout, title: `Mer information om ${name}` }, name)) : (name)),
+        React.createElement(TableListKey, null, hint ? (React.createElement(ButtonInline, { onClick: onToggleFoldout, title: `Mer information om ${name}` }, name)) : (name)),
         React.createElement(TableListValue, null, value !== undefined ? presentedValue : 'Uppgift saknas'),
         hint && foldout && (React.createElement(Modal, { title: name, onClose: onToggleFoldout },
             React.createElement(Content, { dangerouslySetInnerHTML: { __html: hint } })))));

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import marked from 'marked';
+import { marked } from 'marked';
 import { Repeat } from '../../components/Repeat/index';
 import { ButtonInline } from '../../components/Button/index';
 import Modal from '../../components/Modal/index';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import marked from 'marked';
+import { marked } from 'marked';
 import { Repeat } from '../../components/Repeat/index';
 import { ProductPageMainSection } from '../../components/ProductPage/index';
 import Content from '../../components/Content/index';

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

@@ -31,6 +31,7 @@ import Page404 from './Page404';
 import PageLoading from './PageLoading';
 import PubSub from '../../utils/pubsub/pubsub';
 import Property from './Property';
+import PdfDownloadContainer from '../../components/Pdf/index';
 const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, placeholderImage, modifyDocumentTitleItem, onClickSearchItem, }) => {
     var _a, _b, _c;
     const [ecomModal, setEcomModal] = useState(false);
@@ -61,7 +62,7 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
     const { vehicle } = result;
     const contact = centralStorageVehicle === null || centralStorageVehicle === void 0 ? void 0 : centralStorageVehicle.contact;
     const branch = centralStorageVehicle === null || centralStorageVehicle === void 0 ? void 0 : centralStorageVehicle.branch;
-    const { title, shortDescription, media, description, price, financialOptions, insuranceOptions, manufacturer, ecommerce, packageOptions, publishedAt, } = vehicle;
+    const { title, shortDescription, media, description, price, financialOptions, insuranceOptions, manufacturer, ecommerce, packageOptions, publishedAt, documents, } = vehicle;
     const { fuelType, mileage, gearbox, modelYear, propertySet } = vehicle.data;
     const uspList = [
         {
@@ -131,6 +132,14 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
                                 React.createElement(Repeat, null,
                                     React.createElement(ExtendContent, { actionTitle: "Visa mer", onClick: onShowMoreOptionsClick },
                                         React.createElement(UspList, { items: options }))))),
+                            (documents.length || 0) > 0 && (React.createElement(ProductPageMainSection, null,
+                                React.createElement(Repeat, null,
+                                    React.createElement(H2, { noMargin: true }, "Dokument")),
+                                React.createElement(Repeat, null,
+                                    React.createElement(Content, null,
+                                        React.createElement("p", null, "Tillh\u00F6rande dokument f\u00F6r bilen."))),
+                                React.createElement(Repeat, null,
+                                    React.createElement(PdfDownloadContainer, { documents: documents })))),
                             React.createElement(ProductPageMainSection, null,
                                 React.createElement(Branch, { branch: branch, loading: loadingCentralStorageVehicle }),
                                 ecommerce && ecommerce.enabled && (React.createElement(Repeat, null,

package/dist-src/queries/SEARCH_ITEM_QUERY.js

@@ -18,6 +18,7 @@ const SEARCH_ITEM_QUERY = gql `
   query SearchItem($id: ID!) {
     vehicle(id: $id) {
       id
+      documents
       contact {
         name
         email

package/dist-src/utils/phonenumbers.js

@@ -1,4 +1,4 @@
-import { parsePhoneNumberFromString } from 'libphonenumber-js/custom';
+import { parsePhoneNumberFromString } from 'libphonenumber-js/core';
 import metadata from './metadata.min';
 const typedMetadata = metadata;
 export const formatPhonenumber = (text) => {

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

@@ -1,4 +1,5 @@
 export declare type Maybe<T> = T | null;
+export declare type InputMaybe<T> = Maybe<T>;
 export declare type Exact<T extends {
     [key: string]: unknown;
 }> = {
@@ -19,6 +20,11 @@ export declare type Scalars = {
     Float: number;
     DateTime: Date;
     Email: string;
+    FileDocument: {
+        contentType: string;
+        name: string;
+        url: string;
+    };
     PersonalNumber: string;
     PhoneNumber: string;
     Time: string;
@@ -30,38 +36,38 @@ export declare type Scalars = {
 };
 export declare type Branch = {
     __typename?: 'Branch';
-    id: Scalars['ID'];
+    connections: Array<BranchConnection>;
+    contact?: Maybe<ContactOptions>;
     description?: Maybe<Scalars['String']>;
     flags?: Maybe<BranchFlags>;
-    name?: Maybe<Scalars['String']>;
-    contact?: Maybe<ContactOptions>;
     homepage?: Maybe<Scalars['URL']>;
+    id: Scalars['ID'];
+    location?: Maybe<Location>;
     logotype?: Maybe<Scalars['URL']>;
+    name?: Maybe<Scalars['String']>;
     openingHours?: Maybe<OpeningHours>;
     organization?: Maybe<Organization>;
-    location?: Maybe<Location>;
     promos: Array<Promo>;
     services: Array<Service>;
-    connections: Array<BranchConnection>;
 };
 export declare type BranchConnection = {
     __typename?: 'BranchConnection';
     id: Scalars['ID'];
-    name?: Maybe<Scalars['String']>;
     location?: Maybe<Location>;
+    name?: Maybe<Scalars['String']>;
 };
 export declare type BranchFlags = {
     __typename?: 'BranchFlags';
-    mrf?: Maybe<Scalars['Boolean']>;
     centralStorage?: Maybe<Scalars['Boolean']>;
     ecommerce?: Maybe<Scalars['Boolean']>;
+    mrf?: Maybe<Scalars['Boolean']>;
 };
 export declare type ContactOptions = {
     __typename?: 'ContactOptions';
-    name?: Maybe<Scalars['String']>;
+    avatar?: Maybe<Scalars['URL']>;
     email?: Maybe<Scalars['Email']>;
+    name?: Maybe<Scalars['String']>;
     phonenumber?: Maybe<Scalars['PhoneNumber']>;
-    avatar?: Maybe<Scalars['URL']>;
 };
 export declare enum DrivingDistance {
     Between0And1000 = "BETWEEN0AND1000",
@@ -74,8 +80,8 @@ export declare type Ecommerce = {
     __typename?: 'Ecommerce';
     enabled?: Maybe<Scalars['Boolean']>;
     reserved?: Maybe<Scalars['Boolean']>;
-    withTradeIn?: Maybe<Scalars['Boolean']>;
     withHomeDelivery?: Maybe<Scalars['Boolean']>;
+    withTradeIn?: Maybe<Scalars['Boolean']>;
 };
 export declare type FinancialOption = {
     __typename?: 'FinancialOption';
@@ -122,30 +128,30 @@ export declare type HoursOpen = {
 };
 export declare type Insurance = {
     __typename?: 'Insurance';
-    name: Scalars['String'];
-    price: Scalars['Float'];
-    unit: Scalars['String'];
-    description: Scalars['String'];
-    logotype?: Maybe<Scalars['URL']>;
     addons: Array<InsuranceAddon>;
+    description: Scalars['String'];
     items: Array<InsuranceItem>;
     legality?: Maybe<InsuranceLegality>;
+    logotype?: Maybe<Scalars['URL']>;
+    name: Scalars['String'];
+    price: Scalars['Float'];
     terms?: Maybe<Scalars['URL']>;
+    unit: Scalars['String'];
     url?: Maybe<Scalars['URL']>;
 };
 export declare type InsuranceAddon = {
     __typename?: 'InsuranceAddon';
-    id: Scalars['ID'];
-    title?: Maybe<Scalars['String']>;
     description?: Maybe<Scalars['String']>;
+    exclusions: Array<Scalars['String']>;
+    id: Scalars['ID'];
     price: Scalars['Float'];
+    title?: Maybe<Scalars['String']>;
     unit: Scalars['String'];
-    exclusions: Array<Scalars['String']>;
 };
 export declare type InsuranceItem = {
     __typename?: 'InsuranceItem';
-    name?: Maybe<Scalars['String']>;
     description?: Maybe<Scalars['String']>;
+    name?: Maybe<Scalars['String']>;
 };
 export declare type InsuranceLegality = {
     __typename?: 'InsuranceLegality';
@@ -169,9 +175,9 @@ export declare type Location = {
     __typename?: 'Location';
     city?: Maybe<Scalars['String']>;
     county?: Maybe<Scalars['String']>;
-    streetAddress?: Maybe<Scalars['String']>;
-    postalCode?: Maybe<Scalars['String']>;
     position?: Maybe<Position>;
+    postalCode?: Maybe<Scalars['String']>;
+    streetAddress?: Maybe<Scalars['String']>;
 };
 export declare type Manufacturer = {
     __typename?: 'Manufacturer';
@@ -182,8 +188,8 @@ export declare type Manufacturer = {
 };
 export declare type Media = {
     __typename?: 'Media';
-    type: Scalars['String'];
     files: Array<MediaFile>;
+    type: Scalars['String'];
 };
 export declare type MediaFile = {
     __typename?: 'MediaFile';
@@ -197,17 +203,24 @@ export declare type MediaFileFormat = {
 };
 export declare type OpeningHours = {
     __typename?: 'OpeningHours';
-    monday?: Maybe<HoursOpen>;
-    tuesday?: Maybe<HoursOpen>;
-    wednesday?: Maybe<HoursOpen>;
-    thursday?: Maybe<HoursOpen>;
     friday?: Maybe<HoursOpen>;
+    monday?: Maybe<HoursOpen>;
     saturday?: Maybe<HoursOpen>;
     sunday?: Maybe<HoursOpen>;
+    thursday?: Maybe<HoursOpen>;
+    tuesday?: Maybe<HoursOpen>;
+    wednesday?: Maybe<HoursOpen>;
 };
 export declare type Organization = {
     __typename?: 'Organization';
     branches: Array<Maybe<Branch>>;
+    contact?: Maybe<ContactOptions>;
+    description?: Maybe<Scalars['String']>;
+    flags?: Maybe<BranchFlags>;
+    homepage?: Maybe<Scalars['URL']>;
+    id: Scalars['ID'];
+    logotype?: Maybe<Scalars['URL']>;
+    name?: Maybe<Scalars['String']>;
     parent?: Maybe<Branch>;
 };
 export declare type PackageOption = {
@@ -231,35 +244,36 @@ export declare type Promo = {
 };
 export declare type Query = {
     __typename?: 'Query';
-    vehicle?: Maybe<Vehicle>;
     branch?: Maybe<Branch>;
-    loan?: Maybe<FinancialOption>;
     insurances: Array<Insurance>;
+    loan?: Maybe<FinancialOption>;
+    vehicle?: Maybe<Vehicle>;
 };
-export declare type QueryVehicleArgs = {
+export declare type QueryBranchArgs = {
     id: Scalars['ID'];
-    branch?: Maybe<Scalars['ID']>;
 };
-export declare type QueryBranchArgs = {
+export declare type QueryInsurancesArgs = {
+    drivingDistance: DrivingDistance;
     id: Scalars['ID'];
+    personalNumber: Scalars['PersonalNumber'];
 };
 export declare type QueryLoanArgs = {
-    id: Scalars['ID'];
-    duration: Scalars['Int'];
+    branch?: InputMaybe<Scalars['ID']>;
     downPayment: Scalars['Int'];
+    duration: Scalars['Int'];
+    id: Scalars['ID'];
     residual: Scalars['Float'];
 };
-export declare type QueryInsurancesArgs = {
+export declare type QueryVehicleArgs = {
+    branch?: InputMaybe<Scalars['ID']>;
     id: Scalars['ID'];
-    personalNumber: Scalars['PersonalNumber'];
-    drivingDistance: DrivingDistance;
 };
 export declare type SafetyOption = {
     __typename?: 'SafetyOption';
     content?: Maybe<Scalars['String']>;
+    image?: Maybe<Scalars['URL']>;
     name?: Maybe<Scalars['String']>;
     title?: Maybe<Scalars['String']>;
-    image?: Maybe<Scalars['URL']>;
 };
 export declare type Service = {
     __typename?: 'Service';
@@ -268,22 +282,23 @@ export declare type Service = {
 };
 export declare type Vehicle = {
     __typename?: 'Vehicle';
-    id: Scalars['ID'];
     branch?: Maybe<Branch>;
     contact?: Maybe<ContactOptions>;
     data: VehicleData;
     description?: Maybe<Scalars['String']>;
     discount?: Maybe<Scalars['Float']>;
+    documents: Array<Scalars['FileDocument']>;
     ecommerce?: Maybe<Ecommerce>;
     financialOptions: Array<FinancialOption>;
     flags?: Maybe<VehicleFlags>;
+    id: Scalars['ID'];
     insuranceOptions: Array<InsuranceOption>;
-    publishedAt?: Maybe<Scalars['DateTime']>;
+    location?: Maybe<Location>;
     manufacturer?: Maybe<Manufacturer>;
     media: Array<Media>;
-    location?: Maybe<Location>;
     packageOptions: Array<PackageOption>;
     price: Scalars['Float'];
+    publishedAt?: Maybe<Scalars['DateTime']>;
     safety: Array<SafetyOption>;
     shortDescription?: Maybe<Scalars['String']>;
     title: Scalars['String'];
@@ -309,8 +324,8 @@ export declare type VehicleData = {
     vin?: Maybe<Scalars['String']>;
 };
 export declare type VehicleDataPropertySetArgs = {
-    properties?: Maybe<Array<Scalars['String']>>;
-    category?: Maybe<Scalars['String']>;
+    category?: InputMaybe<Scalars['String']>;
+    properties?: InputMaybe<Array<Scalars['String']>>;
 };
 export declare type VehicleFlags = {
     __typename?: 'VehicleFlags';

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Page: import("styled-components").StyledComponent<"main", import("styled-components").DefaultTheme, {}, never>;
+export declare const Page: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PageSection: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     accent?: boolean | undefined;
     large?: boolean | undefined;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Scalars } from '../../@types/codegen/types';
+interface PdfDownloadItemProps {
+    document: Scalars['FileDocument'];
+}
+export declare const PdfDownloadItem: ({ document }: PdfDownloadItemProps) => JSX.Element;
+interface PdfDownloadContainerProps {
+    documents: Scalars['FileDocument'][];
+}
+export declare const PdfDownloadContainer: ({ documents }: PdfDownloadContainerProps) => JSX.Element;
+export default PdfDownloadContainer;

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

@@ -0,0 +1,11 @@
+export declare const PdfListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+    className: "wayke__theme wayke__color--primary-text";
+}, "className">;
+export declare const PdfContainer: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const PdfLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+    className: "wayke__theme wayke__color--primary-text wayke__font--bold";
+}, "className">;
+export declare const PdfTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PdfSubtitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PdfColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PdfListInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist-types/index.d.ts

@@ -1,12 +1,18 @@
-import WaykeSearch, { WaykeSearchProps } from './layouts/search/index';
-import WaykeSearchItem, { WaykeSearchItemProps } from './layouts/searchItem/index';
-import WaykeProvider, { WaykeProviderSettings } from './providers/WaykeProvider';
-import WaykeComposite, { WaykeCompositeWithProviderProps } from './layouts/WaykeCompositeWithProvider';
+import WaykeSearch from './layouts/search/index';
+import type { WaykeSearchProps } from './layouts/search/index';
+import WaykeSearchItem from './layouts/searchItem/index';
+import type { WaykeSearchItemProps } from './layouts/searchItem/index';
+import WaykeProvider from './providers/WaykeProvider';
+import type { WaykeProviderSettings } from './providers/WaykeProvider';
+import WaykeComposite from './layouts/WaykeCompositeWithProvider';
+import type { WaykeCompositeWithProviderProps } from './layouts/WaykeCompositeWithProvider';
 import SearchBar from './components/SearchBar/index';
 import WaykeThemeProvider from './providers/themeProvider';
-import WaykeItemProvider, { WaykeItemProviderSettings } from './providers/WaykeItemProvidet';
-import WaykePubSub, { EventSubscriptions } from './utils/pubsub/pubsub';
-import { SearchFilterTypes, SearchFilterNameTypes } from './@types/filter';
-import { EventHashRouteChange, EventItemClicked, EventEcomOnInit, EventEcomOnUser, EventEcomOnExit, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventFinanceInterest, EventAll, EventType, EventNames, CallbackHashRouteChange, CallbackEventItemClicked, CallbackEcomOnUserEvent, CallbackEmpty } from './utils/pubsub/Events';
+import WaykeItemProvider from './providers/WaykeItemProvidet';
+import type { WaykeItemProviderSettings } from './providers/WaykeItemProvidet';
+import WaykePubSub from './utils/pubsub/pubsub';
+import type { EventSubscriptions } from './utils/pubsub/pubsub';
+import type { SearchFilterTypes, SearchFilterNameTypes } from './@types/filter';
+import type { EventHashRouteChange, EventItemClicked, EventEcomOnInit, EventEcomOnUser, EventEcomOnExit, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventFinanceInterest, EventAll, EventType, EventNames, CallbackHashRouteChange, CallbackEventItemClicked, CallbackEcomOnUserEvent, CallbackEmpty } from './utils/pubsub/Events';
 export { WaykeProvider, WaykeItemProvider, WaykeSearch, WaykeSearchItem, SearchBar, WaykeThemeProvider, WaykeItemProviderSettings, WaykePubSub, WaykeCompositeWithProviderProps, WaykeProviderSettings, WaykeSearchProps, WaykeSearchItemProps, SearchFilterTypes, SearchFilterNameTypes, EventSubscriptions, EventHashRouteChange, EventItemClicked, EventEcomOnInit, EventEcomOnUser, EventEcomOnExit, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventFinanceInterest, EventAll, EventType, EventNames, CallbackHashRouteChange, CallbackEventItemClicked, CallbackEcomOnUserEvent, CallbackEmpty, };
 export default WaykeComposite;