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

package/dist-src/components/InsuranceOptions/InsuranceFreeModal.js

@@ -6,15 +6,14 @@ import { ButtonInline } from '../Button/index';
 import LogoBox from '../LogoBox/index';
 import { marked } from 'marked';
 const InsuranceFreeModal = ({ onClose, insuranceOptions }) => {
-    var _a;
-    return (React.createElement(Modal, { title: (_a = insuranceOptions === null || insuranceOptions === void 0 ? void 0 : insuranceOptions.insuranceHeader) !== null && _a !== void 0 ? _a : 'Försäkring', onClose: onClose },
-        (insuranceOptions === null || insuranceOptions === void 0 ? void 0 : insuranceOptions.longDescription) && (React.createElement(Repeat, null,
+    return (React.createElement(Modal, { title: insuranceOptions?.insuranceHeader ?? 'Försäkring', onClose: onClose },
+        insuranceOptions?.longDescription && (React.createElement(Repeat, null,
             React.createElement(Content, { dangerouslySetInnerHTML: {
                     __html: marked(insuranceOptions.longDescription),
                 } }))),
-        (insuranceOptions === null || insuranceOptions === void 0 ? void 0 : insuranceOptions.url) && (React.createElement(Repeat, null,
+        insuranceOptions?.url && (React.createElement(Repeat, null,
             React.createElement(ButtonInline, { as: "a", href: insuranceOptions.url, target: "_blank", rel: "noopener noreferrer" }, "L\u00E4s mer om f\u00F6rs\u00E4kringen (\u00D6ppnas i ett nytt f\u00F6nster)"))),
-        (insuranceOptions === null || insuranceOptions === void 0 ? void 0 : insuranceOptions.logotype) && (React.createElement(Repeat, null,
+        insuranceOptions?.logotype && (React.createElement(Repeat, null,
             React.createElement(LogoBox, { logo: insuranceOptions.logotype, alt: insuranceOptions.name || 'Logotyp', wide: true })))));
 };
 export default InsuranceFreeModal;

package/dist-src/components/InsuranceOptions/InsuranceModal.js

@@ -28,7 +28,7 @@ const InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
         drivingDistance: DrivingDistance.Between0And1000,
     });
     const [payload, setPayload] = useState();
-    const { loading, data, error } = useInsuranceCalculation(id, (branch === null || branch === void 0 ? void 0 : branch.id) ? branch === null || branch === void 0 ? void 0 : branch.id : undefined, ssnIsValid(payload === null || payload === void 0 ? void 0 : payload.ssn) ? payload === null || payload === void 0 ? void 0 : payload.ssn : undefined, payload === null || payload === void 0 ? void 0 : payload.drivingDistance);
+    const { loading, data, error } = useInsuranceCalculation(id, branch?.id ? branch?.id : undefined, ssnIsValid(payload?.ssn) ? payload?.ssn : undefined, payload?.drivingDistance);
     const onChangeSsn = useCallback((e) => setForm({ ...form, ssn: e.currentTarget.value }), [form]);
     const onChangeDrivingDistance = useCallback((e) => setForm({ ...form, drivingDistance: e.currentTarget.value }), [form]);
     const onShowInsurances = useCallback(() => {
@@ -48,7 +48,7 @@ const InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
         { value: DrivingDistance.Over2500, displayName: '2500+' },
     ];
     return (React.createElement(Modal, { title: "F\u00F6rs\u00E4kring", onClose: onClose },
-        ((insuranceOptions === null || insuranceOptions === void 0 ? void 0 : insuranceOptions.description) || (insuranceOptions === null || insuranceOptions === void 0 ? void 0 : insuranceOptions.logotype)) && (React.createElement(Repeat, null,
+        (insuranceOptions?.description || insuranceOptions?.logotype) && (React.createElement(Repeat, null,
             React.createElement(ContentLogo, null,
                 insuranceOptions.description && (React.createElement(ContentLogoText, null,
                     React.createElement(Content, null,
@@ -77,7 +77,7 @@ const InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
             React.createElement(Loader, null))),
         error && (React.createElement(Repeat, null,
             React.createElement(Snackbar, { severity: "error", icon: true, heading: "Ett fel har intr\u00E4ffat" }, "Kunde inte h\u00E4mta f\u00F6rs\u00E4kringar. V\u00E4nligen f\u00F6rs\u00F6k igen."))),
-        React.createElement(React.Fragment, null, (data === null || data === void 0 ? void 0 : data.insurances) && (React.createElement(Repeat, null, data === null || data === void 0 ? void 0 : data.insurances.map((insurance) => (React.createElement(Repeat, { key: insurance.name },
+        React.createElement(React.Fragment, null, data?.insurances && (React.createElement(Repeat, null, data?.insurances.map((insurance) => (React.createElement(Repeat, { key: insurance.name },
             React.createElement(DetailBox, { heading: `${numberSeparator(insurance.price)} ${insurance.unit}`, description: insurance.name },
                 React.createElement(Repeat, null,
                     React.createElement(React.Fragment, null, insurance.description && (React.createElement(RepeatTiny, null,

package/dist-src/components/Lightbox/index.js

@@ -17,7 +17,7 @@ const Lightbox = ({ index, media, onClose }) => {
             onClose();
         }
     };
-    return (React.createElement(Wrapper, { ref: (ref) => ref === null || ref === void 0 ? void 0 : ref.focus(), onKeyDown: onKeyDown, tabIndex: 0 },
+    return (React.createElement(Wrapper, { ref: (ref) => ref?.focus(), onKeyDown: onKeyDown, tabIndex: 0 },
         React.createElement(UiBlock, { onClick: onClose, "aria-hidden": true }),
         media.map((m, i) => (React.createElement(Item, { key: i, ref: index === i ? onRef : undefined },
             m.type === 'image' && (React.createElement(Img, { id: `lightbox-image-${i}`, src: m.files[0].url, alt: `Bild ${i + 1}` })),

package/dist-src/components/OpeningHours/index.js

@@ -34,15 +34,15 @@ const arr = [];
 const GetOpeningHours = (o) => KeyOrder.reduce((prev, current) => {
     const title = TranslateWeekDays(current);
     const item = o[current];
-    const previous = prev === null || prev === void 0 ? void 0 : prev[prev.length - 1];
-    if (previous && previous.from == (item === null || item === void 0 ? void 0 : item.from) && previous.until === (item === null || item === void 0 ? void 0 : item.until)) {
+    const previous = prev?.[prev.length - 1];
+    if (previous && previous.from == item?.from && previous.until === item?.until) {
         prev[prev.length - 1].titleTo = title;
     }
     else {
         prev.push({
             titleFrom: title,
-            from: item === null || item === void 0 ? void 0 : item.from,
-            until: item === null || item === void 0 ? void 0 : item.until,
+            from: item?.from,
+            until: item?.until,
         });
     }
     return prev;
@@ -53,8 +53,8 @@ const GetOpeningHoursToday = (o) => {
     const current = o[day];
     return {
         title: current ? 'Öppetider idag' : 'Stängt idag',
-        from: current === null || current === void 0 ? void 0 : current.from,
-        until: current === null || current === void 0 ? void 0 : current.until,
+        from: current?.from,
+        until: current?.until,
     };
 };
 const valuOfDateString = (s) => {
@@ -65,7 +65,7 @@ const OpeningHours = ({ openingHours }) => {
     const today = useMemo(() => (openingHours ? GetOpeningHoursToday(openingHours) : null), [openingHours]);
     const currentlyOpen = useMemo(() => {
         try {
-            if ((today === null || today === void 0 ? void 0 : today.from) && (today === null || today === void 0 ? void 0 : today.until)) {
+            if (today?.from && today?.until) {
                 const currentDate = new Date().valueOf();
                 const from = valuOfDateString(today.from);
                 const until = valuOfDateString(today.until);
@@ -87,9 +87,9 @@ const OpeningHours = ({ openingHours }) => {
             React.createElement(TableColumn, null,
                 React.createElement(TableColumnRow, null,
                     React.createElement(TableColumnCell, null,
-                        React.createElement(UtilityTextBold, null, today === null || today === void 0 ? void 0 : today.title)),
+                        React.createElement(UtilityTextBold, null, today?.title)),
                     React.createElement(TableColumnCell, null,
-                        React.createElement(UtilityTextBold, null, (today === null || today === void 0 ? void 0 : today.from) ? `${today.from}-${today.until}` : 'Stängt'))),
+                        React.createElement(UtilityTextBold, null, today?.from ? `${today.from}-${today.until}` : 'Stängt'))),
                 oh.map((o) => (React.createElement(TableColumnRow, { key: o.titleFrom },
                     React.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom),
                     React.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : 'Stängt'))))))));

package/dist-src/components/RangeSlider/SliderWithLabel.js

@@ -14,7 +14,7 @@ const SliderWithLabel = ({ label, values, domain, steps, loading, unit, formatVa
     }, [loading]);
     return (React.createElement(React.Fragment, null,
         React.createElement(RepeatTiny, null,
-            React.createElement(RangeSliderLabel, { label: label, value: `${numberSeparator((local === null || local === void 0 ? void 0 : local[0]) || values[0])}${unit ? ` ${unit}` : ''}` })),
+            React.createElement(RangeSliderLabel, { label: label, value: `${numberSeparator(local?.[0] || values[0])}${unit ? ` ${unit}` : ''}` })),
         React.createElement(RepeatTiny, null,
             React.createElement(RangeSliderSimple, { loading: loading, values: values, domain: domain, steps: steps, onChange: onChange, onUpdate: onUpdate, unit: unit, formatValues: formatValues }))));
 };

package/dist-src/components/Result/index.js

@@ -8,14 +8,15 @@ import useSearch from '../../State/Search/useSearch';
 import SortSelect from '../SortSelect/index';
 import { getTranslatedSortOptionDisplayName } from '../../utils/sortOptions';
 const Result = ({ children }) => {
-    var _a;
     const { loading, response, documents, queryFilter, onLoadMore, onFilterUpdate } = useSearch();
     const onSortOptionChange = useCallback((e) => onFilterUpdate(e.currentTarget.value), []);
-    const numberOfDocuments = (documents === null || documents === void 0 ? void 0 : documents.length) || 0;
-    const numberOfHits = (response === null || response === void 0 ? void 0 : response.documentList.numberOfHits) || 0;
-    const useSkeletons = !!(queryFilter === null || queryFilter === void 0 ? void 0 : queryFilter.concatResult);
-    const selectedSortOption = (_a = response === null || response === void 0 ? void 0 : response.documentList.sortOptions.find((x) => x.selected)) === null || _a === void 0 ? void 0 : _a.query;
-    const sortOptions = response === null || response === void 0 ? void 0 : response.documentList.sortOptions.filter((x) => x.displayName !== 'relevance').map((so) => ({
+    const numberOfDocuments = documents?.length || 0;
+    const numberOfHits = response?.documentList.numberOfHits || 0;
+    const useSkeletons = !!queryFilter?.concatResult;
+    const selectedSortOption = response?.documentList.sortOptions.find((x) => x.selected)?.query;
+    const sortOptions = response?.documentList.sortOptions
+        .filter((x) => x.displayName !== 'relevance')
+        .map((so) => ({
         value: so.query,
         displayName: getTranslatedSortOptionDisplayName(so.displayName),
     }));

package/dist-src/components/Video/EmbededVideo.js

@@ -20,7 +20,7 @@ const GalleryEmbed = ({ src, index }) => {
     const onError = useCallback((e) => onImageError(e, thumbnail), [thumbnail]);
     const onLoad = useCallback((e) => onImageLoad(e, thumbnail), [thumbnail]);
     const customVideo = src.toLowerCase().endsWith('.mp4');
-    if ((thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.length) && !customVideo) {
+    if (thumbnail?.length && !customVideo) {
         return (React.createElement(React.Fragment, null,
             React.createElement(ImageFull, { onLoad: onLoad, src: thumbnail[0], onError: onError, alt: `Bild ${index + 1}` }),
             React.createElement(MediaButton, { text: "Spela video", onClick: onClick }),

package/dist-src/components/Video/QuickNavEmbeded.js

@@ -7,8 +7,8 @@ const QuickNavEmbeded = ({ src, index }) => {
     const thumbnail = useThumbnail(src);
     const onError = useCallback((e) => onImageError(e, thumbnail), [thumbnail]);
     const onLoad = useCallback((e) => onImageLoad(e, thumbnail), [thumbnail]);
-    const customVideo = src === null || src === void 0 ? void 0 : src.toLowerCase().endsWith('.mp4');
-    if ((thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.length) && !customVideo)
+    const customVideo = src?.toLowerCase().endsWith('.mp4');
+    if (thumbnail?.length && !customVideo)
         return (React.createElement(QuickNavImg, { onLoad: onLoad, src: thumbnail[0], onError: onError, alt: `Bild ${index + 1}` }));
     if (customVideo)
         return React.createElement(CustomPlayer, { key: index, url: src, ratio: "66.66%" });

package/dist-src/components/Video/useThumbnail.js

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { getVimeoId, getYoutubeThumbnail } from './utils';
 import useVimeoThumbnail from '../../hooks/useVimeoThumbnail';
 const useThumbnail = (url, small) => {
-    if (url === null || url === void 0 ? void 0 : url.toLowerCase().endsWith('.mp4'))
+    if (url?.toLowerCase().endsWith('.mp4'))
         return;
     const [thumbnail, setThumbnail] = useState();
     const vimeoId = url ? getVimeoId(url) : undefined;

package/dist-src/components/Video/utils.js

@@ -21,7 +21,7 @@ export const getYoutubeThumbnail = (url) => {
     };
 };
 export const onImageLoad = (e, thumbnail) => {
-    if ((thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.length) === 2 &&
+    if (thumbnail?.length === 2 &&
         e.currentTarget.src === thumbnail[0] &&
         e.currentTarget.naturalWidth === 120 &&
         e.currentTarget.naturalHeight === 90) {
@@ -29,7 +29,7 @@ export const onImageLoad = (e, thumbnail) => {
     }
 };
 export const onImageError = (e, thumbnail) => {
-    if ((thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.length) === 2) {
+    if (thumbnail?.length === 2) {
         e.currentTarget.src = thumbnail[1];
     }
 };

package/dist-src/hooks/useFetch.js

@@ -1,6 +1,6 @@
 import { useEffect, useState, useCallback } from 'react';
 const cache = {};
-const getCachedResult = (key) => (cache === null || cache === void 0 ? void 0 : cache[key]) || undefined;
+const getCachedResult = (key) => cache?.[key] || undefined;
 const setCachedResult = (key, value) => {
     cache[key] = value;
 };

package/dist-src/hooks/useVimeoThumbnail.js

@@ -4,7 +4,7 @@ const useVimeoThumbnail = (id, small) => {
     const [thumbnail, setThumbnail] = useState();
     const { data } = useFetch(`http://vimeo.com/api/v2/video/${id}.json`, {}, !id || !!thumbnail, true);
     useEffect(() => {
-        if (data === null || data === void 0 ? void 0 : data[0]) {
+        if (data?.[0]) {
             if (small && data[0].thumbnail_small) {
                 setThumbnail(data[0].thumbnail_small);
             }

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

@@ -11,7 +11,6 @@ import Map from '../../components/Map/index';
 import BranchModal from './BranchModal';
 import { formatPhonenumber } from '../../utils/phonenumbers';
 const Branch = ({ branch, loading }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const [modal, setModal] = useState(false);
     const openModal = useCallback(() => setModal(true), []);
     const closeModal = useCallback(() => setModal(false), []);
@@ -24,14 +23,14 @@ const Branch = ({ branch, loading }) => {
         return null;
     }
     return (React.createElement(React.Fragment, null,
-        modal && (React.createElement(BranchModal, { loading: loading, connections: branch === null || branch === void 0 ? void 0 : branch.connections, onClose: closeModal })),
+        modal && (React.createElement(BranchModal, { loading: loading, connections: branch?.connections, onClose: closeModal })),
         React.createElement(Repeat, null,
-            React.createElement(H2, { noMargin: true }, ((_a = branch === null || branch === void 0 ? void 0 : branch.location) === null || _a === void 0 ? void 0 : _a.city)
-                ? `Den här bilen finns på vår anläggning i ${(_b = branch === null || branch === void 0 ? void 0 : branch.location) === null || _b === void 0 ? void 0 : _b.city}`
+            React.createElement(H2, { noMargin: true }, branch?.location?.city
+                ? `Den här bilen finns på vår anläggning i ${branch?.location?.city}`
                 : 'Kontakt')),
         React.createElement(Repeat, null,
-            React.createElement(Map, { position: (_c = branch === null || branch === void 0 ? void 0 : branch.location) === null || _c === void 0 ? void 0 : _c.position })),
-        (((_d = branch === null || branch === void 0 ? void 0 : branch.connections) === null || _d === void 0 ? void 0 : _d.length) || 0) > 1 && (React.createElement(Repeat, null,
+            React.createElement(Map, { position: branch?.location?.position })),
+        (branch?.connections?.length || 0) > 1 && (React.createElement(Repeat, null,
             React.createElement(Content, null,
                 React.createElement("p", null,
                     "Denna bil tillh\u00F6r ett centrallager och g\u00E5r att k\u00F6pa genom flera anl\u00E4ggningar.",
@@ -42,13 +41,13 @@ const Branch = ({ branch, loading }) => {
             React.createElement(ProductPageContentLimit, null,
                 React.createElement(Repeat, null,
                     React.createElement(TableColumn, null,
-                        ((_e = branch === null || branch === void 0 ? void 0 : branch.location) === null || _e === void 0 ? void 0 : _e.streetAddress) && ((_f = branch === null || branch === void 0 ? void 0 : branch.location) === null || _f === void 0 ? void 0 : _f.city) && (React.createElement(TableColumnRow, null,
+                        branch?.location?.streetAddress && branch?.location?.city && (React.createElement(TableColumnRow, null,
                             React.createElement(TableColumnCell, null, "Adress"),
                             React.createElement(TableColumnCell, null,
                                 React.createElement(ButtonInlineBold, null,
-                                    React.createElement(ButtonContent, null, `${(_g = branch === null || branch === void 0 ? void 0 : branch.location) === null || _g === void 0 ? void 0 : _g.streetAddress}, ${(_h = branch === null || branch === void 0 ? void 0 : branch.location) === null || _h === void 0 ? void 0 : _h.city}`))))),
-                        ((_j = branch === null || branch === void 0 ? void 0 : branch.contact) === null || _j === void 0 ? void 0 : _j.phonenumber) && (React.createElement(PhoneNumber, { phoneNumber: formatPhonenumber(branch.contact.phonenumber) })))),
-                (branch === null || branch === void 0 ? void 0 : branch.openingHours) && (React.createElement(Repeat, null,
+                                    React.createElement(ButtonContent, null, `${branch?.location?.streetAddress}, ${branch?.location?.city}`))))),
+                        branch?.contact?.phonenumber && (React.createElement(PhoneNumber, { phoneNumber: formatPhonenumber(branch.contact.phonenumber) })))),
+                branch?.openingHours && (React.createElement(Repeat, null,
                     React.createElement(OpeningHours, { openingHours: branch.openingHours })))))));
 };
 export default Branch;

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

@@ -25,7 +25,7 @@ const BranchModal = ({ loading, connections, onClose }) => {
                     React.createElement("p", null, "V\u00E4lj den anl\u00E4ggning du vill visa kontaktuppgifter f\u00F6r."))),
             React.createElement(RepeatTiny, null,
                 React.createElement(InputLabel, null, "V\u00E4lj anl\u00E4ggning"),
-                React.createElement(InputSelect, { value: localValue, onChange: onChange, options: connections === null || connections === void 0 ? void 0 : connections.map((x) => ({
+                React.createElement(InputSelect, { value: localValue, onChange: onChange, options: connections?.map((x) => ({
                         value: x.id,
                         displayName: x.name,
                     })), title: "V\u00E4lj anl\u00E4ggning" }))),

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

@@ -19,45 +19,45 @@ const CheckList = ({ manufacturer, packageOptions, ecommerce, branch, contact, t
             setModalBranch(false);
         }
     }, [branch, contact]);
-    const packageOption = manufacturer === null || manufacturer === void 0 ? void 0 : manufacturer.packageOption;
+    const packageOption = manufacturer?.packageOption;
     return (React.createElement(React.Fragment, null,
-        modalBranch && (React.createElement(BranchModal, { loading: loadingCentralStorageVehicle, connections: branch === null || branch === void 0 ? void 0 : branch.connections, onClose: closeModalBranch })),
+        modalBranch && (React.createElement(BranchModal, { loading: loadingCentralStorageVehicle, connections: branch?.connections, onClose: closeModalBranch })),
         modal && React.createElement(PackageOptionModal, { packageOption: modal, onClose: onClose }),
         React.createElement(Repeat, null,
             React.createElement(CheckMarkList, null,
-                (packageOption === null || packageOption === void 0 ? void 0 : packageOption.title) && (React.createElement(CheckMarkListItem, null,
+                packageOption?.title && (React.createElement(CheckMarkListItem, null,
                     React.createElement(React.Fragment, null,
                         "Inkl.",
                         ' ',
                         React.createElement(ButtonInline, { onClick: () => onOpen({
-                                title: packageOption === null || packageOption === void 0 ? void 0 : packageOption.title,
-                                image: packageOption === null || packageOption === void 0 ? void 0 : packageOption.image,
-                                description: packageOption === null || packageOption === void 0 ? void 0 : packageOption.description,
-                                link: packageOption === null || packageOption === void 0 ? void 0 : packageOption.link,
+                                title: packageOption?.title,
+                                image: packageOption?.image,
+                                description: packageOption?.description,
+                                link: packageOption?.link,
                             }) }, packageOption.title),
                         ' ',
-                        "begagnatgaranti"))), packageOptions === null || packageOptions === void 0 ? void 0 :
-                packageOptions.map((packageOption, index) => (React.createElement(CheckMarkListItem, { key: packageOption.title || index },
+                        "begagnatgaranti"))),
+                packageOptions?.map((packageOption, index) => (React.createElement(CheckMarkListItem, { key: packageOption.title || index },
                     React.createElement(React.Fragment, null,
                         "Inkl.",
                         ' ',
                         React.createElement(ButtonInline, { onClick: () => onOpen({
-                                title: packageOption === null || packageOption === void 0 ? void 0 : packageOption.title,
-                                image: packageOption === null || packageOption === void 0 ? void 0 : packageOption.image,
-                                description: packageOption === null || packageOption === void 0 ? void 0 : packageOption.description,
-                                link: packageOption === null || packageOption === void 0 ? void 0 : packageOption.link,
+                                title: packageOption?.title,
+                                image: packageOption?.image,
+                                description: packageOption?.description,
+                                link: packageOption?.link,
                             }) }, packageOption.title))))),
-                (ecommerce === null || ecommerce === void 0 ? void 0 : ecommerce.withHomeDelivery) && React.createElement(CheckMarkListItem, null, "Hemleverans"))),
+                ecommerce?.withHomeDelivery && React.createElement(CheckMarkListItem, null, "Hemleverans"))),
         React.createElement(Repeat, null,
             ecommerce && ecommerce.enabled && (React.createElement(RepeatTiny, null,
                 React.createElement(ButtonPrimary, { disabled: !!ecommerce.reserved, fullWidth: true, onClick: toggleEcomModal },
                     React.createElement(ButtonContent, null, "K\u00F6p bilen online")))),
-            (ecommerce === null || ecommerce === void 0 ? void 0 : ecommerce.reserved) && (React.createElement(RepeatTiny, null,
+            ecommerce?.reserved && (React.createElement(RepeatTiny, null,
                 React.createElement(SwitchBar, { title: "Bilen \u00E4r reserverad", body: "Denna bil \u00E4r reserverad av en annan k\u00F6pare." },
                     React.createElement(Content, null,
                         React.createElement("p", null, "Denna bil \u00E4r reserverad av en annan k\u00F6pare."))))),
             React.createElement(ActionList, { branch: branch, contact: contact })),
-        ((branch === null || branch === void 0 ? void 0 : branch.connections.length) || 0) > 1 && (React.createElement(Repeat, null,
+        (branch?.connections.length || 0) > 1 && (React.createElement(Repeat, null,
             React.createElement(SwitchBar, { title: "Centrallagerbil", actionTitle: "Byt anl\u00E4ggning", onClick: openModalBranch },
                 React.createElement(Content, null,
                     React.createElement("p", null, "Denna bil tillh\u00F6r ett centrallager och g\u00E5r att k\u00F6pa genom flera anl\u00E4ggningar. Byt anl\u00E4ggning f\u00F6r att visa kontaktuppgifter till just den anl\u00E4ggningen.")))))));

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

@@ -7,7 +7,6 @@ import { H2 } from '../../components/Heading/index';
 import { ButtonInline } from '../../components/Button/index';
 import LogoBox from '../../components/LogoBox/index';
 const ManufacturerPackageOption = ({ packageOption }) => {
-    var _a;
     if (!packageOption) {
         return null;
     }
@@ -16,7 +15,7 @@ const ManufacturerPackageOption = ({ packageOption }) => {
             React.createElement(H2, { noMargin: true }, packageOption.title)),
         packageOption.description && (React.createElement(Repeat, null,
             React.createElement(Content, { dangerouslySetInnerHTML: { __html: marked(packageOption.description) } }))),
-        ((_a = packageOption.link) === null || _a === void 0 ? void 0 : _a.url) && (React.createElement(Repeat, null,
+        packageOption.link?.url && (React.createElement(Repeat, null,
             React.createElement(ButtonInline, { as: "a", href: packageOption.link.url, target: "_blank", rel: "noopener noreferrer" }, packageOption.link.title
                 ? packageOption.link.title
                 : 'Läs mer (Öppnas i ett nytt fönster)'))),

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

@@ -5,14 +5,11 @@ import { ButtonInline } from '../../components/Button/index';
 import Modal from '../../components/Modal/index';
 import Content from '../../components/Content/index';
 import LogoBox from '../../components/LogoBox/index';
-const PackageOptionModal = ({ packageOption, onClose }) => {
-    var _a;
-    return (React.createElement(Modal, { title: packageOption.title || '', onClose: onClose },
-        packageOption.image && (React.createElement(Repeat, null,
-            React.createElement(LogoBox, { logo: packageOption.image, alt: packageOption.title || undefined, wide: true }))),
-        packageOption.description && (React.createElement(Repeat, null,
-            React.createElement(Content, { dangerouslySetInnerHTML: { __html: marked(packageOption.description) } }))),
-        ((_a = packageOption.link) === null || _a === void 0 ? void 0 : _a.href) && packageOption.link.title && (React.createElement(Repeat, null,
-            React.createElement(ButtonInline, { as: "a", href: packageOption.link.href, target: "_blank", rel: "noopener noreferrer nofollow" }, packageOption.link.title)))));
-};
+const PackageOptionModal = ({ packageOption, onClose }) => (React.createElement(Modal, { title: packageOption.title || '', onClose: onClose },
+    packageOption.image && (React.createElement(Repeat, null,
+        React.createElement(LogoBox, { logo: packageOption.image, alt: packageOption.title || undefined, wide: true }))),
+    packageOption.description && (React.createElement(Repeat, null,
+        React.createElement(Content, { dangerouslySetInnerHTML: { __html: marked(packageOption.description) } }))),
+    packageOption.link?.href && packageOption.link.title && (React.createElement(Repeat, null,
+        React.createElement(ButtonInline, { as: "a", href: packageOption.link.href, target: "_blank", rel: "noopener noreferrer nofollow" }, packageOption.link.title)))));
 export default PackageOptionModal;

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

@@ -10,19 +10,16 @@ const PackageOptions = ({ packageOptions }) => {
     if (!packageOptions) {
         return null;
     }
-    return (React.createElement(React.Fragment, null, packageOptions.map((packageOption, index) => {
-        var _a;
-        return (React.createElement(ProductPageMainSection, { key: packageOption.title || index },
-            React.createElement(Repeat, null,
-                React.createElement(H2, { noMargin: true }, packageOption.title)),
-            packageOption.description && (React.createElement(Repeat, null,
-                React.createElement(Content, { dangerouslySetInnerHTML: { __html: marked(packageOption.description) } }))),
-            ((_a = packageOption.link) === null || _a === void 0 ? void 0 : _a.url) && (React.createElement(Repeat, null,
-                React.createElement(ButtonInline, { as: "a", href: packageOption.link.url, target: "_blank", rel: "noopener noreferrer" }, packageOption.link.title
-                    ? packageOption.link.title
-                    : 'Läs mer (Öppnas i ett nytt fönster)'))),
-            packageOption.image && (React.createElement(Repeat, null,
-                React.createElement(LogoBox, { logo: packageOption.image, alt: "Logotyp", wide: true })))));
-    })));
+    return (React.createElement(React.Fragment, null, packageOptions.map((packageOption, index) => (React.createElement(ProductPageMainSection, { key: packageOption.title || index },
+        React.createElement(Repeat, null,
+            React.createElement(H2, { noMargin: true }, packageOption.title)),
+        packageOption.description && (React.createElement(Repeat, null,
+            React.createElement(Content, { dangerouslySetInnerHTML: { __html: marked(packageOption.description) } }))),
+        packageOption.link?.url && (React.createElement(Repeat, null,
+            React.createElement(ButtonInline, { as: "a", href: packageOption.link.url, target: "_blank", rel: "noopener noreferrer" }, packageOption.link.title
+                ? packageOption.link.title
+                : 'Läs mer (Öppnas i ett nytt fönster)'))),
+        packageOption.image && (React.createElement(Repeat, null,
+            React.createElement(LogoBox, { logo: packageOption.image, alt: "Logotyp", wide: true }))))))));
 };
 export default PackageOptions;

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

@@ -19,7 +19,6 @@ const MetadataCategory = ({ properties, subCategories }) => (React.createElement
     !!subCategories.length &&
         subCategories.map((subCategory, index) => (React.createElement(MetadataSubCategory, { name: subCategory.name, properties: subCategory.properties, key: `${subCategory.name}-${index}` })))));
 const PropertySet = ({ propertySet, vehicleData }) => {
-    var _a, _b;
     const [activeCategoryId, setActiveCategoryId] = useState(-1);
     const mappedProperties = useMemo(() => {
         if (!propertySet) {
@@ -33,20 +32,19 @@ const PropertySet = ({ propertySet, vehicleData }) => {
         return tree;
     }, [propertySet]);
     useEffect(() => {
-        var _a;
-        const categories = ((_a = mappedProperties === null || mappedProperties === void 0 ? void 0 : mappedProperties.categories) === null || _a === void 0 ? void 0 : _a.length) !== undefined ? mappedProperties === null || mappedProperties === void 0 ? void 0 : mappedProperties.categories : undefined;
+        const categories = mappedProperties?.categories?.length !== undefined ? mappedProperties?.categories : undefined;
         if (activeCategoryId < 0 && categories !== undefined && categories.length > 0) {
             setActiveCategoryId(categories[0].id);
         }
     }, [mappedProperties]);
     const onTab = useCallback((id) => setActiveCategoryId(parseInt(id, 10)), []);
-    const activeCategory = (_a = mappedProperties === null || mappedProperties === void 0 ? void 0 : mappedProperties.categories) === null || _a === void 0 ? void 0 : _a.find((category) => category.id === activeCategoryId);
+    const activeCategory = mappedProperties?.categories?.find((category) => category.id === activeCategoryId);
     return (React.createElement(React.Fragment, null,
         React.createElement(Repeat, null,
-            React.createElement(Tabs, { tabs: ((_b = mappedProperties === null || mappedProperties === void 0 ? void 0 : mappedProperties.categories) === null || _b === void 0 ? void 0 : _b.map((category) => ({
+            React.createElement(Tabs, { tabs: mappedProperties?.categories?.map((category) => ({
                     name: `${category.id}`,
                     displayName: category.name,
-                }))) || [], active: `${activeCategoryId}`, onClick: onTab })),
+                })) || [], active: `${activeCategoryId}`, onClick: onTab })),
         activeCategory && (React.createElement(Repeat, null,
             React.createElement(MetadataCategory, { properties: activeCategory.properties, subCategories: activeCategory.subCategories })))));
 };

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

@@ -19,7 +19,7 @@ const Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
             onClickSearchItem(id);
         }
     }, []);
-    if (!(response === null || response === void 0 ? void 0 : response.documentList.documents.length) || (response === null || response === void 0 ? void 0 : response.documentList.documents.length) === 0) {
+    if (!response?.documentList.documents.length || response?.documentList.documents.length === 0) {
         return null;
     }
     if (loading) {
@@ -34,8 +34,7 @@ const Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
                     React.createElement(H2, { noMargin: true }, "Senast inkomna")))),
             React.createElement(Repeat, null,
                 React.createElement(OverflowGrid, null,
-                    React.createElement(OverflowGridList, null, response === null || response === void 0 ? void 0 : response.documentList.documents.map((document) => {
-                        var _a, _b, _c;
+                    React.createElement(OverflowGridList, null, response?.documentList.documents.map((document) => {
                         const prefix = pathRoute ? `/${pathRoute}` : '/';
                         const r = regexPathGuid(pathRoute);
                         const pathRouteUrl = window.location.pathname === '/'
@@ -44,7 +43,7 @@ const Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
                                 ? window.location.pathname.replace(r, `${pathRoute}${document._id}`)
                                 : `${window.location.pathname}${prefix}${document._id}`;
                         return (React.createElement(OverflowGridItem, { key: document._id },
-                            React.createElement(ProductCard, { id: document._id, onClick: onItemClicked, title: document.title, href: pathRoute ? pathRouteUrl : hashRoute ? `#${document._id}` : undefined, image: (_c = (_b = (_a = document.featuredImage) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.url, description: document.shortDescription, uspList: [
+                            React.createElement(ProductCard, { id: document._id, onClick: onItemClicked, title: document.title, href: pathRoute ? pathRouteUrl : hashRoute ? `#${document._id}` : undefined, image: document.featuredImage?.files?.[0]?.url, description: document.shortDescription, uspList: [
                                     {
                                         title: document.modelYear,
                                     },

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;