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

package/dist/types/src/Gql/ad/view.d.ts

@@ -0,0 +1,94 @@
+import { Ad, AdAccessory, AdMediaItem, PaymentRange } from './types';
+/** A number from the API, which sends some amounts as strings. */
+export declare const num: (value: string | number | null | undefined) => number | undefined;
+export declare const str: (value: string | null | undefined) => string | undefined;
+/** What every ad page event carries. */
+export declare const adEvent: (ad: Ad) => {
+    id: string;
+    branchId: string;
+    branchName: string | undefined;
+};
+/** Ecom and ev-calculation are keyed on the legacy waykeId, not on ad.id. */
+export declare const waykeId: (ad: Ad) => string;
+export declare const platformChannel: (ad: Ad) => {
+    __typename: string;
+    status?: string;
+    inventoryStatus?: string;
+    publishedAt?: string | null;
+    soldAt?: string | null;
+    deliveryTime?: {
+        __typename: string;
+        date?: string;
+        from?: string;
+        to?: string;
+        unit?: string;
+    } | null;
+} | undefined;
+export declare const price: (ad: Ad) => number;
+/** How much the price was lowered, when it was. */
+export declare const discount: (ad: Ad) => number | undefined;
+/** The delivery date of a car that is not in stock yet. */
+export declare const availableFrom: (ad: Ad) => Date | undefined;
+export declare const publishedAt: (ad: Ad) => Date | undefined;
+/** Buy online is offered when the branch has it, unless it is switched off for Wayke. */
+export declare const ecom: (ad: Ad) => {
+    enabled: boolean;
+    reserved: boolean;
+};
+export interface ContactPerson {
+    name?: string;
+    email?: string;
+    phone?: string;
+    avatar?: string;
+}
+/** The person to contact about the ad: the assigned salesperson, else the branch's default. */
+export declare const contactPerson: (ad: Ad) => ContactPerson | undefined;
+export type DayKey = 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday';
+export type WeekOpeningHours = Partial<Record<DayKey, {
+    from: string;
+    until: string;
+} | null>>;
+export declare const openingHours: (branch: Ad['branch']) => WeekOpeningHours | undefined;
+export declare const position: (branch: Ad['branch']) => {
+    latitude: number;
+    longitude: number;
+} | undefined;
+export type MediaType = 'image' | 'sphere' | 'threesixty' | 'embedded';
+/** One slide of the gallery: an image, a panorama, a 360 spin of several images, or a video. */
+export interface GalleryMedia {
+    type: MediaType;
+    urls: string[];
+}
+export declare const galleryMedia: (items: AdMediaItem[]) => GalleryMedia[];
+export interface Range {
+    current: number;
+    min: number;
+    max: number;
+    step: number;
+}
+export declare const range: (r: PaymentRange | null | undefined) => Range | undefined;
+export interface LeasingOffer {
+    business: boolean;
+    monthlyCost: number;
+    months?: number;
+    mileagePerYear?: number;
+    name?: string;
+    description?: string;
+    image?: string;
+}
+/** Private and business leasing, with the dealer's promo text when there is one. */
+export declare const leasingOffers: (ad: Ad) => LeasingOffer[];
+export interface PackageOffer {
+    title: string;
+    description?: string;
+    image?: string;
+    link?: {
+        url: string;
+        title?: string;
+    };
+}
+export declare const packageOffers: (ad: Ad) => PackageOffer[];
+/** The manufacturer's warranty package of a certified pre-owned car. */
+export declare const manufacturerPackage: (ad: Ad) => PackageOffer | undefined;
+/** An accessory's images, in their order. */
+export declare const accessoryImages: (accessory: AdAccessory) => string[];

package/dist/types/src/Gql/client.d.ts

@@ -0,0 +1,11 @@
+export interface PublicApiConfig {
+    url: string;
+    apiKey?: string;
+}
+export type GqlErrorKind = 'unauthorized' | 'rate-limited' | 'graphql' | 'network';
+export declare class GqlError extends Error {
+    readonly kind: GqlErrorKind;
+    readonly retryAfter?: number;
+    constructor(kind: GqlErrorKind, message: string, retryAfter?: number);
+}
+export declare const gqlQuery: <T>(config: PublicApiConfig, query: string, variables: Record<string, unknown>) => Promise<T>;

package/dist/types/src/Gql/config.d.ts

@@ -0,0 +1,9 @@
+import { MarketCode } from '../@types/market';
+import { PublicApiConfig } from './client';
+/** What every request to the public API needs, resolved once by the provider. */
+export interface PublicApiSettings {
+    api: PublicApiConfig;
+    /** Narrows the search to a group of branches; without it the key's own scope applies */
+    branchGroupId?: string;
+    market: MarketCode;
+}

package/dist/types/src/Gql/facets.d.ts

@@ -0,0 +1,19 @@
+import { MarketCode } from '../@types/market';
+import { RangeFilter } from './searchParams';
+import { AdsResult, Facet } from './types';
+export interface FacetOption {
+    value: string;
+    count: number;
+    selected: boolean;
+}
+/**
+ * The values of a list filter, with counts from the filtered result (where a
+ * selected filter's own facet is counted without it, see useAdsSearch). A
+ * selected value is always listed, so it can be unticked.
+ */
+export declare const listOptions: (field: string, params: URLSearchParams, facets: Facet[] | undefined) => FacetOption[];
+export declare const isRangeFilter: (key: string) => key is RangeFilter;
+/** The bucket start values of a slider, ascending, from the unfiltered search. */
+export declare const rangeValues: (key: RangeFilter, unfiltered: AdsResult | undefined, market: MarketCode) => number[];
+/** How many values of a filter are picked: list values, or 1 for a set range. */
+export declare const selectedCount: (key: string, params: URLSearchParams) => number;

package/dist/types/src/Gql/hit.d.ts

@@ -0,0 +1,5 @@
+import { Money, SearchHit } from './types';
+/** An amount from the API, or undefined when it is missing or not above zero. */
+export declare const toAmount: (money?: Money | null) => number | undefined;
+/** The first image of a hit, if any. */
+export declare const hitImage: (hit: SearchHit) => string | undefined;

package/dist/types/src/Gql/legacyParams.d.ts

@@ -0,0 +1,7 @@
+/** True when the params carry anything that is not already in the new grammar. */
+export declare const hasLegacyParams: (params: URLSearchParams) => boolean;
+/**
+ * Legacy params → canonical new-grammar params. Idempotent: params already in
+ * the new grammar come back unchanged (apart from canonical ordering).
+ */
+export declare const migrateLegacyParams: (input: URLSearchParams) => URLSearchParams;

package/dist/types/src/Gql/queries.d.ts

@@ -0,0 +1,17 @@
+export declare const SEARCH_HIT_FIELDS = "\n  ad {\n    id\n    salesDescription { title }\n    pricing {\n      cash { price { amount } oldPrice { amount } deductibleVat }\n      leasing { leasingMonthlyPayment { amount } }\n      companyLeasing { leasingMonthlyPayment { amount } }\n    }\n    media(limit: 1) { items { ... on AdImage { id url formats { format url } } } }\n    branch { id displayName }\n    channels { ... on PlatformChannel { status soldAt } }\n  }\n  iteration {\n    logistics { odometerReading { value unit } }\n    item {\n      ... on Vehicle {\n        displayName\n        manufacturer { stringValue }\n        modelSeries { stringValue }\n        modelYear { intValue }\n        registrationNumber { stringValue }\n        driveline { fuelTypesString { stringValue } }\n        attributes { transmission { formattedValue } }\n      }\n    }\n  }\n";
+export declare const ADS_ARGUMENTS = "\n  market: $market\n  q: $q\n  branchGroupId: $branchGroupId\n  page: $page\n  perPage: $perPage\n  sort: $sort\n  soldWithinDays: 0\n  manufacturer: $manufacturer\n  model: $model\n  modelSeries: $modelSeries\n  fuelType: $fuelType\n  gearboxType: $gearboxType\n  branchDisplayName: $branchDisplayName\n  colorName: $colorName\n  environmentClass: $environmentClass\n  segment: $segment\n  drivetrainType: $drivetrainType\n  bodyStyle: $bodyStyle\n  engineBaseType: $engineBaseType\n  trimLevel: $trimLevel\n  inventoryStatus: $inventoryStatus\n  branchCity: $branchCity\n  certifiedPreOwned: $certifiedPreOwned\n  isDemoVersion: $isDemoVersion\n  deductibleVat: $deductibleVat\n  ecom: $ecom\n  leasing: $leasing\n  businessLeasing: $businessLeasing\n  cashPriceMin: $cashPriceMin\n  cashPriceMax: $cashPriceMax\n  odometerReadingMin: $odometerReadingMin\n  odometerReadingMax: $odometerReadingMax\n  modelYearMin: $modelYearMin\n  modelYearMax: $modelYearMax\n  leasingPriceMin: $leasingPriceMin\n  leasingPriceMax: $leasingPriceMax\n  companyLeasingPriceMin: $companyLeasingPriceMin\n  companyLeasingPriceMax: $companyLeasingPriceMax\n";
+export declare const ADS_VARIABLE_DEFINITIONS = "\n  $market: [String]\n  $q: String\n  $branchGroupId: String\n  $page: Int\n  $perPage: Int\n  $sort: AdsSort\n  $manufacturer: [String]\n  $model: [String]\n  $modelSeries: [String]\n  $fuelType: [String]\n  $gearboxType: [String]\n  $branchDisplayName: [String]\n  $colorName: [String]\n  $environmentClass: [String]\n  $segment: [String]\n  $drivetrainType: [String]\n  $bodyStyle: [String]\n  $engineBaseType: [String]\n  $trimLevel: [String]\n  $inventoryStatus: [String]\n  $branchCity: [String]\n  $certifiedPreOwned: Boolean\n  $isDemoVersion: Boolean\n  $deductibleVat: Boolean\n  $ecom: Boolean\n  $leasing: Boolean\n  $businessLeasing: Boolean\n  $cashPriceMin: Float\n  $cashPriceMax: Float\n  $odometerReadingMin: Int\n  $odometerReadingMax: Int\n  $modelYearMin: Int\n  $modelYearMax: Int\n  $leasingPriceMin: Float\n  $leasingPriceMax: Float\n  $companyLeasingPriceMin: Float\n  $companyLeasingPriceMax: Float\n";
+/** Alias of the facet-only search for one selected list filter, see buildSearchQuery. */
+export declare const multiSelectFacetAlias: (field: string) => string;
+/**
+ * One request for the search page: the filtered list with its facets and, for
+ * every list filter that has a selection, that facet counted WITHOUT its own
+ * filter. The legacy search counted facets that way ("multi-select"), so the
+ * other makes stay listed with their counts after picking one; the public API
+ * counts facets on the filtered result, where only the picked make remains.
+ */
+export declare const buildSearchQuery: (selectedListFilters: string[]) => string;
+export declare const SEARCH_QUERY: string;
+/** Unfiltered facets and histograms: the filter panel's full value lists and slider domains. */
+export declare const FACETS_QUERY = "\nquery SearchFacets($market: [String], $branchGroupId: String) {\n  search {\n    ads(market: $market, branchGroupId: $branchGroupId, perPage: 0, soldWithinDays: 0) {\n      found\n      facets { field counts { value count } }\n      histograms {\n        price { value count }\n        odometerReading { value count }\n        leasingPrice { value count }\n        businessLeasingPrice { value count }\n      }\n    }\n  }\n}\n";
+export declare const SUGGEST_QUERY = "\nquery Suggest($market: [String], $branchGroupId: String, $q: String!, $limit: Int) {\n  search {\n    ads(market: $market, branchGroupId: $branchGroupId, q: $q, perPage: 0, soldWithinDays: 0) {\n      suggest(limit: $limit) { label count dimension filters { field value } }\n    }\n  }\n}\n";

package/dist/types/src/Gql/searchParams.d.ts

@@ -0,0 +1,55 @@
+import { MarketCode } from '../@types/market';
+export declare const FREE_TEXT = "q";
+export declare const SORT = "sort";
+export declare const PAGE = "page";
+/** Facet filters whose URL key, facet field and search argument share a name. */
+export declare const LIST_FILTERS: readonly ['manufacturer', 'model', 'modelSeries', 'fuelType', 'gearboxType', 'branchDisplayName', 'colorName', 'environmentClass', 'segment', 'drivetrainType', 'bodyStyle', 'engineBaseType', 'trimLevel', 'inventoryStatus', 'branchCity'];
+export type ListFilter = (typeof LIST_FILTERS)[number];
+/** Range filters: URL base key → the `…Min`/`…Max` argument pair. */
+export declare const RANGE_FILTERS: {
+    readonly price: 'cashPrice';
+    readonly odometer: 'odometerReading';
+    readonly modelYear: 'modelYear';
+    readonly privateLease: 'leasingPrice';
+    readonly businessLease: 'companyLeasingPrice';
+};
+export type RangeFilter = keyof typeof RANGE_FILTERS;
+export declare const BOOLEAN_FILTERS: readonly ['certifiedPreOwned', 'isDemoVersion', 'deductibleVat', 'ecom', 'leasing', 'businessLeasing'];
+export interface SortDefinition {
+    field: string;
+    direction: 'asc' | 'desc';
+    /** Legacy token the sort panel translates; see Utils/SortOptions.ts. */
+    legacyName: string;
+}
+/** `sort=` keys, in the order the sort panel lists them. The first is the default. */
+export declare const SORT_OPTIONS: Record<string, SortDefinition>;
+export declare const DEFAULT_SORT = "published-desc";
+/** Page size as components-react's legacy search had it: 30, also after a filter. */
+export declare const pageSize: (_params: URLSearchParams) => number;
+export declare const isKnownKey: (key: string) => boolean;
+/** Odometer values in the URL are in the market's display unit; the API takes km. */
+export declare const kmPerOdometerUnit: (market: MarketCode) => 1 | 10;
+export interface AdsVariables {
+    market: string[];
+    q?: string;
+    page: number;
+    perPage: number;
+    sort?: {
+        field: string;
+        direction: 'asc' | 'desc';
+    };
+    [key: string]: unknown;
+}
+/**
+ * URL params → `search.ads` variables. Unknown keys are ignored; the page is read
+ * from `page` unless given explicitly (load more passes it).
+ */
+export declare const toSearchVariables: (params: URLSearchParams, market: MarketCode, options?: {
+    page?: number;
+    perPage?: number;
+}) => AdsVariables;
+/** The canonical form written to the address bar: known keys only, sorted, no paging. */
+export declare const canonicalParams: (params: URLSearchParams) => URLSearchParams;
+export declare const toggleListValue: (params: URLSearchParams, key: string, value: string) => URLSearchParams;
+export declare const withSort: (params: URLSearchParams, sortKey: string) => URLSearchParams;
+export declare const withPage: (params: URLSearchParams, page: number) => URLSearchParams;

package/dist/types/src/Gql/suggest.d.ts

@@ -0,0 +1,8 @@
+import { PublicApiSettings } from './config';
+import { Suggestion } from './types';
+export declare const fetchSuggestions: (settings: PublicApiSettings, q: string, limit?: number) => Promise<Suggestion[]>;
+/**
+ * The suggestion's filters as URL params. Built with URLSearchParams so values
+ * with `+` or `&` (Bensin+El) survive the round trip.
+ */
+export declare const suggestionParams: (suggestion: Suggestion) => URLSearchParams;

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

@@ -0,0 +1,131 @@
+export interface Money {
+    amount: string;
+}
+export interface AdImageFormat {
+    format: string;
+    url: string;
+}
+export interface SearchHit {
+    ad: {
+        id: string;
+        salesDescription: {
+            title: string;
+        } | null;
+        pricing: {
+            cash: {
+                price: Money;
+                oldPrice: Money | null;
+                deductibleVat: boolean;
+            } | null;
+            leasing: {
+                leasingMonthlyPayment: Money | null;
+            } | null;
+            companyLeasing: {
+                leasingMonthlyPayment: Money | null;
+            } | null;
+        } | null;
+        media: {
+            items: ({
+                id?: string;
+                url?: string;
+                formats?: AdImageFormat[];
+            } | null)[];
+        };
+        branch: {
+            id: string;
+            displayName: string | null;
+        };
+        channels: ({
+            status?: string;
+            soldAt?: string | null;
+        } | null)[];
+    };
+    iteration: {
+        logistics: {
+            odometerReading: {
+                value: number;
+                unit: 'KILOMETER' | 'SCANDINAVIAN_MILE';
+            } | null;
+        } | null;
+        item: {
+            displayName?: string;
+            manufacturer?: {
+                stringValue: string;
+            } | null;
+            modelSeries?: {
+                stringValue: string;
+            } | null;
+            modelYear?: {
+                intValue: number;
+            } | null;
+            registrationNumber?: {
+                stringValue: string;
+            } | null;
+            driveline?: {
+                fuelTypesString: {
+                    stringValue: string;
+                } | null;
+            } | null;
+            attributes?: {
+                transmission: {
+                    formattedValue: string;
+                } | null;
+            } | null;
+        } | null;
+    } | null;
+}
+export interface FacetCount {
+    value: string;
+    count: number;
+}
+export interface Facet {
+    field: string;
+    counts: FacetCount[];
+}
+export interface HistogramBucket {
+    value: number;
+    count: number;
+}
+export interface AdsResult {
+    found: number;
+    page: number;
+    perPage: number;
+    hits: SearchHit[];
+    facets?: Facet[] | null;
+    histograms?: {
+        price: HistogramBucket[];
+        odometerReading: HistogramBucket[];
+        leasingPrice: HistogramBucket[];
+        businessLeasingPrice: HistogramBucket[];
+    } | null;
+}
+export interface Suggestion {
+    label: string;
+    count: number;
+    dimension: string;
+    filters: {
+        field: string;
+        value: string;
+    }[];
+}
+export interface SearchData {
+    search: {
+        ads: AdsResult | null;
+        /** facets_<field>: that facet counted without its own filter */
+        [alias: string]: {
+            facets?: Facet[] | null;
+        } | AdsResult | null | undefined;
+    } | null;
+}
+export interface FacetsData {
+    search: {
+        ads: AdsResult | null;
+    } | null;
+}
+export interface SuggestData {
+    search: {
+        ads: {
+            suggest: Suggestion[];
+        } | null;
+    } | null;
+}

package/dist/types/src/Gql/useAdsSearch.d.ts

@@ -0,0 +1,21 @@
+import { PublicApiSettings } from './config';
+import { AdsResult, Facet, SearchHit } from './types';
+export interface AdsSearchResult {
+    found: number;
+    page: number;
+    perPage: number;
+    /** Every page loaded so far */
+    hits: SearchHit[];
+    /** List facets of the filtered result, each selected one counted without its own filter */
+    facets: Facet[];
+}
+declare const useAdsSearch: (params: URLSearchParams | undefined, settings: PublicApiSettings) => {
+    unfiltered: AdsResult | undefined;
+    result: AdsSearchResult | undefined;
+    loading: boolean;
+    loadingMore: boolean;
+    error: boolean;
+    hasMore: boolean;
+    loadMore: () => Promise<void>;
+};
+export default useAdsSearch;

package/dist/types/src/State/Ad/AdContext.d.ts

@@ -0,0 +1,5 @@
+import { Ad } from '../../Gql/ad/types';
+/** The ad the page shows, for the parts of the page that need more than their props. */
+export declare const AdContext: import("react").Context<Ad | undefined>;
+declare const useAdContext: () => Ad;
+export default useAdContext;

package/dist/types/src/State/Router/RouterContext.d.ts

@@ -0,0 +1,15 @@
+export interface RouterContextProps {
+    /** The vehicle that is open, from the hash or the path */
+    id?: string;
+    /** The query string in the address bar, without `?` */
+    search: string;
+    /** Link to a vehicle; undefined when routing is `none` */
+    itemHref: (id: string) => string | undefined;
+    /** Link back to the search from a vehicle; undefined when there is none */
+    searchHref?: string;
+    /** Click handler for the links above: same-site path links open without a reload */
+    onLinkClick: (e: React.MouseEvent<HTMLAnchorElement>, href: string) => void;
+    /** Writes the search filters to the address bar when routing.syncUrl is on */
+    writeSearch: (params: URLSearchParams, replace?: boolean) => void;
+}
+export declare const RouterContext: import("react").Context<RouterContextProps>;

package/dist/types/src/State/Router/RouterProvider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface RouterProviderProps {
+    children: React.ReactNode;
+}
+declare const RouterProvider: ({ children }: RouterProviderProps) => React.JSX.Element;
+export default RouterProvider;

package/dist/types/src/State/Router/useRouter.d.ts

@@ -0,0 +1,2 @@
+declare const useRouter: () => import("./RouterContext").RouterContextProps;
+export default useRouter;

package/dist/types/src/State/Search/SearchContext.d.ts

@@ -1,14 +1,20 @@
-import { QueryFilter } from '../../@types/queryFilter';
-import { Document, Facet, Search } from '../../@types/search';
+import { AdsResult } from '../../Gql/types';
+import { AdsSearchResult } from '../../Gql/useAdsSearch';
 export interface SearchContextProps {
+    /** The filters in the searchParams.ts grammar; empty until the search has initialized */
+    params: URLSearchParams;
+    /** The filtered result, every page loaded so far */
+    result?: AdsSearchResult;
+    /** Facets and histograms without filters: the panel's full value lists and slider domains */
+    unfiltered?: AdsResult;
     loading: boolean;
-    response?: Search;
+    loadingMore: boolean;
     error: boolean;
-    documents?: Document[];
-    initialFacets?: Facet[];
-    queryFilter: QueryFilter;
-    onFilterUpdate: (nextQuery: string) => void;
-    onLoadMore: () => void;
-    onInitialize: (initialQueryParams?: URLSearchParams) => void;
+    hasMore: boolean;
+    /** Applies new filters. Old keys and sort tokens are translated. */
+    update: (next: URLSearchParams | string) => void;
+    loadMore: () => void;
+    /** Starts the search with the url's filters and/or initialQueryParams */
+    initialize: (initialQueryParams?: URLSearchParams) => void;
 }
 export declare const SearchContext: import("react").Context<SearchContextProps>;

package/dist/types/src/State/Search/SearchProvider.d.ts

@@ -1,10 +1,6 @@
 import React from 'react';
 interface SearchProviderProps {
-    url: string;
-    apiKey?: string;
-    useQueryParamsFromUrl?: boolean;
-    pathRoute?: string;
     children: React.ReactNode;
 }
-declare const SearchProvider: ({ url, apiKey, useQueryParamsFromUrl, pathRoute, children, }: SearchProviderProps) => React.JSX.Element;
+declare const SearchProvider: ({ children }: SearchProviderProps) => React.JSX.Element;
 export default SearchProvider;

package/dist/types/src/State/Settings/SettingsContext.d.ts

@@ -1,12 +1,2 @@
-export interface SettingsContextProps {
-    /** Base URL of the Wayke API (same host as the search url). Used for lead submission. */
-    apiUrl?: string;
-    googleMapsApiKey?: string;
-    googleMapsMarker?: string;
-    ecomSettings?: {
-        url: string;
-        serviceLogotypeUrl?: string;
-        bankIdThumbprint?: string;
-    };
-}
-export declare const SettingsContext: import("react").Context<SettingsContextProps>;
+import { Settings } from './settings';
+export declare const SettingsContext: import("react").Context<Settings>;

package/dist/types/src/State/Settings/settings.d.ts

@@ -0,0 +1,62 @@
+import { MarketCode } from '../../@types/market';
+import { PublicApiSettings } from '../../Gql/config';
+export type Environment = 'production' | 'test';
+export type RoutingMode = 'hash' | 'path' | 'none';
+export interface RoutingSettings {
+    /**
+     * How a vehicle is opened from the search. `hash` (default) adds `#<id>` to
+     * the url, `path` links to `<basePath>/<id>`, `none` makes the vehicles plain
+     * cards and only publishes `ItemClicked`.
+     */
+    mode?: RoutingMode;
+    /** Required for `path`. Relative to the current page, or an absolute url to another site. */
+    basePath?: string;
+    /** Reads and writes the search filters in the url. */
+    syncUrl?: boolean;
+}
+export interface EcomSettings {
+    /**
+     * Buy online is shown on the vehicles the dealer sells online. `false` hides it
+     * on this site. Default `true`.
+     */
+    enabled?: boolean;
+    /** Defaults to the ecom API of `environment`. */
+    url?: string;
+    /** Url to the logo shown in buy online, as an image file (not a `data:` url). */
+    serviceLogotypeUrl?: string;
+    bankIdThumbprint?: string;
+}
+export interface WaykeProviderSettings {
+    /** Which Wayke environment to use. Default `production`. */
+    environment?: Environment;
+    /** Identifies the site instead of its domain. Sent as `x-api-key`. */
+    apiKey?: string;
+    /** Limits the vehicles to a group of branches. By default the key decides which vehicles are shown. */
+    branchGroupId?: string;
+    /** Language and market. Default `SE`. */
+    marketCode?: MarketCode;
+    routing?: RoutingSettings;
+    /** Buy online, see EcomSettings. */
+    ecom?: EcomSettings;
+    /** A Google Maps Static API key. Without it, the map button opens Google Maps. */
+    googleMapsApiKey?: string;
+    /** Url to a custom marker for the map. */
+    googleMapsMarker?: string;
+    /** Overrides the public API url of `environment`. */
+    publicApiUrl?: string;
+    /** Overrides the lead url of `environment`. */
+    leadUrl?: string;
+}
+export interface Settings {
+    publicApi: PublicApiSettings;
+    marketCode: MarketCode;
+    leadUrl: string;
+    routing: Required<Omit<RoutingSettings, 'basePath'>> & {
+        basePath?: string;
+    };
+    /** Undefined when buy online is turned off. */
+    ecom?: Required<Pick<EcomSettings, 'url'>> & Omit<EcomSettings, 'enabled'>;
+    googleMapsApiKey?: string;
+    googleMapsMarker?: string;
+}
+export declare const resolveSettings: (settings?: WaykeProviderSettings) => Settings;

package/dist/types/src/State/Settings/useSettings.d.ts

@@ -1,2 +1,2 @@
-declare const useSettings: () => import("./SettingsContext").SettingsContextProps;
+declare const useSettings: () => import("./settings").Settings;
 export default useSettings;

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

@@ -1,17 +1,10 @@
 import React from 'react';
-import { Branch, ContactOptions, Ecommerce, Maybe, VehicleData } from '../../@types/codegen/types';
 import { ConversionOption } from '../../@types/conversion';
-import { MarketCode } from '../../@types/market';
 interface ActionListProps {
-    id: string;
-    title?: string | null;
-    vehicleData?: Maybe<VehicleData>;
-    branch?: Maybe<Branch>;
-    contact?: Maybe<ContactOptions>;
-    ecommerce?: Maybe<Ecommerce>;
-    marketCode?: MarketCode;
+    title: string;
     conversionOptions?: ConversionOption[];
+    /** Undefined when the site turns buy online off, which hides the buy button. */
     toggleEcomModal?: () => void;
 }
-declare const ActionList: ({ id, title, vehicleData, contact, branch, ecommerce, marketCode, conversionOptions, toggleEcomModal, }: ActionListProps) => React.JSX.Element;
+declare const ActionList: ({ title, conversionOptions, toggleEcomModal, }: ActionListProps) => React.JSX.Element;
 export default ActionList;

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

@@ -1,11 +1,11 @@
 import React from 'react';
-import { Scalars } from '../../@types/codegen/types';
+import { AdDocument } from '../../Gql/ad/types';
 interface PdfDownloadItemProps {
-    document: Scalars['FileDocument']['input'];
+    document: AdDocument;
 }
 export declare const PdfDownloadItem: ({ document }: PdfDownloadItemProps) => React.JSX.Element;
 interface IDocumentList {
-    documents: Scalars['FileDocument']['input'][];
+    documents: AdDocument[];
 }
 export declare const DocumentList: ({ documents }: IDocumentList) => React.JSX.Element;
 export default DocumentList;

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

@@ -1,9 +1,7 @@
 import React from 'react';
 import { SearchFilterTypes } from '../../@types/filter';
-import { MarketCode } from '../../@types/market';
 interface FilterProps {
-    marketCode?: MarketCode;
     filterList?: SearchFilterTypes[];
 }
-declare const Filter: ({ marketCode, filterList }: FilterProps) => React.JSX.Element | null;
+declare const Filter: ({ filterList }: FilterProps) => React.JSX.Element | null;
 export default Filter;

package/dist/types/src/components/FilterPanel/checkListFacet.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { Facet } from '../../@types/search';
 interface ChecklistFacetProps {
-    facet: Facet;
+    id: string;
 }
-declare const ChecklistFacet: ({ facet }: ChecklistFacetProps) => React.JSX.Element;
+declare const ChecklistFacet: ({ id }: ChecklistFacetProps) => React.JSX.Element;
 export default ChecklistFacet;

package/dist/types/src/components/FilterPanel/colorFacet.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { Facet } from '../../@types/search';
 interface ColorSelectFacetProps {
-    facet: Facet;
+    id: string;
 }
-declare const ColorSelectFacet: ({ facet }: ColorSelectFacetProps) => React.JSX.Element;
+declare const ColorSelectFacet: ({ id }: ColorSelectFacetProps) => React.JSX.Element;
 export default ColorSelectFacet;

package/dist/types/src/components/FilterPanel/faceSelector.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { Facet } from '../../@types/search';
 interface FacetSelectorProps {
-    facet: Facet;
+    id: string;
 }
-declare const FacetSelector: ({ facet }: FacetSelectorProps) => React.JSX.Element | null;
+declare const FacetSelector: ({ id }: FacetSelectorProps) => React.JSX.Element | null;
 export default FacetSelector;