@wayke-se/components-react 3.0.0-beta.9 → 3.1.0-beta.1

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

@@ -34,11 +34,10 @@ 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 { ecomSettings } = useSettings();
     const ecomContext = useRef();
     const { loading, data: result } = useSearchItem(id);
-    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({
@@ -47,7 +46,7 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
                     api: {
                         address: ecomSettings.url,
                     },
-                    bankIdThumbprint: ecomSettings === null || ecomSettings === void 0 ? void 0 : ecomSettings.bankIdThumbprint,
+                    bankIdThumbprint: ecomSettings?.bankIdThumbprint,
                 },
                 logo: ecomSettings.serviceLogotypeUrl,
                 logoX2: ecomSettings.serviceLogotypeUrl,
@@ -68,26 +67,25 @@ const WaykeSearchItem = ({ id, hashRoute, pathRoute, disableResetScrollOnInit, p
         }
     }, []);
     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;
@@ -118,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,
@@ -131,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: () => { var _a; return (_a = ecomContext.current) === null || _a === void 0 ? void 0 : _a.start(); } }))),
+                                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 })),
@@ -148,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,
@@ -169,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: () => { var _a; return (_a = ecomContext.current) === null || _a === void 0 ? void 0 : _a.start(); } }, "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/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/regex.js

@@ -2,7 +2,7 @@ export const regexGuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a
 const regexEndGuid = /[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/;
 export const escapeRegExpString = (s) => s.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&');
 export const regexPathGuid = (path) => {
-    if (!path) {
+    if (!path || path) {
         return regexEndGuid;
     }
     const r = new RegExp(`${escapeRegExpString(path)}${regexEndGuid.source}`, 'gi');

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/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 {};