@wayke-se/components-react 5.2.0 → 6.0.0-beta.0

package/dist/types/src/components/InsuranceOptions/InsuranceModal.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
-import { Branch, InsuranceOption } from '../../@types/codegen/types';
-interface InsuranceModal {
-    id: string;
-    branch?: Branch | null;
+import { InsuranceProvider } from '../../Gql/ad/types';
+interface InsuranceModalProps {
     onClose: () => void;
-    insuranceOptions: InsuranceOption;
+    provider: InsuranceProvider;
 }
-declare const InsuranceModal: ({ id, branch, onClose, insuranceOptions }: InsuranceModal) => React.JSX.Element;
+declare const InsuranceModal: ({ onClose, provider }: InsuranceModalProps) => React.JSX.Element;
 export default InsuranceModal;

package/dist/types/src/components/InsuranceOptions/index.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { Branch, InsuranceOption } from '../../@types/codegen/types';
-interface InsuranceOptions {
-    id: string;
-    branch?: Branch | null;
-    insuranceOptions: InsuranceOption[];
+import { InsuranceProvider } from '../../Gql/ad/types';
+interface InsuranceOptionsProps {
+    provider: InsuranceProvider;
 }
-declare const InsuranceOptions: ({ id, branch, insuranceOptions }: InsuranceOptions) => React.JSX.Element | null;
+/** A quote needs a personal number and a distance; without them the offer is just described. */
+declare const InsuranceOptions: ({ provider }: InsuranceOptionsProps) => React.JSX.Element;
 export default InsuranceOptions;

package/dist/types/src/components/LeadForm/index.d.ts

@@ -1,15 +1,10 @@
 import React from 'react';
-import { Branch, Maybe } from '../../@types/codegen/types';
-import { MarketCode } from '../../@types/market';
 import { LeadCommunication } from '../../hooks/useSubmitLead';
 export type { LeadCommunication };
 interface LeadFormProps {
-    id: string;
-    branch?: Maybe<Branch>;
-    marketCode?: MarketCode;
     communication: LeadCommunication;
     onClose: () => void;
 }
 export declare const normalizeRegistrationNumber: (value: string) => string;
-declare const LeadForm: ({ id, branch, marketCode, communication, onClose }: LeadFormProps) => React.JSX.Element;
+declare const LeadForm: ({ communication, onClose }: LeadFormProps) => React.JSX.Element;
 export default LeadForm;

package/dist/types/src/components/Lightbox/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Media } from '../../@types/codegen/types';
+import { GalleryMedia } from '../../Gql/ad/view';
 interface LightboxProps {
     index: number;
-    media: Media[];
+    media: GalleryMedia[];
     onClose: () => void;
 }
 declare const Lightbox: ({ index, media, onClose }: LightboxProps) => React.JSX.Element;

package/dist/types/src/components/Map/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
-import { Maybe, Position } from '../../@types/codegen/types';
 interface StaticMapProps {
-    position?: Maybe<Position>;
+    position?: {
+        latitude: number;
+        longitude: number;
+    };
 }
 declare const StaticMap: ({ position }: StaticMapProps) => React.JSX.Element | null;
 export default StaticMap;

package/dist/types/src/components/OpeningHours/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Maybe, OpeningHours } from '../../@types/codegen/types';
+import { WeekOpeningHours } from '../../Gql/ad/view';
 interface OpeningHoursProps {
-    openingHours?: Maybe<OpeningHours>;
+    openingHours?: WeekOpeningHours;
 }
 declare const OpeningHours: ({ openingHours }: OpeningHoursProps) => React.JSX.Element | null;
 export default OpeningHours;

package/dist/types/src/components/ProductCard/HitCard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SearchHit } from '../../Gql/types';
+interface HitCardProps {
+    hit: SearchHit;
+    placeholderImage?: string;
+    displayBranchName?: boolean;
+}
+/** A search hit as a product card: the search result and the related cars share it. */
+declare const HitCard: ({ hit, placeholderImage, displayBranchName }: HitCardProps) => React.JSX.Element;
+export default HitCard;

package/dist/types/src/components/ProductCard/index.d.ts

@@ -1,27 +1,23 @@
 import React from 'react';
-import { Branch, File } from '../../@types/search';
 import { ItemProps } from '../UspList';
-export interface OnItemClick {
-    id: string;
-    branchId?: string;
-    branchName?: string;
-}
 interface Props {
     id: string;
     title: string;
-    href?: string;
-    imageFile?: File;
-    pathRoute?: string;
-    branch?: Branch;
+    /** The ad's first image (a cfit url) */
+    image?: string;
+    branch?: {
+        id: string;
+        name?: string;
+    };
     placeholderImage?: string;
     description?: string;
     uspList?: ItemProps[];
-    price: string;
+    /** Left out when the ad has no cash price (0), as on wayke.se */
+    price?: string;
     leasingPrice?: string;
     oldPrice?: string;
     branchName?: string;
     businessLeasingPrice?: string;
-    onClick?: (data: OnItemClick) => void;
 }
-declare const ProductCard: ({ id, title, href, imageFile, pathRoute, placeholderImage, branch, branchName, description, uspList, price, oldPrice, leasingPrice, businessLeasingPrice, onClick, }: Props) => React.JSX.Element;
+declare const ProductCard: ({ id, title, image, placeholderImage, branch, branchName, description, uspList, price, oldPrice, leasingPrice, businessLeasingPrice, }: Props) => React.JSX.Element;
 export default ProductCard;

package/dist/types/src/components/SearchBar/index.d.ts

@@ -3,6 +3,9 @@ interface SearchBarProps {
     value: string;
     setValue: (value: string) => void;
     onSearch: (value: string) => void;
+    /** Typeahead labels shown under the field */
+    suggestions?: string[];
+    onSelectSuggestion?: (index: number) => void;
 }
-declare const SearchBar: ({ value, setValue, onSearch }: SearchBarProps) => React.JSX.Element;
+declare const SearchBar: ({ value, setValue, onSearch, suggestions, onSelectSuggestion, }: SearchBarProps) => React.JSX.Element;
 export default SearchBar;

package/dist/types/src/components/SearchBar/wrapper.d.ts

@@ -0,0 +1,10 @@
+export declare const Suggestions: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, "className"> & Partial<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, "className">>> & string;
+export declare const Suggestion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $active: boolean;
+}>> & string;

package/dist/types/src/components/SortSelect/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { DrivingDistance } from '../../@types/codegen/types';
 export interface OptionProps {
-    value: number | string | DrivingDistance;
+    value: number | string;
     displayName?: number | string;
 }
 interface SortSelectProps {

package/dist/types/src/hooks/useSubmitLead.d.ts

@@ -21,7 +21,7 @@ export interface SubmitLeadProps {
  * website-components-react so leads from any Wayke-powered site look the same in Dealer.
  * `source` (hostname) + `sourceMechanism` is what gives the dealer traceability.
  */
-declare const useSubmitLead: (apiUrl: string | undefined, marketCode?: MarketCode) => {
+declare const useSubmitLead: (leadUrl: string, marketCode?: MarketCode) => {
     isLoading: boolean;
     error: string | null;
     submitLead: ({ itemId, branchId, communication, firstName, lastName, phoneNumber, email, message, tradeInCarRegNo, tradeInCarMileage, }: SubmitLeadProps) => Promise<LeadResponse>;

package/dist/types/src/index.d.ts

@@ -1,13 +1,14 @@
 import type { ConversionOption, ConversionOptionType, ConversionOptionVehicle } from './@types/conversion';
 import type { SearchFilterNameTypes, SearchFilterTypes } from './@types/filter';
+import type { MarketCode } from './@types/market';
 import SearchBar from './components/SearchBar';
 import WaykeSearch, { WaykeSearchProps } from './layouts/search';
 import WaykeSearchItem, { WaykeSearchItemProps } from './layouts/searchItem';
 import WaykeComposite, { WaykeCompositeWithProviderProps } from './layouts/WaykeCompositeWithProvider';
 import WaykeThemeProvider from './providers/themeProvider';
-import WaykeItemProvider, { WaykeItemProviderSettings } from './providers/WaykeItemProvidet';
-import WaykeProvider, { WaykeProviderSettings } from './providers/WaykeProvider';
-import type { CallbackEcom, CallbackEmpty, CallbackHashRouteChange, EventAll, EventEcom, EventFilterApply, EventFinanceClose, EventFinanceInterest, EventFinanceOpen, EventHashRouteChange, EventImagesClick, EventInsuranceClose, EventInsuranceInterest, EventInsuranceOpen, EventItemClicked, EventMailVisible, EventNames, EventOptionsClick, EventPhonenumberCall, EventPhonenumberVisible, EventSearch, EventType, EventView } from './utils/pubsub/Events';
+import WaykeProvider, { EcomSettings, WaykeProviderSettings } from './providers/WaykeProvider';
+import type { Environment, RoutingMode, RoutingSettings } from './State/Settings/settings';
 import WaykePubSub, { EventSubscriptions } from './utils/pubsub/pubsub';
-export { CallbackEcom, CallbackEmpty, CallbackHashRouteChange, ConversionOption, ConversionOptionType, ConversionOptionVehicle, EventAll, EventEcom, EventFilterApply, EventFinanceClose, EventFinanceInterest, EventFinanceOpen, EventHashRouteChange, EventImagesClick, EventInsuranceClose, EventInsuranceInterest, EventInsuranceOpen, EventItemClicked, EventMailVisible, EventNames, EventOptionsClick, EventPhonenumberCall, EventPhonenumberVisible, EventSearch, EventSubscriptions, EventType, EventView, SearchBar, SearchFilterNameTypes, SearchFilterTypes, WaykeCompositeWithProviderProps, WaykeItemProvider, WaykeItemProviderSettings, WaykeProvider, WaykeProviderSettings, WaykePubSub, WaykeSearch, WaykeSearchItem, WaykeSearchItemProps, WaykeSearchProps, WaykeThemeProvider, };
+export { ConversionOption, ConversionOptionType, ConversionOptionVehicle, EcomSettings, Environment, EventSubscriptions, MarketCode, RoutingMode, RoutingSettings, SearchBar, SearchFilterNameTypes, SearchFilterTypes, WaykeCompositeWithProviderProps, WaykeProvider, WaykeProviderSettings, WaykePubSub, WaykeSearch, WaykeSearchItem, WaykeSearchItemProps, WaykeSearchProps, WaykeThemeProvider, };
 export default WaykeComposite;
+export type * from './utils/pubsub/Events';

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

@@ -1,12 +1,7 @@
 import React from 'react';
 import { WaykeSearchProps } from './search';
 import { WaykeSearchItemProps } from './searchItem';
-type WaykeCompositeBaseProps = Omit<WaykeSearchProps & WaykeSearchItemProps, 'id'>;
-export type WaykeCompositeProps = Omit<WaykeCompositeBaseProps, 'hashRoute' | 'onClickSearchItem'> & {
-    /** @deprecated Has no effect. Hash routing is used unless `pathRoute` is set. */
-    hashRoute?: WaykeCompositeBaseProps['hashRoute'];
-    /** @deprecated Has no effect. Subscribe to the `ItemClicked` event with `WaykePubSub` instead. */
-    onClickSearchItem?: WaykeCompositeBaseProps['onClickSearchItem'];
-};
-declare const WaykeComposite: ({ marketCode, filterList, initialQueryParams, removeSearchBar, removeFilterOptions, disableResetScrollOnInit, placeholderImage, pathRoute, modifyDocumentTitleItem, modifyDocumentTitleSearch, displayBranchName, conversionOptions, }: WaykeCompositeProps) => React.JSX.Element | null;
+export type WaykeCompositeProps = WaykeSearchProps & Omit<WaykeSearchItemProps, 'id'>;
+/** The search, switching to the vehicle page when a vehicle is opened. */
+declare const WaykeComposite: ({ filterList, initialQueryParams, removeSearchBar, removeFilterOptions, disableResetScrollOnInit, placeholderImage, modifyDocumentTitleItem, modifyDocumentTitleSearch, displayBranchName, conversionOptions, }: WaykeCompositeProps) => React.JSX.Element;
 export default WaykeComposite;

package/dist/types/src/layouts/WaykeCompositeWithProvider.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { WaykeProviderProps } from '../providers/WaykeProvider';
 import { WaykeCompositeProps } from './WaykeComposite';
 export interface WaykeCompositeWithProviderProps {
-    provider: WaykeProviderProps;
+    provider?: WaykeProviderProps;
     composite?: WaykeCompositeProps;
 }
 declare const WaykeCompositeWithProvider: ({ provider, composite }: WaykeCompositeWithProviderProps) => React.JSX.Element;

package/dist/types/src/layouts/search/index.d.ts

@@ -1,19 +1,18 @@
 import React from 'react';
 import { SearchFilterTypes } from '../../@types/filter';
-import { MarketCode } from '../../@types/market';
-import { OnItemClick } from '../../components/ProductCard';
 export interface WaykeSearchProps {
-    marketCode?: MarketCode;
+    /** The filters to show, in this order. By default all filters. */
     filterList?: SearchFilterTypes[];
+    /** Filters applied when the search loads. */
     initialQueryParams?: URLSearchParams | string;
     removeSearchBar?: boolean;
     removeFilterOptions?: boolean;
+    /** Url to an image for vehicles without images. */
     placeholderImage?: string;
-    hashRoute?: boolean;
-    pathRoute?: string;
+    /** Sets the page title. */
     modifyDocumentTitleSearch?: string;
+    /** Shows the branch name on the vehicles. */
     displayBranchName?: boolean;
-    onClickSearchItem?: (data: OnItemClick) => void;
 }
-declare const WaykeSearch: ({ marketCode, filterList: _filterList, initialQueryParams, hashRoute, pathRoute, removeSearchBar, placeholderImage, removeFilterOptions, modifyDocumentTitleSearch, displayBranchName, onClickSearchItem, }: WaykeSearchProps) => React.JSX.Element | null;
+declare const WaykeSearch: ({ filterList, initialQueryParams, removeSearchBar, placeholderImage, removeFilterOptions, modifyDocumentTitleSearch, displayBranchName, }: WaykeSearchProps) => React.JSX.Element;
 export default WaykeSearch;

package/dist/types/src/layouts/searchItem/Accessories/AccessoryModal.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Accessory } from '../../../@types/codegen/types';
+import { AdAccessory } from '../../../Gql/ad/types';
 interface AccesoryModalProps {
-    accessory: Accessory;
+    accessory: AdAccessory;
     onClose: () => void;
 }
 declare const AccesoryModal: ({ accessory, onClose }: AccesoryModalProps) => React.JSX.Element;

package/dist/types/src/layouts/searchItem/Accessories/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Accessory } from '../../../@types/codegen/types';
+import { AdAccessory } from '../../../Gql/ad/types';
 interface AccessoriesSectionProps {
-    accessories?: Accessory[];
+    accessories: AdAccessory[];
 }
 declare const AccessoriesSection: ({ accessories }: AccessoriesSectionProps) => React.JSX.Element | null;
 export default AccessoriesSection;

package/dist/types/src/layouts/searchItem/Branch.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { Branch, Maybe } from '../../@types/codegen/types';
+import { Ad } from '../../Gql/ad/types';
 interface BranchProps {
-    branch?: Maybe<Branch>;
-    loading: boolean;
+    branch: Ad['branch'];
     displayBranchName?: boolean;
 }
-declare const Branch: ({ branch, loading, displayBranchName }: BranchProps) => React.JSX.Element | null;
+declare const Branch: ({ branch, displayBranchName }: BranchProps) => React.JSX.Element;
 export default Branch;

package/dist/types/src/layouts/searchItem/CheckList.d.ts

@@ -1,21 +1,9 @@
 import React from 'react';
-import { Branch, ContactOptions, Ecommerce, Manufacturer, PackageOption, VehicleData } from '../../@types/codegen/types';
 import { ConversionOption } from '../../@types/conversion';
-import { MarketCode } from '../../@types/market';
-interface CheckList {
-    id: string;
-    title?: string | null;
-    vehicleData?: VehicleData | null;
+interface CheckListProps {
+    title: string;
     conversionOptions?: ConversionOption[];
-    marketCode?: MarketCode;
-    manufacturer?: Manufacturer | null;
-    packageOptions: PackageOption[];
-    ecommerce?: Ecommerce | null;
-    branch?: Branch | null;
-    contact?: ContactOptions | null;
-    loadingCentralStorageVehicle: boolean;
-    availableFrom?: Date | null;
     toggleEcomModal?: () => void;
 }
-declare const CheckList: ({ id, title, vehicleData, conversionOptions, marketCode, manufacturer, packageOptions, ecommerce, branch, contact, availableFrom, toggleEcomModal, loadingCentralStorageVehicle, }: CheckList) => React.JSX.Element;
+declare const CheckList: ({ title, conversionOptions, toggleEcomModal }: CheckListProps) => React.JSX.Element;
 export default CheckList;

package/dist/types/src/layouts/searchItem/Documents.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Scalars } from '../../@types/codegen/types';
+import { AdDocument } from '../../Gql/ad/types';
 interface DocumentsProps {
-    documents: Scalars['FileDocument']['input'][];
+    documents: AdDocument[];
 }
 declare const Documents: ({ documents }: DocumentsProps) => React.JSX.Element | null;
 export default Documents;

package/dist/types/src/layouts/searchItem/ManufacturerPackagesOption.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Maybe, PackageOption } from '../../@types/codegen/types';
+import { PackageOffer } from '../../Gql/ad/view';
 interface ManufacturerPackageOption {
-    packageOption?: Maybe<PackageOption>;
+    packageOption?: PackageOffer;
 }
 declare const ManufacturerPackageOption: ({ packageOption }: ManufacturerPackageOption) => React.JSX.Element | null;
 export default ManufacturerPackageOption;

package/dist/types/src/layouts/searchItem/PackageOptions.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PackageOption } from '../../@types/codegen/types';
+import { PackageOffer } from '../../Gql/ad/view';
 interface PackageOptionsProps {
-    packageOptions?: PackageOption[] | null;
+    packageOptions: PackageOffer[];
 }
-declare const PackageOptions: ({ packageOptions }: PackageOptionsProps) => React.JSX.Element | null;
+declare const PackageOptions: ({ packageOptions }: PackageOptionsProps) => React.JSX.Element;
 export default PackageOptions;

package/dist/types/src/layouts/searchItem/Property.d.ts

@@ -1,8 +1,3 @@
 import React from 'react';
-import { VehicleData } from '../../@types/codegen/types';
-interface PropertySetProps {
-    propertySet: any;
-    vehicleData: VehicleData;
-}
-declare const PropertySet: ({ propertySet, vehicleData }: PropertySetProps) => React.JSX.Element;
+declare const PropertySet: () => React.JSX.Element;
 export default PropertySet;

package/dist/types/src/layouts/searchItem/Related.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 interface RelatedProps {
-    id: string;
-    hashRoute?: boolean;
-    pathRoute?: string;
-    authorizedReseller?: boolean;
+    adId: string;
+    manufacturer?: string;
+    placeholderImage?: string;
     displayBranchName?: boolean;
-    onClickSearchItem?: (id: string) => void;
 }
-declare const Related: ({ id, hashRoute, pathRoute, authorizedReseller, displayBranchName, onClickSearchItem, }: RelatedProps) => React.JSX.Element | null;
+/** The latest cars of the same make. */
+declare const Related: ({ adId, manufacturer, placeholderImage, displayBranchName }: RelatedProps) => React.JSX.Element | null;
 export default Related;

package/dist/types/src/layouts/searchItem/index.d.ts

@@ -1,17 +1,19 @@
 import React from 'react';
 import { ConversionOption } from '../../@types/conversion';
-import { MarketCode } from '../../@types/market';
 export interface WaykeSearchItemProps {
-    marketCode?: MarketCode;
+    /** The id of the vehicle. Older ids are resolved, and the url is updated to the new one. */
     id: string;
-    hashRoute?: boolean;
-    pathRoute?: string;
+    /** Keeps the scroll position when the vehicle page opens. By default it scrolls to the top. */
     disableResetScrollOnInit?: boolean;
+    /** Url to an image for vehicles without images. */
     placeholderImage?: string;
+    /** Sets the page title to the vehicle. */
     modifyDocumentTitleItem?: boolean;
+    /** Shows the branch name on related vehicles and where the vehicle is located. */
     displayBranchName?: boolean;
+    /** The buttons on the vehicle page. */
     conversionOptions?: ConversionOption[];
-    onClickSearchItem?: (id: string) => void;
 }
-declare const WaykeSearchItem: ({ marketCode, id, hashRoute, pathRoute, disableResetScrollOnInit, placeholderImage, modifyDocumentTitleItem, displayBranchName, conversionOptions, onClickSearchItem, }: WaykeSearchItemProps) => React.JSX.Element | null;
+/** The vehicle page. */
+declare const WaykeSearchItem: ({ id, disableResetScrollOnInit, ...props }: WaykeSearchItemProps) => React.JSX.Element;
 export default WaykeSearchItem;

package/dist/types/src/layouts/searchItem/useEcom.d.ts

@@ -1,8 +1,12 @@
-import { Branch, Maybe } from '../../@types/codegen/types';
-import { SettingsContextProps } from '../../State/Settings/SettingsContext';
+import { Ad } from '../../Gql/ad/types';
+import { Settings } from '../../State/Settings/settings';
 interface EcomWeb {
     start: () => void;
     destroy: () => void;
 }
-declare function useEcom(id: string, ecomSettings: SettingsContextProps['ecomSettings'], branch?: Maybe<Branch>): import("react").RefObject<EcomWeb | undefined>;
+/**
+ * Buy online. ecom-web is keyed on the legacy waykeId: the commerce order flow
+ * answers 404 on ad.id for ads from before ads-service.
+ */
+declare function useEcom(ad: Ad, ecom: Settings['ecom']): import("react").RefObject<EcomWeb | undefined>;
 export default useEcom;

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

@@ -1,26 +1,12 @@
 import React from 'react';
-export interface EcomSettings {
-    url: string;
-    /** @deprecated Not used since 3.0.0. Will be removed in the next major version. */
-    useBankId?: boolean;
-    /** @deprecated Not used since 3.0.0. Will be removed in the next major version. */
-    displayBankIdAlert?: boolean;
-    serviceLogotypeUrl?: string;
-    bankIdThumbprint?: string;
-}
-export interface WaykeProviderSettings {
-    url: string;
-    urlMlt?: string;
-    apiKey?: string;
-    graphQlUrl: string;
-    ecomSettings?: EcomSettings;
-    googleMapsApiKey?: string;
-    googleMapsMarker?: string;
-    useQueryParamsFromUrl?: boolean;
-    pathRoute?: string;
-}
+import { WaykeProviderSettings } from '../State/Settings/settings';
+export type { EcomSettings, WaykeProviderSettings } from '../State/Settings/settings';
 export type WaykeProviderProps = WaykeProviderSettings & {
     children?: React.ReactNode;
 };
-declare const WaykeProvider: ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, useQueryParamsFromUrl, pathRoute, children, }: WaykeProviderProps) => React.JSX.Element;
+/**
+ * Settings, routing, the search state and the theme for every Wayke component
+ * under it. Place it close to the root of the app, so its cache is kept.
+ */
+declare const WaykeProvider: ({ children, ...settings }: WaykeProviderProps) => React.JSX.Element;
 export default WaykeProvider;

package/dist/types/src/utils/image.d.ts

@@ -0,0 +1,14 @@
+export type ImageSpec = [width: number, height: number];
+interface ImageOptions {
+    width: number;
+    height: number;
+    webp?: boolean;
+}
+export declare const imageUrl: (src: string, { width, height, webp }: ImageOptions) => string;
+/**
+ * Width-limited URL for an image that may come from cfit (allowed widths only)
+ * or from a host that takes a free ?w=&h= (legacy media, blob storage).
+ */
+export declare const imageWithWidth: (src: string, width: number, height?: number) => string;
+export declare const imageSrcSet: (src: string, specs: ImageSpec[], webp?: boolean) => string;
+export {};

package/dist/types/src/utils/sortOptions.d.ts

@@ -1,13 +1,4 @@
-declare const SortOptionDisplayName: {
-    PublishedAsc: string;
-    PublishedDesc: string;
-    PriceAsc: string;
-    Pricedesc: string;
-    ModelAsc: string;
-    Modeldesc: string;
-    MileageAsc: string;
-    Mileagedesc: string;
-};
-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 {};
+export declare const sortOptions: () => {
+    value: string;
+    displayName: string;
+}[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wayke-se/components-react",
-  "version": "5.2.0",
+  "version": "6.0.0-beta.0",
   "description": "",
   "module": "dist/index.mjs",
   "main": "dist/index.js",
@@ -15,7 +15,6 @@
     "lint": "npx @biomejs/biome check",
     "lint:fix": "npx @biomejs/biome check --write",
     "typecheck": "tsc --noEmit --skipLibCheck",
-    "gen": "graphql-codegen --config ./codegen.yml",
     "generate-libphonenumber-metadata": "libphonenumber-metadata-generator src/utils/metadata.min.json --countries SE,NO --extended",
     "prepare": "husky",
     "start": "node ./esbuild/start.js",
@@ -35,39 +34,34 @@
     "styled-components": "^6"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.5.15",
-    "@graphql-codegen/cli": "^7.4.5",
-    "@graphql-codegen/typescript": "^6.1.1",
-    "@types/googlemaps": "^3.43.3",
-    "@types/node": "^24.19.1",
+    "@biomejs/biome": "2.6.3",
+    "@types/node": "^24.19.2",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@types/react-slick": "^0.23.13",
     "@wayke-se/ecom-web": "^2.1.1",
-    "dotenv": "^18.0.6",
+    "dotenv": "^18.0.9",
     "esbuild": "^0.28.2",
     "esbuild-plugin-copy": "^2.1.1",
     "husky": "^9.1.7",
     "libphonenumber-metadata-generator": "^2.0.6",
     "lint-staged": "^17.6.0",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
     "react-router-dom": "^7.18.4",
     "rimraf": "^6.1.3",
-    "styled-components": "^6.5.3",
+    "styled-components": "^6.6.0",
     "typescript": "^7.0.2"
   },
   "dependencies": {
-    "@apollo/client": "^4.3.3",
     "@emotion/is-prop-valid": "^1.4.0",
     "@photo-sphere-viewer/core": "^5.15.1",
     "date-fns": "^4.4.0",
-    "graphql": "^16.0.0 || ^17.0.0",
-    "i18next": "^26.4.2",
+    "i18next": "^26.5.11",
     "libphonenumber-js": "^1.13.15",
-    "marked": "^18.1.0",
+    "marked": "^18.1.1",
     "react-compound-slider": "^3.4.0",
-    "react-i18next": "^17.0.16",
+    "react-i18next": "^17.1.9",
     "react-slick": "^0.31.0",
     "scroll-into-view-if-needed": "^3.1.0"
   },

package/dist/types/src/@types/action.d.ts

@@ -1,3 +0,0 @@
-export interface BaseAction<T> {
-    type: T;
-}