@wayke-se/components-react 2.16.0 → 3.0.0-beta.10

package/dist-src/layouts/searchItem/index.js

@@ -1,4 +1,5 @@
-import React, { useMemo, useState, useCallback, useEffect } from 'react';
+import React, { useMemo, useRef, useCallback, useEffect } from 'react';
+import WaykeEcomWeb from '@wayke-se/ecom-web';
 import Container from '../../components/Container/index';
 import UspList from '../../components/UspList/index';
 import { Repeat, RepeatSmall } from '../../components/Repeat/index';
@@ -20,7 +21,6 @@ import { PortalNamespace, PortalElement } from '../../components/Portal/index';
 import Modal from '../../components/Modal/index';
 import FinancialOptions from '../../components/FinancialOptions/index';
 import InsuranceOptions from '../../components/InsuranceOptions/index';
-import Ecom from '../../components/Ecom/index';
 import ManufacturerPackageOption from './ManufacturerPackagesOption';
 import CheckList from './CheckList';
 import Related from './Related';
@@ -32,38 +32,60 @@ import PageLoading from './PageLoading';
 import PubSub from '../../utils/pubsub/pubsub';
 import Property from './Property';
 import PdfDownloadContainer from '../../components/Pdf/index';
+import useSettings from '../../State/Settings/useSettings';
 const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, placeholderImage, modifyDocumentTitleItem, onClickSearchItem, }) => {
-    var _a, _b, _c;
-    const [ecomModal, setEcomModal] = useState(false);
+    const { ecomSettings } = useSettings();
+    const ecomContext = useRef();
     const { loading, data: result } = useSearchItem(id);
-    const toggleEcomModal = useCallback(() => setEcomModal(!ecomModal), [ecomModal]);
-    const { vehicle: centralStorageVehicle, loading: loadingCentralStorageVehicle } = useCentralStorage(result === null || result === void 0 ? void 0 : result.vehicle);
+    const { vehicle: centralStorageVehicle, loading: loadingCentralStorageVehicle } = useCentralStorage(result?.vehicle);
+    useEffect(() => {
+        if (ecomSettings) {
+            ecomContext.current = new WaykeEcomWeb({
+                id,
+                ecomSdkConfig: {
+                    api: {
+                        address: ecomSettings.url,
+                    },
+                    bankIdThumbprint: ecomSettings?.bankIdThumbprint,
+                },
+                logo: ecomSettings.serviceLogotypeUrl,
+                logoX2: ecomSettings.serviceLogotypeUrl,
+                onEvent(view, event, currentStep, data) {
+                    PubSub.publish('EcomOnUserEvent', view, event, currentStep, data);
+                },
+            });
+        }
+        return () => {
+            if (ecomContext.current) {
+                ecomContext.current.destroy();
+            }
+        };
+    }, []);
     useEffect(() => {
         if (!disableResetScrollOnInit) {
             window.scrollTo(0, 0);
         }
     }, []);
     useEffect(() => {
-        var _a;
-        if (((_a = result === null || result === void 0 ? void 0 : result.vehicle) === null || _a === void 0 ? void 0 : _a.data) && modifyDocumentTitleItem) {
+        if (result?.vehicle?.data && modifyDocumentTitleItem) {
             const { vehicle } = result;
             const { registrationNumber } = vehicle.data;
             document.title = `${registrationNumber} | ${vehicle.title} | ${vehicle.shortDescription}`;
         }
     }, [result]);
-    const options = useMemo(() => { var _a, _b, _c; return (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.vehicle) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.options) === null || _c === void 0 ? void 0 : _c.filter(notEmpty).map((opt) => ({ title: opt })); }, [(_b = (_a = result === null || result === void 0 ? void 0 : result.vehicle) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.options]);
+    const options = useMemo(() => result?.vehicle?.data?.options?.filter(notEmpty).map((opt) => ({ title: opt })), [result?.vehicle?.data?.options]);
     const onShowMoreOptionsClick = useCallback(() => PubSub.publish('OptionsClick'), []);
     if (loading) {
         return React.createElement(PageLoading, null);
     }
-    if (!((_c = result === null || result === void 0 ? void 0 : result.vehicle) === null || _c === void 0 ? void 0 : _c.data)) {
+    if (!result?.vehicle?.data) {
         return React.createElement(Page404, null);
     }
     const { vehicle } = result;
-    const contact = centralStorageVehicle === null || centralStorageVehicle === void 0 ? void 0 : centralStorageVehicle.contact;
-    const branch = centralStorageVehicle === null || centralStorageVehicle === void 0 ? void 0 : centralStorageVehicle.branch;
+    const contact = centralStorageVehicle?.contact;
+    const branch = centralStorageVehicle?.branch;
     const { title, shortDescription, media, description, price, financialOptions, manufacturer, ecommerce, packageOptions, publishedAt, documents, } = vehicle;
-    const insuranceOptions = (centralStorageVehicle === null || centralStorageVehicle === void 0 ? void 0 : centralStorageVehicle.insuranceOptions)
+    const insuranceOptions = centralStorageVehicle?.insuranceOptions
         ? centralStorageVehicle.insuranceOptions
         : vehicle.insuranceOptions;
     const { fuelType, mileage, gearbox, modelYear, propertySet } = vehicle.data;
@@ -82,7 +104,6 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
         uspList.push({ title: fuelType });
     }
     return (React.createElement(React.Fragment, null,
-        ecomModal && React.createElement(Ecom, { vehicle: vehicle, manufacturer: manufacturer, onExit: toggleEcomModal }),
         React.createElement(Page, null,
             React.createElement(PageSection, { large: true },
                 React.createElement(Container, null,
@@ -95,7 +116,7 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
                                             React.createElement(ButtonContent, null,
                                                 React.createElement(IconChevronLeft, { block: true })),
                                             React.createElement(ButtonContent, null, "Tillbaka till bils\u00F6k"))))) : null,
-                                (manufacturer === null || manufacturer === void 0 ? void 0 : manufacturer.logotype) && (React.createElement(Repeat, null,
+                                manufacturer?.logotype && (React.createElement(Repeat, null,
                                     React.createElement(LogoBox, { logo: manufacturer.logotype, alt: manufacturer.name }))),
                                 React.createElement(Repeat, null,
                                     React.createElement(RepeatSmall, null,
@@ -108,9 +129,9 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
                                 React.createElement(PriceTable, { price: price })),
                             (financialOptions.length > 0 || insuranceOptions.length > 0) && (React.createElement(ProductPageAsideSection, { mobileOrder: 4 },
                                 financialOptions.length > 0 && (React.createElement(FinancialOptions, { id: id, financialOptions: financialOptions })),
-                                insuranceOptions.length > 0 && (React.createElement(InsuranceOptions, { id: id, branch: centralStorageVehicle === null || centralStorageVehicle === void 0 ? void 0 : centralStorageVehicle.branch, insuranceOptions: insuranceOptions })))),
+                                insuranceOptions.length > 0 && (React.createElement(InsuranceOptions, { id: id, branch: centralStorageVehicle?.branch, insuranceOptions: insuranceOptions })))),
                             React.createElement(ProductPageAsideSection, { mobileOrder: 5 },
-                                React.createElement(CheckList, { manufacturer: manufacturer, packageOptions: packageOptions, ecommerce: ecommerce, branch: branch, contact: centralStorageVehicle === null || centralStorageVehicle === void 0 ? void 0 : centralStorageVehicle.contact, loadingCentralStorageVehicle: loadingCentralStorageVehicle, toggleEcomModal: toggleEcomModal }))),
+                                React.createElement(CheckList, { manufacturer: manufacturer, packageOptions: packageOptions, ecommerce: ecommerce, branch: branch, contact: centralStorageVehicle?.contact, loadingCentralStorageVehicle: loadingCentralStorageVehicle, toggleEcomModal: () => ecomContext.current?.start() }))),
                         React.createElement(ProductPageMain, null,
                             React.createElement(ProductPageAsideSection, { mobileOrder: 3 },
                                 React.createElement(Gallery, { media: media, placeholderImage: placeholderImage })),
@@ -125,8 +146,8 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
                             description && (React.createElement(ProductPageMainSection, null,
                                 React.createElement(Blockquote, { author: contact && contact.name ? contact.name : null, date: publishedAt
                                         ? dateTimeFormat.format(publishedAt, dateTimeFormat.DayMonth)
-                                        : undefined, avatar: (contact === null || contact === void 0 ? void 0 : contact.avatar) || undefined }, !!description && React.createElement("p", null, description)))),
-                            ((options === null || options === void 0 ? void 0 : options.length) || 0) > 0 && (React.createElement(ProductPageMainSection, null,
+                                        : undefined, avatar: contact?.avatar || undefined }, !!description && React.createElement("p", null, description)))),
+                            (options?.length || 0) > 0 && (React.createElement(ProductPageMainSection, null,
                                 React.createElement(Repeat, null,
                                     React.createElement(H2, { noMargin: true }, "Utrustning")),
                                 React.createElement(Repeat, null,
@@ -146,9 +167,9 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
                             React.createElement(ProductPageMainSection, null,
                                 React.createElement(Branch, { branch: branch, loading: loadingCentralStorageVehicle }),
                                 ecommerce && ecommerce.enabled && (React.createElement(Repeat, null,
-                                    React.createElement(ButtonPrimary, { disabled: !!ecommerce.reserved, title: "K\u00F6p bilen online", onClick: toggleEcomModal }, "K\u00F6p bilen online")))),
+                                    React.createElement(ButtonPrimary, { disabled: !!ecommerce.reserved, title: "K\u00F6p bilen online", onClick: () => ecomContext.current?.start() }, "K\u00F6p bilen online")))),
                             React.createElement(PackageOptions, { packageOptions: packageOptions }),
-                            React.createElement(ManufacturerPackageOption, { packageOption: manufacturer === null || manufacturer === void 0 ? void 0 : manufacturer.packageOption }))))),
+                            React.createElement(ManufacturerPackageOption, { packageOption: manufacturer?.packageOption }))))),
             React.createElement(Related, { id: id, hashRoute: hashRoute, pathRoute: pathRoute, onClickSearchItem: onClickSearchItem })),
         false && (React.createElement(Modal, { title: "Modal", onClose: () => { } },
             React.createElement(Content, null,

package/dist-src/providers/WaykeItemProvidet.js

@@ -2,19 +2,15 @@ import React from 'react';
 import GraphqlProvider from './graphqlProvider';
 import Theme from './themeProvider';
 import Root from '../components/Root/index';
-import useEcom from '../hooks/useEcom';
 import SettingsProvider from '../State/Settings/SettingsProvider';
 import RelatedSearchProvider from '../State/RelatedSearch/RelatedSearchProvider';
 import CentralStorageProvider from '../State/CentralStorage/CentralStorageProvider';
 import PathProvider from '../State/Path/PathProvider';
-const WaykeItemProvider = ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, children, }) => {
-    useEcom(ecomSettings);
-    return (React.createElement(PathProvider, null,
-        React.createElement(SettingsProvider, { googleMapsApiKey: googleMapsApiKey, googleMapsMarker: googleMapsMarker, ecomSettings: ecomSettings },
-            React.createElement(CentralStorageProvider, null,
-                React.createElement(GraphqlProvider, { uri: graphQlUrl },
-                    React.createElement(RelatedSearchProvider, { url: url, urlMlt: urlMlt, apiKey: apiKey },
-                        React.createElement(Theme, null,
-                            React.createElement(Root, null, children))))))));
-};
+const WaykeItemProvider = ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, children, }) => (React.createElement(PathProvider, null,
+    React.createElement(SettingsProvider, { googleMapsApiKey: googleMapsApiKey, googleMapsMarker: googleMapsMarker, ecomSettings: ecomSettings },
+        React.createElement(CentralStorageProvider, null,
+            React.createElement(GraphqlProvider, { uri: graphQlUrl },
+                React.createElement(RelatedSearchProvider, { url: url, urlMlt: urlMlt, apiKey: apiKey },
+                    React.createElement(Theme, null,
+                        React.createElement(Root, null, children))))))));
 export default WaykeItemProvider;

package/dist-src/providers/WaykeProvider.js

@@ -3,20 +3,16 @@ import GraphqlProvider from './graphqlProvider';
 import Theme from './themeProvider';
 import SearchProvider from '../State/Search/SearchProvider';
 import Root from '../components/Root/index';
-import useEcom from '../hooks/useEcom';
 import SettingsProvider from '../State/Settings/SettingsProvider';
 import RelatedSearchProvider from '../State/RelatedSearch/RelatedSearchProvider';
 import CentralStorageProvider from '../State/CentralStorage/CentralStorageProvider';
 import PathProvider from '../State/Path/PathProvider';
-const WaykeProvider = ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, useQueryParamsFromUrl, pathRoute, children, }) => {
-    useEcom(ecomSettings);
-    return (React.createElement(PathProvider, null,
-        React.createElement(SettingsProvider, { googleMapsApiKey: googleMapsApiKey, googleMapsMarker: googleMapsMarker, ecomSettings: ecomSettings },
-            React.createElement(CentralStorageProvider, null,
-                React.createElement(GraphqlProvider, { uri: graphQlUrl },
-                    React.createElement(SearchProvider, { url: url, apiKey: apiKey, useQueryParamsFromUrl: useQueryParamsFromUrl, pathRoute: pathRoute },
-                        React.createElement(RelatedSearchProvider, { url: url, urlMlt: urlMlt, apiKey: apiKey },
-                            React.createElement(Theme, null,
-                                React.createElement(Root, null, children)))))))));
-};
+const WaykeProvider = ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, useQueryParamsFromUrl, pathRoute, children, }) => (React.createElement(PathProvider, null,
+    React.createElement(SettingsProvider, { googleMapsApiKey: googleMapsApiKey, googleMapsMarker: googleMapsMarker, ecomSettings: ecomSettings },
+        React.createElement(CentralStorageProvider, null,
+            React.createElement(GraphqlProvider, { uri: graphQlUrl },
+                React.createElement(SearchProvider, { url: url, apiKey: apiKey, useQueryParamsFromUrl: useQueryParamsFromUrl, pathRoute: pathRoute },
+                    React.createElement(RelatedSearchProvider, { url: url, urlMlt: urlMlt, apiKey: apiKey },
+                        React.createElement(Theme, null,
+                            React.createElement(Root, null, children)))))))));
 export default WaykeProvider;

package/dist-src/utils/phonenumbers.js

@@ -4,7 +4,7 @@ const typedMetadata = metadata;
 export const formatPhonenumber = (text) => {
     try {
         const parsed = parsePhoneNumberFromString(text.replace('-', '').replace(/ /g, ''), typedMetadata);
-        return (parsed === null || parsed === void 0 ? void 0 : parsed.formatNational()) || text;
+        return parsed?.formatNational() || text;
     }
     catch (e) {
         return text;

package/dist-src/utils/specification.js

@@ -137,10 +137,7 @@ const specLabels = {
     },
     height: {
         label: 'Längd/höjd/bredd',
-        formatData: (_, data) => {
-            var _a, _b, _c;
-            return `${((_a = data === null || data === void 0 ? void 0 : data.properties) === null || _a === void 0 ? void 0 : _a.length) || '-'} cm/${((_b = data === null || data === void 0 ? void 0 : data.properties) === null || _b === void 0 ? void 0 : _b.height) || '-'} cm/${((_c = data === null || data === void 0 ? void 0 : data.properties) === null || _c === void 0 ? void 0 : _c.width) || '-'} cm`;
-        },
+        formatData: (_, data) => `${data?.properties?.length || '-'} cm/${data?.properties?.height || '-'} cm/${data?.properties?.width || '-'} cm`,
     },
     serviceWeight: {
         label: 'Tjänstevikt',
@@ -437,14 +434,13 @@ const All = [
     'annualBonus',
 ];
 const extractSpecData = (key, item) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
     const spec = specLabels[key];
     let data = null;
     if (!!item[key] || (item[key] || -1) > -1) {
         data = item[key];
     }
-    else if (!!((_a = item === null || item === void 0 ? void 0 : item.properties) === null || _a === void 0 ? void 0 : _a[key]) ||
-        (typeof ((_b = item === null || item === void 0 ? void 0 : item.properties) === null || _b === void 0 ? void 0 : _b[key]) === 'number' && (((_c = item === null || item === void 0 ? void 0 : item.properties) === null || _c === void 0 ? void 0 : _c[key]) || -1) > -1)) {
+    else if (!!item?.properties?.[key] ||
+        (typeof item?.properties?.[key] === 'number' && (item?.properties?.[key] || -1) > -1)) {
         data = item.properties[key];
     }
     if (!spec || !data) {
@@ -466,23 +462,23 @@ const extractSpecData = (key, item) => {
     }
     const modal = spec.modal ? { title: '', text: '' } : undefined;
     if (modal) {
-        if ((_d = spec.modal) === null || _d === void 0 ? void 0 : _d.dynamicTitle) {
+        if (spec.modal?.dynamicTitle) {
             modal.title = spec.modal.dynamicTitle(item);
         }
-        else if ((_e = spec.modal) === null || _e === void 0 ? void 0 : _e.title) {
+        else if (spec.modal?.title) {
             modal.title = spec.modal.title;
         }
-        if ((_f = spec.modal) === null || _f === void 0 ? void 0 : _f.dynamicText) {
+        if (spec.modal?.dynamicText) {
             modal.text = spec.modal.dynamicText(item);
         }
-        else if ((_g = spec.modal) === null || _g === void 0 ? void 0 : _g.text) {
+        else if (spec.modal?.text) {
             modal.text = spec.modal.text;
         }
-        if ((_h = spec.modal) === null || _h === void 0 ? void 0 : _h.concatPropValue) {
+        if (spec.modal?.concatPropValue) {
             const concatObj = spec.modal.concatPropValue === key
                 ? { value }
                 : extractSpecData(spec.modal.concatPropValue, item);
-            if (concatObj === null || concatObj === void 0 ? void 0 : concatObj.value) {
+            if (concatObj?.value) {
                 modal.text = modal.text.replace('{insertValue}', concatObj.value);
             }
             else if (spec.modal.nonConcatablePropValue) {

package/dist-src/utils/vehicle-properties/property-tree-creator.js

@@ -1,13 +1,13 @@
 class PropertyTreeCreator {
     constructor(properties) {
-        this.propertiesWithCategory = (propertyKey) => { var _a; return !!((_a = this.properties[propertyKey].category) === null || _a === void 0 ? void 0 : _a.id); };
+        this.propertiesWithCategory = (propertyKey) => !!this.properties[propertyKey].category?.id;
         this.propertiesWithoutCategory = (propertyKey) => !this.propertiesWithCategory(propertyKey);
         this.isList = (property) => property.type === PropertyTreeCreator.TEXT_LIST_TYPE;
         this.isNonList = (property) => !this.isList(property);
-        this.hasCategoryWithId = (propertyKey, categoryId) => { var _a; return ((_a = this.properties[propertyKey].category) === null || _a === void 0 ? void 0 : _a.id) === categoryId; };
-        this.propertiesWithSubCategory = (propertyKey) => { var _a, _b; return !!((_b = (_a = this.properties[propertyKey].category) === null || _a === void 0 ? void 0 : _a.subCategory) === null || _b === void 0 ? void 0 : _b.id); };
+        this.hasCategoryWithId = (propertyKey, categoryId) => this.properties[propertyKey].category?.id === categoryId;
+        this.propertiesWithSubCategory = (propertyKey) => !!this.properties[propertyKey].category?.subCategory?.id;
         this.propertiesWithoutSubCategory = (propertyKey) => !this.propertiesWithSubCategory(propertyKey);
-        this.hasSubCategoryWithId = (propertyKey, categoryId) => { var _a, _b; return ((_b = (_a = this.properties[propertyKey].category) === null || _a === void 0 ? void 0 : _a.subCategory) === null || _b === void 0 ? void 0 : _b.id) === categoryId; };
+        this.hasSubCategoryWithId = (propertyKey, categoryId) => this.properties[propertyKey].category?.subCategory?.id === categoryId;
         this.properties = properties;
     }
     create() {
@@ -74,7 +74,7 @@ class PropertyTreeCreator {
         const categories = Object.keys(this.properties)
             .filter((key) => this.hasCategoryWithId(key, id))
             .filter(this.propertiesWithSubCategory)
-            .map((key) => { var _a; return (_a = this.properties[key].category) === null || _a === void 0 ? void 0 : _a.subCategory; })
+            .map((key) => this.properties[key].category?.subCategory)
             .filter(PropertyTreeCreator.distinctCategories);
         return categories;
     }

package/dist-types/State/CentralStorage/useCentralStorage.d.ts

@@ -1,5 +1,5 @@
 import { Vehicle } from '../../@types/codegen/types';
-declare const useCentralStorage: (vehicle?: Vehicle | null | undefined) => {
+declare const useCentralStorage: (vehicle?: Vehicle | null) => {
     vehicle: import("../../@types/codegen/types").Maybe<Vehicle> | undefined;
     loading: boolean;
 };

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

@@ -3,6 +3,7 @@ export interface SettingsContextProps {
     googleMapsApiKey?: string;
     googleMapsMarker?: string;
     ecomSettings?: {
+        url: string;
         useBankId?: boolean;
         displayBankIdAlert?: boolean;
         serviceLogotypeUrl?: string;

package/dist-types/components/InputSearch/index.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
-declare const InputSearch: React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & {
+declare type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+declare type Props = InputProps & {
     placeholder: string;
     label: string;
-    value?: string | undefined;
+    value?: string;
     id: string;
     onSearch: () => void;
-}, "label" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "onSearch"> & React.RefAttributes<HTMLDivElement>>;
+};
+declare const InputSearch: React.ForwardRefExoticComponent<Pick<Props, "label" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "onSearch"> & React.RefAttributes<HTMLDivElement>>;
 export default InputSearch;

package/dist-types/components/RangeSlider/handle.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { SliderItem, GetHandleProps } from 'react-compound-slider';
 interface IHandleProps {
     domain: number[];
     handle: SliderItem;
     getHandleProps: GetHandleProps;
 }
-export declare const Handle: React.SFC<IHandleProps>;
+export declare const Handle: ({ domain: [min, max], handle: { id, value, percent }, getHandleProps, }: IHandleProps) => JSX.Element;
 export {};

package/dist-types/components/RangeSlider/track.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { SliderItem, GetTrackProps } from 'react-compound-slider';
 interface ITrackProps {
     source: SliderItem;
     target: SliderItem;
     getTrackProps: GetTrackProps;
 }
-export declare const Track: React.SFC<ITrackProps>;
+export declare const Track: ({ source, target, getTrackProps }: ITrackProps) => JSX.Element;
 export {};

package/dist-types/components/Video/useThumbnail.d.ts

@@ -1,2 +1,2 @@
-declare const useThumbnail: (url?: string | null | undefined, small?: boolean | undefined) => string[] | undefined;
+declare const useThumbnail: (url?: string | null, small?: boolean) => string[] | undefined;
 export default useThumbnail;

package/dist-types/components/Video/utils.d.ts

@@ -5,5 +5,5 @@ export declare const getYoutubeThumbnail: (url: string) => {
     hqdefault: string;
     mqdefault: string;
 } | undefined;
-export declare const onImageLoad: (e: React.SyntheticEvent<HTMLImageElement, Event>, thumbnail?: string[] | undefined) => void;
-export declare const onImageError: (e: React.SyntheticEvent<HTMLImageElement, Event>, thumbnail?: string[] | undefined) => void;
+export declare const onImageLoad: (e: React.SyntheticEvent<HTMLImageElement, Event>, thumbnail?: string[]) => void;
+export declare const onImageError: (e: React.SyntheticEvent<HTMLImageElement, Event>, thumbnail?: string[]) => void;

package/dist-types/hooks/useFetch.d.ts

@@ -3,5 +3,5 @@ interface Response<T> {
     data?: T;
     error: boolean;
 }
-declare const useFetch: <T>(path: RequestInfo, options?: RequestInit | undefined, skip?: boolean | undefined, promiseCache?: boolean | undefined) => Response<T>;
+declare const useFetch: <T>(path: RequestInfo, options?: RequestInit, skip?: boolean, promiseCache?: boolean) => Response<T>;
 export default useFetch;

package/dist-types/hooks/useInsurance.d.ts

@@ -1,4 +1,4 @@
 import { QueryResult } from '@apollo/client';
 import { DrivingDistance, QueryInsurancesArgs, Query } from '../@types/codegen/types';
-declare const useInsuranceCalculation: (id: string, branchId?: string | undefined, personalNumber?: string | undefined, drivingDistance?: DrivingDistance | undefined) => QueryResult<Query, QueryInsurancesArgs>;
+declare const useInsuranceCalculation: (id: string, branchId?: string, personalNumber?: string, drivingDistance?: DrivingDistance) => QueryResult<Query, QueryInsurancesArgs>;
 export default useInsuranceCalculation;

package/dist-types/hooks/useLoan.d.ts

@@ -1,4 +1,4 @@
 import { QueryResult } from '@apollo/client';
 import { QueryLoanArgs, Query } from '../@types/codegen/types';
-declare const useLoanCalculation: (id: string, duration?: number | undefined, downPayment?: number | undefined, residual?: number | undefined) => QueryResult<Query, QueryLoanArgs>;
+declare const useLoanCalculation: (id: string, duration?: number, downPayment?: number, residual?: number) => QueryResult<Query, QueryLoanArgs>;
 export default useLoanCalculation;

package/dist-types/hooks/useSearchItem.d.ts

@@ -1,4 +1,4 @@
 import { QueryResult } from '@apollo/client';
 import { QueryVehicleArgs, Query } from '../@types/codegen/types';
-declare const useSearchItem: (id?: string | undefined) => QueryResult<Query, QueryVehicleArgs>;
+declare const useSearchItem: (id?: string) => QueryResult<Query, QueryVehicleArgs>;
 export default useSearchItem;

package/dist-types/hooks/useSearchItemBranch.d.ts

@@ -1,4 +1,4 @@
 import { QueryResult } from '@apollo/client';
 import { QueryVehicleArgs, Query } from '../@types/codegen/types';
-declare const useSearchItemBranch: (id?: string | null | undefined, branch?: string | null | undefined) => QueryResult<Query, QueryVehicleArgs>;
+declare const useSearchItemBranch: (id?: string | null, branch?: string | null) => QueryResult<Query, QueryVehicleArgs>;
 export default useSearchItemBranch;

package/dist-types/hooks/useVimeoThumbnail.d.ts

@@ -1,2 +1,2 @@
-declare const useVimeoThumbnail: (id?: string | undefined, small?: boolean | undefined) => string | undefined;
+declare const useVimeoThumbnail: (id?: string, small?: boolean) => string | undefined;
 export default useVimeoThumbnail;

package/dist-types/utils/regex.d.ts

@@ -1,3 +1,3 @@
 export declare const regexGuid: RegExp;
 export declare const escapeRegExpString: (s: string) => string;
-export declare const regexPathGuid: (path?: string | undefined) => RegExp;
+export declare const regexPathGuid: (path?: string) => RegExp;

package/dist-types/utils/ssn.d.ts

@@ -1 +1 @@
-export declare const ssnIsValid: (s?: string | undefined) => boolean;
+export declare const ssnIsValid: (s?: string) => boolean;