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

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,56 @@
+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 {
+    /** 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;
+    /** Turns on buy online. */
+    ecomSettings?: 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;
+    };
+    ecom?: Required<Pick<EcomSettings, 'url'>> & EcomSettings;
+    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 has no ecomSettings, 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;

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

@@ -1,20 +1,13 @@
 import React from 'react';
-import { SearchFilterTypes } from '../../@types/filter';
-import { QueryFilter } from '../../@types/queryFilter';
-import { Facet } from '../../@types/search';
-export interface FilterProps {
-    label: string;
-    activeFilters?: number;
+export interface PanelFilter {
+    id: string;
+    displayName: string;
 }
-export interface Props {
-    queryFilter: QueryFilter;
-    facet?: Facet;
-    loading: boolean;
-    filteredFacets: Facet[];
-    filterList?: SearchFilterTypes[];
-    numberOfHits: number;
+interface Props {
+    filters: PanelFilter[];
+    /** The filter whose section is open */
+    open: string;
     onClose: () => void;
-    onFilterUpdate: (nextQuery: string) => void;
 }
-declare const FilterPanel: ({ queryFilter, facet, filteredFacets, numberOfHits, loading, onFilterUpdate, onClose, }: Props) => React.JSX.Element;
+declare const FilterPanel: ({ filters, open, onClose }: Props) => React.JSX.Element;
 export default FilterPanel;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { Facet } from '../../@types/search';
+import { RangeFilter } from '../../Gql/searchParams';
 interface RangeFacetProps {
-    facet: Facet;
+    id: RangeFilter;
     unit?: string;
     formatValues?: boolean;
 }
-declare const RangeFacet: ({ facet, unit, formatValues }: RangeFacetProps) => React.JSX.Element;
+declare const RangeFacet: ({ id, unit, formatValues }: RangeFacetProps) => React.JSX.Element | null;
 export default RangeFacet;

package/dist/types/src/components/FinancialOptions/LoanModal.d.ts

@@ -1,12 +1,8 @@
 import React from 'react';
-import { Branch, FinancialOption, Maybe } from '../../@types/codegen/types';
-import { MarketCode } from '../../@types/market';
+import { PaymentResponse } from '../../Gql/ad/types';
 interface LoanModalProps {
-    id: string;
-    branch?: Maybe<Branch>;
-    financialOption: FinancialOption;
-    marketCode?: MarketCode;
+    loan: PaymentResponse;
     onClose: () => void;
 }
-declare const LoanModal: ({ id, branch, financialOption, marketCode, onClose }: LoanModalProps) => React.JSX.Element;
+declare const LoanModal: ({ loan: option, onClose }: LoanModalProps) => React.JSX.Element;
 export default LoanModal;

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

@@ -1,11 +1,9 @@
 import React from 'react';
-import { Branch, FinancialOption, Maybe } from '../../@types/codegen/types';
-import { MarketCode } from '../../@types/market';
+import { PaymentResponse } from '../../Gql/ad/types';
+import { LeasingOffer } from '../../Gql/ad/view';
 interface FinancialOptionsProps {
-    id: string;
-    branch?: Maybe<Branch>;
-    financialOptions: FinancialOption[];
-    marketCode?: MarketCode;
+    loans: PaymentResponse[];
+    leasing: LeasingOffer[];
 }
-declare const FinancialOptions: ({ id, branch, financialOptions, marketCode }: FinancialOptionsProps) => React.JSX.Element;
+declare const FinancialOptions: ({ loans, leasing }: FinancialOptionsProps) => React.JSX.Element;
 export default FinancialOptions;

package/dist/types/src/components/FinancialOptions/leasing.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FinancialOption } from '../../@types/codegen/types';
+import { LeasingOffer } from '../../Gql/ad/view';
 interface LeasingProps {
-    financialOption: FinancialOption;
+    offer: LeasingOffer;
 }
-declare const Leasing: ({ financialOption }: LeasingProps) => React.JSX.Element;
+declare const Leasing: ({ offer }: LeasingProps) => React.JSX.Element;
 export default Leasing;

package/dist/types/src/components/FinancialOptions/loan.d.ts

@@ -1,11 +1,7 @@
 import React from 'react';
-import { Branch, FinancialOption, Maybe } from '../../@types/codegen/types';
-import { MarketCode } from '../../@types/market';
+import { PaymentResponse } from '../../Gql/ad/types';
 interface LoanProps {
-    id: string;
-    branch?: Maybe<Branch>;
-    financialOption: FinancialOption;
-    marketCode?: MarketCode;
+    loan: PaymentResponse;
 }
-declare const Loan: ({ id, branch, financialOption, marketCode }: LoanProps) => React.JSX.Element;
+declare const Loan: ({ loan }: LoanProps) => React.JSX.Element;
 export default Loan;

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

@@ -1,10 +1,8 @@
 import React from 'react';
-import { Branch, Maybe, Media } from '../../@types/codegen/types';
+import { GalleryMedia } from '../../Gql/ad/view';
 interface GalleryProps {
-    id: string;
-    branch?: Maybe<Branch>;
-    media?: Media[];
+    media: GalleryMedia[];
     placeholderImage?: string;
 }
-declare const Gallery: ({ id, branch, media, placeholderImage }: GalleryProps) => React.JSX.Element;
+declare const Gallery: ({ media, placeholderImage }: GalleryProps) => React.JSX.Element;
 export default Gallery;

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

@@ -1,13 +1,9 @@
 import React from 'react';
-import { Document } from '../../@types/search';
-import { OnItemClick } from '../ProductCard';
+import { SearchHit } from '../../Gql/types';
 interface GridProps {
-    documents?: Document[];
-    hashRoute?: boolean;
-    pathRoute?: string;
+    hits: SearchHit[];
     placeholderImage?: string;
     displayBranchName?: boolean;
-    onClickItem?: (data: OnItemClick) => void;
 }
-declare const Grid: ({ documents, placeholderImage, hashRoute, pathRoute, displayBranchName, onClickItem, }: GridProps) => React.JSX.Element | null;
+declare const Grid: ({ hits, placeholderImage, displayBranchName }: GridProps) => React.JSX.Element;
 export default Grid;

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

@@ -1,9 +1,7 @@
 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 InsuranceProps {
+    provider: InsuranceProvider;
 }
-declare const Insurance: ({ id, branch, insuranceOptions }: InsuranceOptions) => React.JSX.Element | null;
+declare const Insurance: ({ provider }: InsuranceProps) => React.JSX.Element;
 export default Insurance;

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

@@ -1,9 +1,7 @@
 import React from 'react';
-import { Branch, InsuranceOption, Maybe } from '../../@types/codegen/types';
-interface InsuranceOptions {
-    id: string;
-    branch?: Maybe<Branch>;
-    insuranceOptions: InsuranceOption[];
+import { InsuranceProvider } from '../../Gql/ad/types';
+interface InsuranceFreeProps {
+    provider: InsuranceProvider;
 }
-declare const Insurance: ({ id, branch, insuranceOptions }: InsuranceOptions) => React.JSX.Element | null;
-export default Insurance;
+declare const InsuranceFree: ({ provider }: InsuranceFreeProps) => React.JSX.Element;
+export default InsuranceFree;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { InsuranceOption } from '../../@types/codegen/types';
-interface InsuranceFreeModal {
+import { InsuranceProvider } from '../../Gql/ad/types';
+interface InsuranceFreeModalProps {
     onClose: () => void;
-    insuranceOptions: InsuranceOption;
+    provider: InsuranceProvider;
 }
-declare const InsuranceFreeModal: ({ onClose, insuranceOptions }: InsuranceFreeModal) => React.JSX.Element;
+declare const InsuranceFreeModal: ({ onClose, provider }: InsuranceFreeModalProps) => React.JSX.Element;
 export default InsuranceFreeModal;