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

package/dist-src/State/CentralStorage/useCentralStorage.js

@@ -2,20 +2,19 @@ import { useContext, useEffect } from 'react';
 import { CentralStorageContext } from './CentralStorageContext';
 import useSearchItemBranch from '../../hooks/useSearchItemBranch';
 const useCentralStorage = (vehicle) => {
-    var _a, _b;
     const { centralStorageId, setCentralStorageId } = useContext(CentralStorageContext);
-    const connections = (_a = vehicle === null || vehicle === void 0 ? void 0 : vehicle.branch) === null || _a === void 0 ? void 0 : _a.connections;
+    const connections = vehicle?.branch?.connections;
     const branchId = centralStorageId
-        ? (_b = connections === null || connections === void 0 ? void 0 : connections.find((x) => x.id === centralStorageId)) === null || _b === void 0 ? void 0 : _b.id
+        ? connections?.find((x) => x.id === centralStorageId)?.id
         : undefined;
-    const { data, loading } = useSearchItemBranch(vehicle === null || vehicle === void 0 ? void 0 : vehicle.id, branchId);
+    const { data, loading } = useSearchItemBranch(vehicle?.id, branchId);
     useEffect(() => {
-        if (((connections === null || connections === void 0 ? void 0 : connections.length) || 0) > 0) {
+        if ((connections?.length || 0) > 0) {
             const match = centralStorageId
-                ? connections === null || connections === void 0 ? void 0 : connections.find((x) => x.id === centralStorageId)
+                ? connections?.find((x) => x.id === centralStorageId)
                 : undefined;
             if (!match) {
-                const first = connections === null || connections === void 0 ? void 0 : connections[0];
+                const first = connections?.[0];
                 if (first) {
                     setCentralStorageId(first.id);
                 }
@@ -23,7 +22,7 @@ const useCentralStorage = (vehicle) => {
         }
     }, [connections]);
     return {
-        vehicle: ((connections === null || connections === void 0 ? void 0 : connections.length) || 0) > 0 ? data === null || data === void 0 ? void 0 : data.vehicle : vehicle,
+        vehicle: (connections?.length || 0) > 0 ? data?.vehicle : vehicle,
         loading,
     };
 };

package/dist-src/State/Path/PathProvider.js

@@ -34,7 +34,7 @@ const PathProvider = ({ children }) => {
         }
         dispatch({ type: SET_PATH, path });
     }, []);
-    const id = useMemo(() => { var _a; return (_a = state.path.match(regexGuidAnyWhere)) === null || _a === void 0 ? void 0 : _a.pop(); }, [state.path]);
+    const id = useMemo(() => state.path.match(regexGuidAnyWhere)?.pop(), [state.path]);
     const value = useMemo(() => ({
         ...state,
         previousPath,

package/dist-src/State/RelatedSearch/RelatedSearchProvider.js

@@ -3,7 +3,7 @@ import useFetch from '../../hooks/useFetch';
 import { RelatedSearchContext } from './RelatedSearchContext';
 const RelatedSearchProvider = ({ url, urlMlt, apiKey, children }) => {
     const [queryFilter, setQueryFilter] = useState();
-    const query = queryFilter === null || queryFilter === void 0 ? void 0 : queryFilter.searchParams.toString();
+    const query = queryFilter?.searchParams.toString();
     const { loading, data: response, error, } = useFetch(`${urlMlt || url}${query ? `?${query}` : ''}`, {
         headers: apiKey
             ? {

package/dist-src/State/Search/SearchProvider.js

@@ -29,7 +29,7 @@ const SearchProvider = ({ url, apiKey, useQueryParamsFromUrl, pathRoute, childre
                 'x-api-key': apiKey,
             }
             : {},
-    }, !initialize || !!(queryFilter === null || queryFilter === void 0 ? void 0 : queryFilter.block));
+    }, !initialize || !!queryFilter?.block);
     const popStateEvent = (event) => {
         const { currentTarget } = event;
         if (currentTarget) {
@@ -72,7 +72,7 @@ const SearchProvider = ({ url, apiKey, useQueryParamsFromUrl, pathRoute, childre
             const nextSearch = nextSearchParams.toString() ? `?${nextSearchParams}` : '';
             if (initialize) {
                 if (window.location.search.localeCompare(nextSearch) !== 0) {
-                    const _path = pathRoute === null || pathRoute === void 0 ? void 0 : pathRoute.replace(/^\/|\/$/g, '');
+                    const _path = pathRoute?.replace(/^\/|\/$/g, '');
                     const prefix = _path ? `/${_path}/` : '/';
                     const index = _path ? window.location.pathname.indexOf(prefix) : -1;
                     let pathname = window.location.pathname;
@@ -85,12 +85,11 @@ const SearchProvider = ({ url, apiKey, useQueryParamsFromUrl, pathRoute, childre
         }
     }, [queryFilter, initialize, useQueryParamsFromUrl]);
     useEffect(() => {
-        var _a;
         if (response) {
             if (!initialFacets && !useQueryParamsFromUrl) {
                 setInitialFacets(response.facets);
             }
-            if (useQueryParamsFromUrl && ((_a = response.query) === null || _a === void 0 ? void 0 : _a.parameters)) {
+            if (useQueryParamsFromUrl && response.query?.parameters) {
                 const nextSearchParams = new URLSearchParams(response.query.parameters);
                 nextSearchParams.delete('hits');
                 nextSearchParams.delete('offset');
@@ -103,7 +102,7 @@ const SearchProvider = ({ url, apiKey, useQueryParamsFromUrl, pathRoute, childre
                     });
                 }
             }
-            if (queryFilter === null || queryFilter === void 0 ? void 0 : queryFilter.concatResult) {
+            if (queryFilter?.concatResult) {
                 setDocuments([...(documents || []), ...(response.documentList.documents || [])]);
             }
             else {
@@ -122,10 +121,9 @@ const SearchProvider = ({ url, apiKey, useQueryParamsFromUrl, pathRoute, childre
         }
     }, [initialize]);
     const onLoadMore = useCallback(() => {
-        var _a;
         if (response) {
             setQueryFilter({
-                searchParams: new URLSearchParams((_a = response === null || response === void 0 ? void 0 : response.documentList.pagination.nextPage) === null || _a === void 0 ? void 0 : _a.query),
+                searchParams: new URLSearchParams(response?.documentList.pagination.nextPage?.query),
                 concatResult: true,
             });
         }
@@ -138,9 +136,8 @@ const SearchProvider = ({ url, apiKey, useQueryParamsFromUrl, pathRoute, childre
                 : _initialQueryParams;
             if (useQueryParamsFromUrl && _initialQueryParams) {
                 _initialQueryParams.forEach((value, key) => {
-                    var _a;
-                    if (!((_a = initialQueryParams === null || initialQueryParams === void 0 ? void 0 : initialQueryParams.getAll(key)) === null || _a === void 0 ? void 0 : _a.some((v) => v === value))) {
-                        initialQueryParams === null || initialQueryParams === void 0 ? void 0 : initialQueryParams.append(key, value);
+                    if (!initialQueryParams?.getAll(key)?.some((v) => v === value)) {
+                        initialQueryParams?.append(key, value);
                     }
                 });
             }

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

@@ -3,9 +3,8 @@ import ToggleItem from './toggle-item';
 import { formatPhonenumber } from '../../utils/phonenumbers';
 import PubSub from '../../utils/pubsub/pubsub';
 const ActionList = ({ contact, branch }) => {
-    var _a, _b;
-    const email = (contact === null || contact === void 0 ? void 0 : contact.email) || ((_a = branch === null || branch === void 0 ? void 0 : branch.contact) === null || _a === void 0 ? void 0 : _a.email);
-    const phonenumber = (contact === null || contact === void 0 ? void 0 : contact.phonenumber) || ((_b = branch === null || branch === void 0 ? void 0 : branch.contact) === null || _b === void 0 ? void 0 : _b.phonenumber);
+    const email = contact?.email || branch?.contact?.email;
+    const phonenumber = contact?.phonenumber || branch?.contact?.phonenumber;
     const onClickMailVisible = useCallback(() => PubSub.publish('MailVisible'), []);
     const onClickPhoneVisible = useCallback(() => PubSub.publish('PhonenumberVisible'), []);
     const onClickPhoneValue = useCallback(() => PubSub.publish('PhonenumberCall'), []);

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

@@ -6,7 +6,7 @@ const ChecklistItem = ({ label, onClick, active, radio }) => (React.createElemen
         active && React.createElement(ActionIcon, null, radio ? React.createElement(IconRadio, { block: true }) : React.createElement(IconCheck, { block: true })),
         React.createElement(ActionLabel, { className: active ? 'wayke__theme wayke__font--bold wayke__color--primary-text' : '' }, label))));
 const Checklist = ({ items, radio }) => {
-    if (!(items === null || items === void 0 ? void 0 : items.length)) {
+    if (!items?.length) {
         return null;
     }
     return (React.createElement(List, null, items.map((item) => (React.createElement(ChecklistItem, { key: item.label, label: item.label, onClick: item.onClick, active: item.active, radio: radio })))));

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

@@ -10,7 +10,7 @@ const ExtendContent = ({ children, actionTitle, onClick }) => {
         }
     }, []);
     const onRef = (ref) => {
-        const refHeight = (ref === null || ref === void 0 ? void 0 : ref.clientHeight) || 0;
+        const refHeight = ref?.clientHeight || 0;
         if (refHeight < 207) {
             setExtend(true);
         }

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

@@ -15,9 +15,8 @@ const isSelected = (f, searchParams) => {
     }
 };
 const Filter = ({ filterList }) => {
-    var _a;
     const { queryFilter, initialFacets, loading, response, onFilterUpdate } = useSearch();
-    const facets = response === null || response === void 0 ? void 0 : response.facets;
+    const facets = response?.facets;
     const [facet, setFacet] = useState();
     const onSelectFacet = useCallback((nextFacet) => setFacet(nextFacet), []);
     const onClose = useCallback(() => setFacet(undefined), []);
@@ -25,12 +24,16 @@ const Filter = ({ filterList }) => {
         return null;
     }
     const filterNames = filterList ? filterList.map((x) => x.filterName) : undefined;
-    const filteredFacets = (_a = facets === null || facets === void 0 ? void 0 : facets.filter((x) => x.id !== 'segment')) === null || _a === void 0 ? void 0 : _a.filter((f) => (filterNames ? filterNames.includes(f.id) : true)).sort((a, b) => filterNames
+    const filteredFacets = facets
+        ?.filter((x) => x.id !== 'segment')
+        ?.filter((f) => (filterNames ? filterNames.includes(f.id) : true))
+        .sort((a, b) => filterNames
         ? filterNames.indexOf(a.id) -
             filterNames.indexOf(b.id)
-        : 0).map((x) => {
-        const match = filterList === null || filterList === void 0 ? void 0 : filterList.find((y) => y.filterName === x.id);
-        if (match === null || match === void 0 ? void 0 : match.displayName) {
+        : 0)
+        .map((x) => {
+        const match = filterList?.find((y) => y.filterName === x.id);
+        if (match?.displayName) {
             return {
                 ...x,
                 displayName: match.displayName,
@@ -42,7 +45,7 @@ const Filter = ({ filterList }) => {
         };
     });
     return (React.createElement(React.Fragment, null,
-        initialFacets && facet && (React.createElement(FilterPanel, { filterList: filterList, facet: facet, loading: loading, filteredFacets: filteredFacets, numberOfHits: (response === null || response === void 0 ? void 0 : response.documentList.numberOfHits) || 0, onFilterUpdate: onFilterUpdate, onClose: onClose })),
+        initialFacets && facet && (React.createElement(FilterPanel, { filterList: filterList, facet: facet, loading: loading, filteredFacets: filteredFacets, numberOfHits: response?.documentList.numberOfHits || 0, onFilterUpdate: onFilterUpdate, onClose: onClose })),
         React.createElement(List, null, filteredFacets
             .filter((x) => x.filters.length)
             .map((f) => {

package/dist-src/components/FilterPanel/checkListFacet.js

@@ -23,7 +23,7 @@ const ChecklistFacet = ({ facet }) => {
                 .map((f) => ({
                 label: f.displayName,
                 onClick: () => onClick(f),
-                active: (selected === null || selected === void 0 ? void 0 : selected[f.displayName]) !== undefined ? selected[f.displayName] : f.selected,
+                active: selected?.[f.displayName] !== undefined ? selected[f.displayName] : f.selected,
             })) })));
 };
 export default ChecklistFacet;

package/dist-src/components/FilterPanel/colorFacet.js

@@ -22,7 +22,7 @@ const ColorSelectFacet = ({ facet }) => {
             .map((f) => ({
             label: f.displayName,
             onClick: () => onClick(f),
-            active: (selected === null || selected === void 0 ? void 0 : selected[f.displayName]) !== undefined ? selected[f.displayName] : f.selected,
+            active: selected?.[f.displayName] !== undefined ? selected[f.displayName] : f.selected,
             hex: [getHexColorFromDisplayName(f.displayName)],
         })) }));
 };

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

@@ -17,7 +17,7 @@ const FilterPanel = ({ facet, filteredFacets, numberOfHits, loading, onFilterUpd
                         React.createElement(ButtonContent, null, `Visa ${numberOfHits} ${numberOfHits === 1 ? 'bil' : 'bilar'}`))))) },
         React.createElement(Accordion, null, filteredFacets
             .filter((x) => x.filters.length)
-            .map((f) => (React.createElement(AccordionItem, { key: f.displayName, heading: f.displayName, isActive: f.id === (facet === null || facet === void 0 ? void 0 : facet.id) },
+            .map((f) => (React.createElement(AccordionItem, { key: f.displayName, heading: f.displayName, isActive: f.id === facet?.id },
             React.createElement(Repeat, null,
                 React.createElement(FacetSelector, { facet: f }))))))));
 };

package/dist-src/components/FilterPanel/rangeFacet.js

@@ -3,9 +3,9 @@ import RangeSlider from '../RangeSlider/index';
 import useSearch from '../../State/Search/useSearch';
 const getInitialValues = (domain, facet, searchParams) => {
     const facetMin = domain[0]; //parseInt(facet.filters[0].displayName, 10);
-    const _queryMin = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get(`${facet.id}.min`)) || null;
+    const _queryMin = searchParams?.get(`${facet.id}.min`) || null;
     const facetMax = domain[domain.length - 1]; //parseInt(facet.filters[facet.filters.length - 1].displayName, 10);
-    const _queryMax = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get(`${facet.id}.max`)) || null;
+    const _queryMax = searchParams?.get(`${facet.id}.max`) || null;
     const queryMin = parseInt(_queryMin === null ? `${facetMin}` : _queryMin, 10);
     const min = facetMin > queryMin ? facetMin : queryMin;
     const queryMax = parseInt(_queryMax === null ? `${facetMax}` : _queryMax, 10);
@@ -27,41 +27,39 @@ const getSteps = (initialAllValues) => {
     return initialAllValues;
 };
 const RangeFacet = ({ facet, unit, formatValues }) => {
-    var _a, _b, _c;
     const { loading, queryFilter, initialFacets, onFilterUpdate } = useSearch();
-    const initialFacet = initialFacets === null || initialFacets === void 0 ? void 0 : initialFacets.find((x) => x.id === facet.id);
-    const maxPrefix = (_b = (_a = initialFacet === null || initialFacet === void 0 ? void 0 : initialFacet.filters[(initialFacet === null || initialFacet === void 0 ? void 0 : initialFacet.filters.length) - 1]) === null || _a === void 0 ? void 0 : _a.displayName) === null || _b === void 0 ? void 0 : _b.includes('+');
+    const initialFacet = initialFacets?.find((x) => x.id === facet.id);
+    const maxPrefix = initialFacet?.filters[initialFacet?.filters.length - 1]?.displayName?.includes('+');
     const [state, setValues] = useState(undefined);
     useEffect(() => {
-        const _initialAllValues = (initialFacet === null || initialFacet === void 0 ? void 0 : initialFacet.filters.map((f) => parseInt(f.displayName.replace(/[\<\>+-]+/g, ''), 10))) || [1, 2];
+        const _initialAllValues = initialFacet?.filters.map((f) => parseInt(f.displayName.replace(/[\<\>+-]+/g, ''), 10)) || [1, 2];
         const _steps = getSteps(_initialAllValues);
         const domain = [_steps[0], _steps[_steps.length - 1]];
         setValues({
-            id: initialFacet === null || initialFacet === void 0 ? void 0 : initialFacet.id,
+            id: initialFacet?.id,
             steps: _steps,
             domain: [_steps[0], _steps[_steps.length - 1]],
-            values: (initialFacet === null || initialFacet === void 0 ? void 0 : initialFacet.filters.length)
+            values: initialFacet?.filters.length
                 ? getInitialValues(domain, initialFacet, queryFilter.searchParams)
                 : [0, 0],
         });
-    }, [initialFacet === null || initialFacet === void 0 ? void 0 : initialFacet.id]);
+    }, [initialFacet?.id]);
     useEffect(() => {
-        var _a, _b;
-        if (state === null || state === void 0 ? void 0 : state.id) {
-            const init = (initialFacet === null || initialFacet === void 0 ? void 0 : initialFacet.filters.length)
+        if (state?.id) {
+            const init = initialFacet?.filters.length
                 ? getInitialValues(state.domain, initialFacet, queryFilter.searchParams)
                 : [0, 0];
-            const minStr = (_a = queryFilter.searchParams) === null || _a === void 0 ? void 0 : _a.get(`${facet.id}.min`);
-            const maxStr = (_b = queryFilter.searchParams) === null || _b === void 0 ? void 0 : _b.get(`${facet.id}.max`);
+            const minStr = queryFilter.searchParams?.get(`${facet.id}.min`);
+            const maxStr = queryFilter.searchParams?.get(`${facet.id}.max`);
             const min = minStr ? parseFloat(minStr) : init[0];
             const max = maxStr ? parseFloat(maxStr) : init[1];
             if (min !== state.values[0] || max !== state.values[1]) {
                 onChange([min, max]);
             }
         }
-    }, [(_c = queryFilter.searchParams) === null || _c === void 0 ? void 0 : _c.toString()]);
+    }, [queryFilter.searchParams?.toString()]);
     const onChange = useCallback((nextValues) => {
-        if (state === null || state === void 0 ? void 0 : state.id) {
+        if (state?.id) {
             if (state.values[0] !== nextValues[0] || state.values[1] !== nextValues[1]) {
                 setValues({ ...state, values: nextValues.slice() });
                 const query = new URLSearchParams(queryFilter.searchParams);

package/dist-src/components/FinancialOptions/LoanModal.js

@@ -22,7 +22,6 @@ const stepGenerator = (step, max, steps = [], current) => {
     return stepGenerator(step, max, steps, nextCurrent);
 };
 const LoanModal = ({ id, financialOption, onClose }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     const [tmp, setTmp] = useState();
     const [extend, setExtend] = React.useState(false);
     const onToggleExtend = React.useCallback(() => {
@@ -32,60 +31,59 @@ const LoanModal = ({ id, financialOption, onClose }) => {
         setExtend(!extend);
     }, [extend]);
     const [variables, setVariables] = useState({
-        duration: (_a = financialOption.duration) === null || _a === void 0 ? void 0 : _a.current,
-        downPayment: (_b = financialOption.downPayment) === null || _b === void 0 ? void 0 : _b.current,
-        residual: (_c = financialOption.residual) === null || _c === void 0 ? void 0 : _c.current,
+        duration: financialOption.duration?.current,
+        downPayment: financialOption.downPayment?.current,
+        residual: financialOption.residual?.current,
     });
     const { duration, downPayment, residual } = variables;
     const { loading, data } = useLoanCalculation(id, duration, downPayment, residual);
     useEffect(() => {
-        var _a, _b, _c, _d, _e, _f;
         if (data) {
             setTmp(data);
             setVariables({
-                duration: ((_b = (_a = data === null || data === void 0 ? void 0 : data.loan) === null || _a === void 0 ? void 0 : _a.duration) === null || _b === void 0 ? void 0 : _b.current) || 0,
-                downPayment: ((_d = (_c = data === null || data === void 0 ? void 0 : data.loan) === null || _c === void 0 ? void 0 : _c.downPayment) === null || _d === void 0 ? void 0 : _d.current) || 0,
-                residual: ((_f = (_e = data === null || data === void 0 ? void 0 : data.loan) === null || _e === void 0 ? void 0 : _e.residual) === null || _f === void 0 ? void 0 : _f.current) || 0,
+                duration: data?.loan?.duration?.current || 0,
+                downPayment: data?.loan?.downPayment?.current || 0,
+                residual: data?.loan?.residual?.current || 0,
             });
         }
     }, [data]);
-    const loan = (data === null || data === void 0 ? void 0 : data.loan) || (tmp === null || tmp === void 0 ? void 0 : tmp.loan);
-    const downPaymentCurrent = ((_d = loan === null || loan === void 0 ? void 0 : loan.downPayment) === null || _d === void 0 ? void 0 : _d.current) || 0;
-    const downPaymentMin = ((_e = loan === null || loan === void 0 ? void 0 : loan.downPayment) === null || _e === void 0 ? void 0 : _e.min) || 0;
-    const downPaymentMax = ((_f = loan === null || loan === void 0 ? void 0 : loan.downPayment) === null || _f === void 0 ? void 0 : _f.max) || 0;
-    const downPaymentStep = ((_g = loan === null || loan === void 0 ? void 0 : loan.downPayment) === null || _g === void 0 ? void 0 : _g.step) || 0;
+    const loan = data?.loan || tmp?.loan;
+    const downPaymentCurrent = loan?.downPayment?.current || 0;
+    const downPaymentMin = loan?.downPayment?.min || 0;
+    const downPaymentMax = loan?.downPayment?.max || 0;
+    const downPaymentStep = loan?.downPayment?.step || 0;
     const downPaymentSteps = stepGenerator(downPaymentStep, downPaymentMax);
     const onDownPaymentChange = useCallback((values) => {
         PubSub.publish('FinanceInterest');
         setVariables({ ...variables, downPayment: values[0] });
     }, [variables]);
-    const durationCurrent = ((_h = loan === null || loan === void 0 ? void 0 : loan.duration) === null || _h === void 0 ? void 0 : _h.current) || 0;
-    const durationMin = ((_j = loan === null || loan === void 0 ? void 0 : loan.duration) === null || _j === void 0 ? void 0 : _j.min) || 0;
-    const durationMax = ((_k = loan === null || loan === void 0 ? void 0 : loan.duration) === null || _k === void 0 ? void 0 : _k.max) || 0;
-    const durationStep = ((_l = loan === null || loan === void 0 ? void 0 : loan.duration) === null || _l === void 0 ? void 0 : _l.step) || 0;
+    const durationCurrent = loan?.duration?.current || 0;
+    const durationMin = loan?.duration?.min || 0;
+    const durationMax = loan?.duration?.max || 0;
+    const durationStep = loan?.duration?.step || 0;
     const durationSteps = stepGenerator(durationStep, durationMax);
     const onDurationChange = useCallback((values) => {
         PubSub.publish('FinanceInterest');
         setVariables({ ...variables, duration: values[0] });
     }, [variables]);
-    const residualCurrent = (((_m = loan === null || loan === void 0 ? void 0 : loan.residual) === null || _m === void 0 ? void 0 : _m.current) || 0) * 100 || 0;
-    const residualMin = (((_o = loan === null || loan === void 0 ? void 0 : loan.residual) === null || _o === void 0 ? void 0 : _o.min) || 0) * 100 || 0;
-    const residualMax = (((_p = loan === null || loan === void 0 ? void 0 : loan.residual) === null || _p === void 0 ? void 0 : _p.max) || 0) * 100 || 0;
-    const residualStep = (((_q = loan === null || loan === void 0 ? void 0 : loan.residual) === null || _q === void 0 ? void 0 : _q.step) || 0) * 100 || 0;
+    const residualCurrent = (loan?.residual?.current || 0) * 100 || 0;
+    const residualMin = (loan?.residual?.min || 0) * 100 || 0;
+    const residualMax = (loan?.residual?.max || 0) * 100 || 0;
+    const residualStep = (loan?.residual?.step || 0) * 100 || 0;
     const residualSteps = stepGenerator(residualStep, residualMax);
     const onResidualChange = useCallback((values) => {
         PubSub.publish('FinanceInterest');
         setVariables({ ...variables, residual: values[0] / 100 });
     }, [variables]);
-    const interestText = (((loan === null || loan === void 0 ? void 0 : loan.interest) || 0) * 100).toFixed(2);
-    const effectiveInterestText = (((loan === null || loan === void 0 ? void 0 : loan.effectiveInterest) || 0) * 100).toFixed(2);
+    const interestText = ((loan?.interest || 0) * 100).toFixed(2);
+    const effectiveInterestText = ((loan?.effectiveInterest || 0) * 100).toFixed(2);
     return (React.createElement(Modal, { title: "L\u00E5nealternativ", onClose: onClose },
         React.createElement(Repeat, null,
             React.createElement(ContentLogo, null,
-                (financialOption === null || financialOption === void 0 ? void 0 : financialOption.description) && (React.createElement(ContentLogoText, null,
+                financialOption?.description && (React.createElement(ContentLogoText, null,
                     React.createElement(Content, null,
                         React.createElement("p", null, financialOption.description)))),
-                (financialOption === null || financialOption === void 0 ? void 0 : financialOption.image) && (React.createElement(ContentLogoMedia, null,
+                financialOption?.image && (React.createElement(ContentLogoMedia, null,
                     React.createElement(LogoBox, { logo: financialOption.image, alt: financialOption.name || 'Logotyp', wide: true }))))),
         React.createElement(Repeat, null,
             React.createElement(RepeatSmall, null,
@@ -97,7 +95,7 @@ const LoanModal = ({ id, financialOption, onClose }) => {
             React.createElement(RepeatSmall, null,
                 React.createElement(RepeatTiny, null,
                     React.createElement(Content, { small: true },
-                        React.createElement("p", null, `*Beräknat på ${interestText} % ränta (effektivt ${effectiveInterestText} %)${(loan === null || loan === void 0 ? void 0 : loan.mileage) !== null ? `och en årlig körsträcka om ${loan === null || loan === void 0 ? void 0 : loan.mileage} mil.` : ''}`)))),
+                        React.createElement("p", null, `*Beräknat på ${interestText} % ränta (effektivt ${effectiveInterestText} %)${loan?.mileage !== null ? `och en årlig körsträcka om ${loan?.mileage} mil.` : ''}`)))),
             React.createElement(RepeatSmall, null,
                 React.createElement(ButtonClear, { onClick: onToggleExtend, title: extend ? 'Visa mindre information' : 'Visa mer information' },
                     React.createElement(ButtonContent, null, extend ? 'Mindre information' : 'Mer information'))),
@@ -114,15 +112,15 @@ const LoanModal = ({ id, financialOption, onClose }) => {
                             },
                             {
                                 label: 'Uppläggningskostnad',
-                                value: `${numberSeparator((financialOption === null || financialOption === void 0 ? void 0 : financialOption.setupFee) || 0)} kr`,
+                                value: `${numberSeparator(financialOption?.setupFee || 0)} kr`,
                             },
                             {
                                 label: 'Administrativa avgifter',
-                                value: `${numberSeparator((financialOption === null || financialOption === void 0 ? void 0 : financialOption.administrationFee) || 0)} kr/mån`,
+                                value: `${numberSeparator(financialOption?.administrationFee || 0)} kr/mån`,
                             },
                             {
                                 label: 'Total kreditkostnad',
-                                value: `${numberSeparator((loan === null || loan === void 0 ? void 0 : loan.totalCreditCost) || 0)} kr`,
+                                value: `${numberSeparator(loan?.totalCreditCost || 0)} kr`,
                             },
                         ] }))))))));
 };

package/dist-src/components/FinancialOptions/leasing.js

@@ -25,11 +25,11 @@ const Leasing = ({ financialOption }) => {
                             },
                             {
                                 label: 'Bindningstid',
-                                value: `${duration === null || duration === void 0 ? void 0 : duration.current} månader`,
+                                value: `${duration?.current} månader`,
                             },
                             {
                                 label: 'Årlig körsträcka',
-                                value: `${numberSeparator((mileage === null || mileage === void 0 ? void 0 : mileage.current) || 0)} mil/år`,
+                                value: `${numberSeparator(mileage?.current || 0)} mil/år`,
                             },
                         ] }))))),
         React.createElement(OptionBox, null,
@@ -38,14 +38,14 @@ const Leasing = ({ financialOption }) => {
                 React.createElement("p", null,
                     "Privatleasing",
                     ' ',
-                    (mileage === null || mileage === void 0 ? void 0 : mileage.current) && (duration === null || duration === void 0 ? void 0 : duration.current) && (React.createElement(React.Fragment, null,
+                    mileage?.current && duration?.current && (React.createElement(React.Fragment, null,
                         React.createElement(UtilityTextPrimary, null,
-                            numberSeparator(mileage === null || mileage === void 0 ? void 0 : mileage.current),
+                            numberSeparator(mileage?.current),
                             " mil/\u00E5r"),
                         ' ',
                         "i ",
-                        React.createElement(UtilityTextPrimary, null, duration === null || duration === void 0 ? void 0 :
-                            duration.current,
+                        React.createElement(UtilityTextPrimary, null,
+                            duration?.current,
                             " m\u00E5n"),
                         ".",
                         ' '))),

package/dist-src/components/FinancialOptions/loan.js

@@ -7,14 +7,13 @@ import { numberSeparator } from '../../utils/formats';
 import useLoanCalculation from '../../hooks/useLoan';
 import LoanModal from './LoanModal';
 const Loan = ({ id, financialOption }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
     const [modal, setModal] = useState(false);
     const toggleModal = useCallback(() => setModal(!modal), [modal]);
-    const { data } = useLoanCalculation(id, (_a = financialOption.duration) === null || _a === void 0 ? void 0 : _a.current, (_b = financialOption.downPayment) === null || _b === void 0 ? void 0 : _b.current, (_c = financialOption.residual) === null || _c === void 0 ? void 0 : _c.current);
-    const interest = (_d = data === null || data === void 0 ? void 0 : data.loan) === null || _d === void 0 ? void 0 : _d.interest;
-    const duration = (_f = (_e = data === null || data === void 0 ? void 0 : data.loan) === null || _e === void 0 ? void 0 : _e.duration) === null || _f === void 0 ? void 0 : _f.current;
-    const monthlyCost = (_g = data === null || data === void 0 ? void 0 : data.loan) === null || _g === void 0 ? void 0 : _g.monthlyCost;
-    const logo = (financialOption === null || financialOption === void 0 ? void 0 : financialOption.logotype) || 'https://placehold.it/67x10';
+    const { data } = useLoanCalculation(id, financialOption.duration?.current, financialOption.downPayment?.current, financialOption.residual?.current);
+    const interest = data?.loan?.interest;
+    const duration = data?.loan?.duration?.current;
+    const monthlyCost = data?.loan?.monthlyCost;
+    const logo = financialOption?.logotype || 'https://placehold.it/67x10';
     // Skeleton?
     if (financialOption.loanAmount === undefined ||
         financialOption.loanAmount === null ||

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

@@ -28,8 +28,7 @@ const Gallery = ({ media, placeholderImage }) => {
     const [lightbox, setLightbox] = useState(false);
     const [navigationDisabled, setNavigationDisabled] = useState(false);
     const beforeChange = useCallback((_, newIndex) => {
-        var _a, _b;
-        const element = (_b = (_a = quickNavRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li')) === null || _b === void 0 ? void 0 : _b[newIndex];
+        const element = quickNavRef.current?.querySelectorAll('li')?.[newIndex];
         if (element) {
             scrollIntoView(element, { scrollMode: 'if-needed', block: 'nearest', inline: 'nearest' });
         }
@@ -47,7 +46,7 @@ const Gallery = ({ media, placeholderImage }) => {
     }, []);
     const onClick = useCallback(() => {
         PubSub.publish('ImagesClick');
-        if (!isDragging.current && !lightbox && !!(media === null || media === void 0 ? void 0 : media.length)) {
+        if (!isDragging.current && !lightbox && !!media?.length) {
             setLightbox(true);
         }
     }, [lightbox, media]);
@@ -82,20 +81,17 @@ const Gallery = ({ media, placeholderImage }) => {
         setNavigationDisabled(false);
     };
     const onToggleLightbox = useCallback(() => setLightbox(!lightbox), [lightbox]);
-    const mediaLength = (media === null || media === void 0 ? void 0 : media.length) || 0;
+    const mediaLength = media?.length || 0;
     const placeholder = useMemo(() => placeholderImage || DEFAULT_PLACEHOLDER_IMAGE, [placeholderImage]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Wrapper, null,
             React.createElement(Main, null,
                 React.createElement(SliderWrapper, { onMouseDown: onMouseDown, onMouseMove: onMouseMove, onClick: onClick },
-                    React.createElement(Slider, { ...sliderSettings, swipe: !navigationDisabled, touchMove: !navigationDisabled, swipeToSlide: !navigationDisabled, ref: slider, beforeChange: beforeChange }, !!(media === null || media === void 0 ? void 0 : media.length) ? (media.map((m, i) => {
-                        var _a;
-                        return (React.createElement(Item, { key: m.files[0].url || i },
-                            m.type === 'image' && (React.createElement(Image, { src: (_a = m.files[0].formats.filter(notEmpty).find((x) => x.format === '1170x')) === null || _a === void 0 ? void 0 : _a.url, alt: `Bild ${i + 1}` })),
-                            m.type === 'threesixty' && (React.createElement(ThreeSixty, { urls: m.files.map((x) => x.url), visible: i === index, onDisableNavigation: onDisableNavigation, navigationDisabled: navigationDisabled })),
-                            m.type === 'embedded' && React.createElement(EmbededVideo, { src: m.files[0].url, index: i + 1 }),
-                            m.type === 'sphere' && (React.createElement(Sphere, { visible: i === index, url: m.files[0].url, preview: m.files[0].url, onDisableNavigation: onDisableNavigation, navigationDisabled: navigationDisabled }))));
-                    })) : (React.createElement(Item, { key: placeholder },
+                    React.createElement(Slider, { ...sliderSettings, swipe: !navigationDisabled, touchMove: !navigationDisabled, swipeToSlide: !navigationDisabled, ref: slider, beforeChange: beforeChange }, !!media?.length ? (media.map((m, i) => (React.createElement(Item, { key: m.files[0].url || i },
+                        m.type === 'image' && (React.createElement(Image, { src: m.files[0].formats.filter(notEmpty).find((x) => x.format === '1170x')?.url, alt: `Bild ${i + 1}` })),
+                        m.type === 'threesixty' && (React.createElement(ThreeSixty, { urls: m.files.map((x) => x.url), visible: i === index, onDisableNavigation: onDisableNavigation, navigationDisabled: navigationDisabled })),
+                        m.type === 'embedded' && React.createElement(EmbededVideo, { src: m.files[0].url, index: i + 1 }),
+                        m.type === 'sphere' && (React.createElement(Sphere, { visible: i === index, url: m.files[0].url, preview: m.files[0].url, onDisableNavigation: onDisableNavigation, navigationDisabled: navigationDisabled })))))) : (React.createElement(Item, { key: placeholder },
                         React.createElement(Image, { src: placeholder, alt: `Bild 1` })))),
                     navigationDisabled && mediaLength > 1 && (React.createElement(EnableNavigationButton, null,
                         React.createElement(ButtonSecondary, { onClick: onEnableNavigation, title: "St\u00E4ng" },
@@ -106,9 +102,8 @@ const Gallery = ({ media, placeholderImage }) => {
                     React.createElement(ArrowRight, { onClick: nextImage, title: "N\u00E4sta bild" },
                         React.createElement(IconChevronRight, { block: true }))))),
             React.createElement(Alt, null,
-                React.createElement(QuickNav, { ref: quickNavRef }, !!(media === null || media === void 0 ? void 0 : media.length) ? (media.map((m, i) => {
-                    var _a;
-                    const src = ((_a = m.files[0].formats.filter(notEmpty).find((x) => x.format === '225x150')) === null || _a === void 0 ? void 0 : _a.url) ||
+                React.createElement(QuickNav, { ref: quickNavRef }, !!media?.length ? (media.map((m, i) => {
+                    const src = m.files[0].formats.filter(notEmpty).find((x) => x.format === '225x150')?.url ||
                         m.files[0].url;
                     return (React.createElement(QuickNavItem, { key: src || i, active: index === i },
                         React.createElement(QuickNavBtn, { onClick: () => goTo(i), title: `Gå till bild ${i + 1}` },
@@ -119,6 +114,6 @@ const Gallery = ({ media, placeholderImage }) => {
                 })) : (React.createElement(QuickNavItem, { key: placeholder, active: true },
                     React.createElement(QuickNavBtn, { onClick: () => goTo(0), title: `Gå till bild 0` },
                         React.createElement(QuickNavImg, { src: placeholder, alt: `Bild 1` }))))))),
-        lightbox && !!(media === null || media === void 0 ? void 0 : media.length) && (React.createElement(Lightbox, { media: media, index: index, onClose: onToggleLightbox }))));
+        lightbox && !!media?.length && (React.createElement(Lightbox, { media: media, index: index, onClose: onToggleLightbox }))));
 };
 export default Gallery;

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

@@ -3,8 +3,7 @@ import { Wrapper, List, Item } from './wrapper';
 import ProductCard from '../ProductCard/index';
 import { numberSeparator } from '../../utils/formats';
 const resolveImage = (document) => {
-    var _a, _b, _c;
-    const img = (_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;
+    const img = document.featuredImage?.files?.[0]?.url;
     if (img) {
         return `${img}?w=567&q=72`;
     }
@@ -16,7 +15,7 @@ const Grid = ({ documents, placeholderImage, hashRoute, pathRoute, onClickItem }
     }
     return (React.createElement(Wrapper, null,
         React.createElement(List, null, documents.map((document) => {
-            const _path = pathRoute === null || pathRoute === void 0 ? void 0 : pathRoute.replace(/^\/|\/$/g, '');
+            const _path = pathRoute?.replace(/^\/|\/$/g, '');
             const prefix = _path ? `/${_path}/` : '/';
             const pathRouteUrl = window.location.pathname === '/'
                 ? `${prefix}${document._id}`

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { Wrapper, Select, Option, Icon } from './wrapper';
 import { IconChevronDown } from '../Icon/index';
 const InputSelect = ({ value, options, onChange, unit, title }) => (React.createElement(Wrapper, null,
-    React.createElement(Select, { value: value, onChange: onChange, title: title, "aria-label": title }, options === null || options === void 0 ? void 0 : options.map((option) => (React.createElement(Option, { key: option.value, value: option.value },
+    React.createElement(Select, { value: value, onChange: onChange, title: title, "aria-label": title }, options?.map((option) => (React.createElement(Option, { key: option.value, value: option.value },
         option.displayName || option.value,
         unit ? ` ${unit}` : '')))),
     React.createElement(Icon, null,

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

@@ -8,7 +8,6 @@ import { marked } from 'marked';
 import { ButtonInline } from '../Button/index';
 import InsuranceFreeModal from './InsuranceFreeModal';
 const Insurance = ({ insuranceOptions }) => {
-    var _a, _b;
     const [modal, setModal] = useState(false);
     const toggleModal = useCallback(() => setModal(!modal), [modal]);
     if (!insuranceOptions.length) {
@@ -18,7 +17,7 @@ const Insurance = ({ insuranceOptions }) => {
         modal && React.createElement(InsuranceFreeModal, { onClose: toggleModal, insuranceOptions: insuranceOptions[0] }),
         React.createElement(Repeat, null,
             React.createElement(RepeatTiny, null,
-                React.createElement(VisualHeading, null, (_b = (_a = insuranceOptions[0]) === null || _a === void 0 ? void 0 : _a.insuranceHeader) !== null && _b !== void 0 ? _b : 'Försäkring')),
+                React.createElement(VisualHeading, null, insuranceOptions[0]?.insuranceHeader ?? 'Försäkring')),
             React.createElement(RepeatTiny, null,
                 React.createElement(React.Fragment, null, insuranceOptions.map((insuranceOption, index) => (React.createElement(OptionBox, { key: `${insuranceOption.url}-${index}`, logo: insuranceOption.logotype || undefined, logoAlt: insuranceOption.name || 'Logotyp' },
                     insuranceOption.description && (React.createElement(Content, { dangerouslySetInnerHTML: {