@wayke-se/components-react 4.6.0 → 4.6.1

package/README.md

@@ -69,7 +69,7 @@ const ProviderSettings: WaykeProviderSettings = {
 
 ### WaykeComposite uses hash-route, i want to use path-route
 
-In this case you need to make sure that you are in control of the routing, if the user reloads the page, where same html file is 
+In this case you need to make sure that you are in control of the routing, if the user reloads the page, where same html file is
 served for `/your/path/to/this/component` and `/your/path/to/this/component/00000000-0000-0000-0000-000000000000`.
 
 Examples given the application is located in `/search/vehicles`:
@@ -396,10 +396,10 @@ WaykePubSub.unsubscribe(event);
 | id            | string                |
 | branchName    | string                |
 | branchId      | string                |
-| view          | EcomView              |  
-| event         | EcomView              |  
-| currentStep   | EcomStep \| undefined |  
-| data          | any \| undefined      |  
+| view          | EcomView              |
+| event         | EcomView              |
+| currentStep   | EcomStep \| undefined |
+| data          | any \| undefined      |
 
 #### CallbackSearchClearQueryData
 | Property  | Type      |
@@ -571,7 +571,7 @@ WAYKE_ECOM_URL=https://ecom.wayketech.se
 GOOGLE_MAPS_API_KEY=YOUR_GOOGLE_MAPS_STATIC_API_KEY
 ```
 
-* `WAYKE_SEARCH_MLT_URL` - An *optional* flag. Will fetch related vehicles to current vehicle. If not provided 
+* `WAYKE_SEARCH_MLT_URL` - An *optional* flag. Will fetch related vehicles to current vehicle. If not provided
 `WAYKE_SEARCH_URL` will be used instead, but will fetch latest vehicles.
 
 Then run the following:

package/dist/index.d.ts

@@ -664,7 +664,6 @@ declare module '@wayke-se/components-react/src/@types/vehicle-properties' {
 
 }
 declare module '@wayke-se/components-react/src/State/CentralStorage/CentralStorageContext' {
-  /// <reference types="react" />
   export interface CentralStorageContextProps {
       centralStorageId?: string | null;
       setCentralStorageId: (id?: string) => void;
@@ -691,7 +690,6 @@ declare module '@wayke-se/components-react/src/State/CentralStorage/useCentralSt
 
 }
 declare module '@wayke-se/components-react/src/State/Path/PathContext' {
-  /// <reference types="react" />
   export interface PathContextProps {
       path: string;
       previousPath?: string;
@@ -735,7 +733,6 @@ declare module '@wayke-se/components-react/src/State/Path/usePath' {
 
 }
 declare module '@wayke-se/components-react/src/State/RelatedSearch/RelatedSearchContext' {
-  /// <reference types="react" />
   import { Search } from '@wayke-se/components-react/src/@types/search';
   export interface RelatedSearchContextProps {
       moreLikeThisUrl: boolean;
@@ -765,7 +762,6 @@ declare module '@wayke-se/components-react/src/State/RelatedSearch/useRelatedSea
 
 }
 declare module '@wayke-se/components-react/src/State/Search/SearchContext' {
-  /// <reference types="react" />
   import { Facet, Document, Search } from '@wayke-se/components-react/src/@types/search';
   import { QueryFilter } from '@wayke-se/components-react/src/@types/queryFilter';
   export interface SearchContextProps {
@@ -801,7 +797,6 @@ declare module '@wayke-se/components-react/src/State/Search/useSearch' {
 
 }
 declare module '@wayke-se/components-react/src/State/Settings/SettingsContext' {
-  /// <reference types="react" />
   export interface SettingsContextProps {
       googleMapsApiKey?: string;
       googleMapsMarker?: string;
@@ -891,7 +886,6 @@ declare module '@wayke-se/components-react/src/components/Accordion/index' {
 
 }
 declare module '@wayke-se/components-react/src/components/Accordion/wrapper' {
-  /// <reference types="react" />
   export const List: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
   export const Header: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
       type: "button";
@@ -1008,16 +1002,16 @@ declare module '@wayke-se/components-react/src/components/Button/index' {
   export const ButtonPrimary: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
       type: "button";
   } & React.ClassAttributes<HTMLButtonElement> & React.HTMLAttributes<HTMLButtonElement> & {
-      fullWidth?: boolean | undefined;
-      inputHeight?: boolean | undefined;
+      fullWidth?: boolean;
+      inputHeight?: boolean;
   } & {
       className: "wayke__theme wayke__color--primary-bg wayke__font--bold";
   }, "className" | "type">;
   export const ButtonSecondary: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
       type: "button";
   } & React.ClassAttributes<HTMLButtonElement> & React.HTMLAttributes<HTMLButtonElement> & {
-      fullWidth?: boolean | undefined;
-      inputHeight?: boolean | undefined;
+      fullWidth?: boolean;
+      inputHeight?: boolean;
   } & {
       className: "wayke__theme wayke__color--secondary-bg wayke__font--bold";
   }, "className" | "type">;
@@ -1032,8 +1026,8 @@ declare module '@wayke-se/components-react/src/components/Button/index' {
   } & {
       className: "wayke__theme wayke__color--primary-text wayke__font--regular";
   } & React.ClassAttributes<HTMLButtonElement> & React.HTMLAttributes<HTMLButtonElement> & {
-      inline?: boolean | undefined;
-      as?: string | undefined;
+      inline?: boolean;
+      as?: string;
   }, "className" | "type">;
   export const ButtonInlineBold: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
       type: "button";
@@ -1050,8 +1044,8 @@ declare module '@wayke-se/components-react/src/components/Button/index' {
   } & {
       className: "wayke__theme wayke__color--primary-text wayke__font--regular";
   } & React.ClassAttributes<HTMLButtonElement> & React.HTMLAttributes<HTMLButtonElement> & {
-      inline?: boolean | undefined;
-      as?: string | undefined;
+      inline?: boolean;
+      as?: string;
   }, "className" | "type">;
 
 }
@@ -1122,7 +1116,6 @@ declare module '@wayke-se/components-react/src/components/ColorSelect/index' {
 
 }
 declare module '@wayke-se/components-react/src/components/ColorSelect/wrapper' {
-  /// <reference types="react" />
   export const List: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
   export const Item: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
   export const Action: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
@@ -1184,7 +1177,6 @@ declare module '@wayke-se/components-react/src/components/Content/index' {
 
 }
 declare module '@wayke-se/components-react/src/components/Content/wrapper' {
-  /// <reference types="react" />
   type WrapperProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
       small?: boolean;
   };
@@ -1197,6 +1189,20 @@ declare module '@wayke-se/components-react/src/components/ContentLogo/index' {
   export const ContentLogoText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
   export const ContentLogoMedia: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 
+}
+declare module '@wayke-se/components-react/src/components/CreditorDisclaimer/index' {
+  import React from 'react';
+  export const CreditorDisclaimer: () => React.JSX.Element;
+
+}
+declare module '@wayke-se/components-react/src/components/CreditorDisclaimer/wrapper' {
+  export const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+  export const Icon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+  export const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+  export const Heading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+      className: "wayke__theme wayke__font--bold";
+  }, "className">;
+
 }
 declare module '@wayke-se/components-react/src/components/DataList/index' {
   import React from 'react';
@@ -1232,13 +1238,12 @@ declare module '@wayke-se/components-react/src/components/DetailBox/index' {
 
 }
 declare module '@wayke-se/components-react/src/components/DetailBox/wrapper' {
-  /// <reference types="react" />
   export const Wrapper: import("styled-components").StyledComponent<"article", import("styled-components").DefaultTheme, {}, never>;
   export const Main: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
   export const Heading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__font--bold";
   } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-      noMargin?: boolean | undefined;
+      noMargin?: boolean;
   } & {
       as: string;
   }, "className" | "as">;
@@ -1287,7 +1292,6 @@ declare module '@wayke-se/components-react/src/components/ExtendContent/index' {
 
 }
 declare module '@wayke-se/components-react/src/components/ExtendContent/wrapper' {
-  /// <reference types="react" />
   export const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
   type ExtendProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
       extended?: boolean;
@@ -1411,25 +1415,29 @@ declare module '@wayke-se/components-react/src/components/FilterPanel/rangeFacet
 declare module '@wayke-se/components-react/src/components/FinancialOptions/LoanModal' {
   import React from 'react';
   import { Branch, FinancialOption, Maybe } from '@wayke-se/components-react/src/@types/codegen/types';
+  import { MarketCode } from '@wayke-se/components-react/src/@types/market';
   interface LoanModalProps {
       id: string;
       branch?: Maybe<Branch>;
       financialOption: FinancialOption;
+      marketCode?: MarketCode;
       onClose: () => void;
   }
-  const LoanModal: ({ id, branch, financialOption, onClose }: LoanModalProps) => React.JSX.Element;
+  const LoanModal: ({ id, branch, financialOption, marketCode, onClose }: LoanModalProps) => React.JSX.Element;
   export default LoanModal;
 
 }
 declare module '@wayke-se/components-react/src/components/FinancialOptions/index' {
   import React from 'react';
   import { Branch, FinancialOption, Maybe } from '@wayke-se/components-react/src/@types/codegen/types';
+  import { MarketCode } from '@wayke-se/components-react/src/@types/market';
   interface FinancialOptionsProps {
       id: string;
       branch?: Maybe<Branch>;
       financialOptions: FinancialOption[];
+      marketCode?: MarketCode;
   }
-  const FinancialOptions: ({ id, branch, financialOptions }: FinancialOptionsProps) => React.JSX.Element;
+  const FinancialOptions: ({ id, branch, financialOptions, marketCode }: FinancialOptionsProps) => React.JSX.Element;
   export default FinancialOptions;
 
 }
@@ -1446,12 +1454,14 @@ declare module '@wayke-se/components-react/src/components/FinancialOptions/leasi
 declare module '@wayke-se/components-react/src/components/FinancialOptions/loan' {
   import React from 'react';
   import { Branch, FinancialOption, Maybe } from '@wayke-se/components-react/src/@types/codegen/types';
+  import { MarketCode } from '@wayke-se/components-react/src/@types/market';
   interface LoanProps {
       id: string;
       branch?: Maybe<Branch>;
       financialOption: FinancialOption;
+      marketCode?: MarketCode;
   }
-  const Loan: ({ id, branch, financialOption }: LoanProps) => React.JSX.Element;
+  const Loan: ({ id, branch, financialOption, marketCode }: LoanProps) => React.JSX.Element;
   export default Loan;
 
 }
@@ -1479,7 +1489,6 @@ declare module '@wayke-se/components-react/src/components/Gallery/index' {
 
 }
 declare module '@wayke-se/components-react/src/components/Gallery/wrapper' {
-  /// <reference types="react" />
   export const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
   export const Main: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
   export const Alt: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1493,7 +1502,7 @@ declare module '@wayke-se/components-react/src/components/Gallery/wrapper' {
   export const QuickNavItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__color--primary-text";
   } & import("react").ClassAttributes<HTMLLIElement> & import("react").HTMLAttributes<HTMLLIElement> & {
-      active?: boolean | undefined;
+      active?: boolean;
   }, "className">;
   export const QuickNavBtn: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
       type: "button";
@@ -1530,27 +1539,27 @@ declare module '@wayke-se/components-react/src/components/Heading/index' {
   export const H1: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__font--bold";
   } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-      noMargin?: boolean | undefined;
+      noMargin?: boolean;
   }, "className">;
   export const H2: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__font--bold";
   } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-      noMargin?: boolean | undefined;
+      noMargin?: boolean;
   }, "className">;
   export const H3: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__font--bold";
   } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-      noMargin?: boolean | undefined;
+      noMargin?: boolean;
   }, "className">;
   export const H4: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__font--bold";
   } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-      noMargin?: boolean | undefined;
+      noMargin?: boolean;
   }, "className">;
   export const H5: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__font--bold";
   } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-      noMargin?: boolean | undefined;
+      noMargin?: boolean;
   }, "className">;
   export const VisualHeading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__font--bold";
@@ -1810,14 +1819,13 @@ declare module '@wayke-se/components-react/src/components/Loader/index' {
 
 }
 declare module '@wayke-se/components-react/src/components/Loader/wrapper' {
-  /// <reference types="react" />
   export const Spinner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
   export const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__color--primary-text";
       role: "status";
   } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-      inline?: boolean | undefined;
-      center?: boolean | undefined;
+      inline?: boolean;
+      center?: boolean;
   }, "className" | "role">;
 
 }
@@ -1834,7 +1842,6 @@ declare module '@wayke-se/components-react/src/components/LogoBox/index' {
 
 }
 declare module '@wayke-se/components-react/src/components/LogoBox/wrapper' {
-  /// <reference types="react" />
   type LogoProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
       wide?: boolean;
   };
@@ -1984,7 +1991,6 @@ declare module '@wayke-se/components-react/src/components/OverflowGrid/wrapper'
 
 }
 declare module '@wayke-se/components-react/src/components/Page/index' {
-  /// <reference types="react" />
   export const Page: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
   type PageSectionProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
       accent?: boolean;
@@ -2179,7 +2185,6 @@ declare module '@wayke-se/components-react/src/components/ProductCard/wrapper' {
 
 }
 declare module '@wayke-se/components-react/src/components/ProductPage/index' {
-  /// <reference types="react" />
   export const ProductPage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
   export const ProductPageAside: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
   export const ProductPageMain: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -2309,7 +2314,6 @@ declare module '@wayke-se/components-react/src/components/RangeSliderLabel/index
 
 }
 declare module '@wayke-se/components-react/src/components/RangeSliderLabel/wrapper' {
-  /// <reference types="react" />
   export const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
   export const Label: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__font--bold";
@@ -2317,7 +2321,7 @@ declare module '@wayke-se/components-react/src/components/RangeSliderLabel/wrapp
   export const Value: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
       className: "wayke__theme wayke__font--bold wayke__color--primary-text";
   } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-      isHighlighted?: boolean | undefined;
+      isHighlighted?: boolean;
   }, "className">;
 
 }
@@ -2584,7 +2588,7 @@ declare module '@wayke-se/components-react/src/components/Tabs/wrapper' {
       role: "tab";
       className: "wayke__theme wayke__font--bold";
   } & React.ClassAttributes<HTMLButtonElement> & React.HTMLAttributes<HTMLButtonElement> & {
-      active?: string | boolean | undefined;
+      active?: boolean | string;
   }, "className" | "type" | "role">;
 
 }
@@ -2642,7 +2646,7 @@ declare module '@wayke-se/components-react/src/components/UspList/wrapper' {
       className: "wayke__theme wayke__color--primary-text";
   }, "className" | "type">;
   export const List: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
-      isSmall?: boolean | undefined;
+      isSmall?: boolean;
   }, never>;
 
 }
@@ -2759,7 +2763,6 @@ declare module '@wayke-se/components-react/src/components/Video/utils' {
 
 }
 declare module '@wayke-se/components-react/src/components/Video/wrapper' {
-  /// <reference types="react" />
   type WrapperProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
       ratio?: string;
       isPreview?: boolean;
@@ -3179,7 +3182,6 @@ declare module '@wayke-se/components-react/src/layouts/searchItem/index' {
 
 }
 declare module '@wayke-se/components-react/src/layouts/searchItem/useEcom' {
-  /// <reference types="react" />
   import { SettingsContextProps } from '@wayke-se/components-react/src/State/Settings/SettingsContext';
   import { Branch, Maybe } from '@wayke-se/components-react/src/@types/codegen/types';
   interface EcomWeb {
@@ -3654,9 +3656,9 @@ declare module '@wayke-se/components-react/src/utils/vehicle-properties/custom-p
   import { EnhancedProperty, ItemCategory } from '@wayke-se/components-react/src/@types/vehicle-properties';
   export const TEXT_TYPE = "text";
   export const NUMBER_TYPE = "number";
-  export const BASIC_CATEGORY: (t: TFunction<'translation', undefined>) => ItemCategory;
-  export const ENGINE_SUBCATEGORY: (t: TFunction<'translation', undefined>) => ItemCategory;
-  const _default: (t: TFunction<'translation', undefined>, item: VehicleData, properties: {
+  export const BASIC_CATEGORY: (t: TFunction<"translation", undefined>) => ItemCategory;
+  export const ENGINE_SUBCATEGORY: (t: TFunction<"translation", undefined>) => ItemCategory;
+  const _default: (t: TFunction<"translation", undefined>, item: VehicleData, properties: {
       [key: string]: EnhancedProperty;
   }) => {
       [key: string]: EnhancedProperty;