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

package/dist/types/src/layout/keyframes.d.ts

@@ -0,0 +1,3 @@
+export declare const noTransform: import("styled-components/dist/models/Keyframes").default;
+export declare const fadeIn: import("styled-components/dist/models/Keyframes").default;
+export declare const rotate: import("styled-components/dist/models/Keyframes").default;

package/dist/types/src/layout/theme.d.ts

@@ -0,0 +1,49 @@
+declare const theme: {
+    color: {
+        bg: string;
+        link: string;
+        accent: string;
+        accentTransparent: string;
+        accentDark: string;
+        border: string;
+        textDark: string;
+        textDarkLighten: string;
+        textLight: string;
+        hoverOverlay: string;
+        disabledBg: string;
+        disabledText: string;
+        placeholder: string;
+        ui: {
+            positiveLight: string;
+            positive: string;
+            neutralLight: string;
+            neutral: string;
+            negativeLight: string;
+            negative: string;
+            infoLight: string;
+        };
+    };
+    breakpoint: {
+        Sm: string;
+        LtSm: string;
+        Md: string;
+        LtMd: string;
+        Lg: string;
+        LtLg: string;
+    };
+    mask: {
+        gradient: {
+            toTop: string;
+            toBottom: string;
+            toLeft: string;
+            toRight: string;
+        };
+    };
+    distances: {
+        baseUnit: string;
+        inputHeight: string;
+        containerMaxWidth: string;
+    };
+};
+export type Theme = typeof theme;
+export default theme;

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

@@ -0,0 +1,12 @@
+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 default WaykeComposite;

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { SearchFilterTypes } from '../../@types/filter';
+import { MarketCode } from '../../@types/market';
+import { OnItemClick } from '../../components/ProductCard';
+export interface WaykeSearchProps {
+    marketCode?: MarketCode;
+    filterList?: SearchFilterTypes[];
+    initialQueryParams?: URLSearchParams | string;
+    removeSearchBar?: boolean;
+    removeFilterOptions?: boolean;
+    placeholderImage?: string;
+    hashRoute?: boolean;
+    pathRoute?: string;
+    modifyDocumentTitleSearch?: string;
+    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;
+export default WaykeSearch;

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BranchConnection } from '../../@types/codegen/types';
+interface BranchModalProps {
+    loading: boolean;
+    connections?: BranchConnection[];
+    onClose: () => void;
+}
+declare const BranchModal: ({ loading, connections, onClose }: BranchModalProps) => React.JSX.Element | null;
+export default BranchModal;

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

@@ -0,0 +1,21 @@
+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;
+    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;
+export default CheckList;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface DemoCarModalProps {
+    onClose: () => void;
+}
+declare const DemoCarModal: ({ onClose }: DemoCarModalProps) => React.JSX.Element;
+export default DemoCarModal;

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Property } from '../../@types/vehicle-properties';
+interface MetadataItemProps {
+    name: string;
+    hint?: string | null | undefined;
+    value: Property['value'];
+    unit: Property['unit'];
+}
+declare const MetadataItem: ({ name, hint, value, unit }: MetadataItemProps) => React.JSX.Element;
+export default MetadataItem;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+interface ModelLink {
+    url?: string | null;
+    title?: string | null;
+}
+export interface PackageOptionModalData {
+    title?: string | null;
+    image?: string | null;
+    description?: string | null;
+    link?: ModelLink | null;
+}
+interface PackageOptionsModalProps {
+    packageOption: PackageOptionModalData;
+    onClose: () => void;
+}
+declare const PackageOptionModal: ({ packageOption, onClose }: PackageOptionsModalProps) => React.JSX.Element;
+export default PackageOptionModal;

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Page404: () => React.JSX.Element;
+export default Page404;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PageLoading: () => React.JSX.Element;
+export default PageLoading;

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

@@ -0,0 +1,8 @@
+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;
+export default PropertySet;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface RelatedProps {
+    id: string;
+    hashRoute?: boolean;
+    pathRoute?: string;
+    authorizedReseller?: boolean;
+    displayBranchName?: boolean;
+    onClickSearchItem?: (id: string) => void;
+}
+declare const Related: ({ id, hashRoute, pathRoute, authorizedReseller, displayBranchName, onClickSearchItem, }: RelatedProps) => React.JSX.Element | null;
+export default Related;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ConversionOption } from '../../@types/conversion';
+import { MarketCode } from '../../@types/market';
+export interface WaykeSearchItemProps {
+    marketCode?: MarketCode;
+    id: string;
+    hashRoute?: boolean;
+    pathRoute?: string;
+    disableResetScrollOnInit?: boolean;
+    placeholderImage?: string;
+    modifyDocumentTitleItem?: boolean;
+    displayBranchName?: boolean;
+    conversionOptions?: ConversionOption[];
+    onClickSearchItem?: (id: string) => void;
+}
+declare const WaykeSearchItem: ({ marketCode, id, hashRoute, pathRoute, disableResetScrollOnInit, placeholderImage, modifyDocumentTitleItem, displayBranchName, conversionOptions, onClickSearchItem, }: WaykeSearchItemProps) => React.JSX.Element | null;
+export default WaykeSearchItem;

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

@@ -0,0 +1,8 @@
+import { Branch, Maybe } from '../../@types/codegen/types';
+import { SettingsContextProps } from '../../State/Settings/SettingsContext';
+interface EcomWeb {
+    start: () => void;
+    destroy: () => void;
+}
+declare function useEcom(id: string, ecomSettings: SettingsContextProps['ecomSettings'], branch?: Maybe<Branch>): import("react").RefObject<EcomWeb | undefined>;
+export default useEcom;

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

@@ -0,0 +1,24 @@
+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 WaykeItemProviderSettings {
+    url: string;
+    urlMlt?: string;
+    graphQlUrl: string;
+    apiKey?: string;
+    ecomSettings?: EcomSettings;
+    googleMapsApiKey?: string;
+    googleMapsMarker?: string;
+}
+export type WaykeItemProviderProps = WaykeItemProviderSettings & {
+    children?: React.ReactNode;
+};
+declare const WaykeItemProvider: ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, children, }: WaykeItemProviderProps) => React.JSX.Element;
+export default WaykeItemProvider;

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

@@ -0,0 +1,26 @@
+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;
+}
+export type WaykeProviderProps = WaykeProviderSettings & {
+    children?: React.ReactNode;
+};
+declare const WaykeProvider: ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, useQueryParamsFromUrl, pathRoute, children, }: WaykeProviderProps) => React.JSX.Element;
+export default WaykeProvider;

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

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

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

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

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

@@ -0,0 +1,2 @@
+declare const INSURANCE_CALCULATION: import("graphql").DocumentNode;
+export default INSURANCE_CALCULATION;

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

@@ -0,0 +1,2 @@
+declare const LOAN_CALCULATION: import("graphql").DocumentNode;
+export default LOAN_CALCULATION;

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

@@ -0,0 +1,2 @@
+declare const SEARCH_ITEM_BRANCH_QUERY: import("graphql").DocumentNode;
+export default SEARCH_ITEM_BRANCH_QUERY;

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

@@ -0,0 +1,2 @@
+declare const SEARCH_ITEM_QUERY: import("graphql").DocumentNode;
+export default SEARCH_ITEM_QUERY;

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

@@ -0,0 +1,4 @@
+import { i18n as I18nInstance } from 'i18next';
+import { MarketCode } from '../@types/market';
+export declare const i18nScoped: I18nInstance;
+export declare const initializeI18n: (marketCode?: MarketCode) => Promise<unknown>;