@wayke-se/components-react 3.0.0-beta.12 → 3.0.0-beta.13

package/dist/index.mjs

@@ -1,8 +1,13 @@
 var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // src/layouts/search/index.tsx
 import React31, { useEffect as useEffect6, useCallback as useCallback12, useMemo as useMemo2 } from "react";
@@ -774,16 +779,17 @@ var getTranslatedSortOptionDisplayName = (str) => {
 
 // src/components/Result/index.tsx
 var Result = ({ children }) => {
+  var _a;
   const { loading, response, documents, queryFilter, onLoadMore, onFilterUpdate } = useSearch_default();
   const onSortOptionChange = useCallback(
     (e) => onFilterUpdate(e.currentTarget.value),
     []
   );
-  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(
+  const numberOfDocuments = (documents == null ? void 0 : documents.length) || 0;
+  const numberOfHits = (response == null ? void 0 : response.documentList.numberOfHits) || 0;
+  const useSkeletons = !!(queryFilter == null ? void 0 : queryFilter.concatResult);
+  const selectedSortOption = (_a = response == null ? void 0 : response.documentList.sortOptions.find((x) => x.selected)) == null ? void 0 : _a.query;
+  const sortOptions = response == null ? void 0 : response.documentList.sortOptions.filter((x) => x.displayName !== "relevance").map(
     (so) => ({
       value: so.query,
       displayName: getTranslatedSortOptionDisplayName(so.displayName)
@@ -1342,7 +1348,7 @@ var ChecklistItem = ({ label, onClick, active, radio }) => /* @__PURE__ */ React
   className: active ? "wayke__theme wayke__font--bold wayke__color--primary-text" : ""
 }, label)));
 var Checklist = ({ items, radio }) => {
-  if (!items?.length) {
+  if (!(items == null ? void 0 : items.length)) {
     return null;
   }
   return /* @__PURE__ */ React11.createElement(List3, null, items.map((item) => /* @__PURE__ */ React11.createElement(ChecklistItem, {
@@ -1393,7 +1399,7 @@ var ChecklistFacet = ({ facet }) => {
     items: facet.filters.sort((a, b) => a.displayName.localeCompare(b.displayName)).map((f) => ({
       label: f.displayName,
       onClick: () => onClick(f),
-      active: selected?.[f.displayName] !== void 0 ? selected[f.displayName] : f.selected
+      active: (selected == null ? void 0 : selected[f.displayName]) !== void 0 ? selected[f.displayName] : f.selected
     }))
   }));
 };
@@ -1562,7 +1568,7 @@ var ColorSelectFacet = ({ facet }) => {
     items: facet.filters.sort((a, b) => a.displayName.localeCompare(b.displayName)).map((f) => ({
       label: f.displayName,
       onClick: () => onClick(f),
-      active: selected?.[f.displayName] !== void 0 ? selected[f.displayName] : f.selected,
+      active: (selected == null ? void 0 : selected[f.displayName]) !== void 0 ? selected[f.displayName] : f.selected,
       hex: [getHexColorFromDisplayName(f.displayName)]
     }))
   });
@@ -1777,9 +1783,9 @@ var RangeSlider_default = RangeSlider;
 // src/components/FilterPanel/rangeFacet.tsx
 var getInitialValues = (domain, facet, searchParams) => {
   const facetMin = domain[0];
-  const _queryMin = searchParams?.get(`${facet.id}.min`) || null;
+  const _queryMin = (searchParams == null ? void 0 : searchParams.get(`${facet.id}.min`)) || null;
   const facetMax = domain[domain.length - 1];
-  const _queryMax = searchParams?.get(`${facet.id}.max`) || null;
+  const _queryMax = (searchParams == null ? void 0 : 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);
@@ -1801,38 +1807,40 @@ var getSteps2 = (initialAllValues) => {
   return initialAllValues;
 };
 var RangeFacet = ({ facet, unit, formatValues }) => {
+  var _a, _b, _c;
   const { loading, queryFilter, initialFacets, onFilterUpdate } = useSearch_default();
-  const initialFacet = initialFacets?.find((x) => x.id === facet.id);
-  const maxPrefix = initialFacet?.filters[initialFacet?.filters.length - 1]?.displayName?.includes("+");
+  const initialFacet = initialFacets == null ? void 0 : initialFacets.find((x) => x.id === facet.id);
+  const maxPrefix = (_b = (_a = initialFacet == null ? void 0 : initialFacet.filters[(initialFacet == null ? void 0 : initialFacet.filters.length) - 1]) == null ? void 0 : _a.displayName) == null ? void 0 : _b.includes("+");
   const [state, setValues] = useState5(void 0);
   useEffect4(() => {
-    const _initialAllValues = initialFacet?.filters.map(
+    const _initialAllValues = (initialFacet == null ? void 0 : initialFacet.filters.map(
       (f) => parseInt(f.displayName.replace(/[\<\>+-]+/g, ""), 10)
-    ) || [1, 2];
+    )) || [1, 2];
     const _steps = getSteps2(_initialAllValues);
     const domain = [_steps[0], _steps[_steps.length - 1]];
     setValues({
-      id: initialFacet?.id,
+      id: initialFacet == null ? void 0 : initialFacet.id,
       steps: _steps,
       domain: [_steps[0], _steps[_steps.length - 1]],
-      values: initialFacet?.filters.length ? getInitialValues(domain, initialFacet, queryFilter.searchParams) : [0, 0]
+      values: (initialFacet == null ? void 0 : initialFacet.filters.length) ? getInitialValues(domain, initialFacet, queryFilter.searchParams) : [0, 0]
     });
-  }, [initialFacet?.id]);
+  }, [initialFacet == null ? void 0 : initialFacet.id]);
   useEffect4(() => {
-    if (state?.id) {
-      const init = initialFacet?.filters.length ? getInitialValues(state.domain, initialFacet, queryFilter.searchParams) : [0, 0];
-      const minStr = queryFilter.searchParams?.get(`${facet.id}.min`);
-      const maxStr = queryFilter.searchParams?.get(`${facet.id}.max`);
+    var _a2, _b2;
+    if (state == null ? void 0 : state.id) {
+      const init = (initialFacet == null ? void 0 : initialFacet.filters.length) ? getInitialValues(state.domain, initialFacet, queryFilter.searchParams) : [0, 0];
+      const minStr = (_a2 = queryFilter.searchParams) == null ? void 0 : _a2.get(`${facet.id}.min`);
+      const maxStr = (_b2 = queryFilter.searchParams) == null ? void 0 : _b2.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]);
       }
     }
-  }, [queryFilter.searchParams?.toString()]);
+  }, [(_c = queryFilter.searchParams) == null ? void 0 : _c.toString()]);
   const onChange = useCallback6(
     (nextValues) => {
-      if (state?.id) {
+      if (state == null ? void 0 : state.id) {
         if (state.values[0] !== nextValues[0] || state.values[1] !== nextValues[1]) {
           setValues({ ...state, values: nextValues.slice() });
           const query = new URLSearchParams(queryFilter.searchParams);
@@ -1937,7 +1945,7 @@ var FilterPanel = ({
   }, /* @__PURE__ */ React21.createElement(Accordion_default, null, filteredFacets.filter((x) => x.filters.length).map((f) => /* @__PURE__ */ React21.createElement(AccordionItem, {
     key: f.displayName,
     heading: f.displayName,
-    isActive: f.id === facet?.id
+    isActive: f.id === (facet == null ? void 0 : facet.id)
   }, /* @__PURE__ */ React21.createElement(Repeat, null, /* @__PURE__ */ React21.createElement(faceSelector_default, {
     facet: f
   }))))));
@@ -1956,8 +1964,9 @@ var isSelected = (f, searchParams) => {
   }
 };
 var Filter = ({ filterList }) => {
+  var _a;
   const { queryFilter, initialFacets, loading, response, onFilterUpdate } = useSearch_default();
-  const facets = response?.facets;
+  const facets = response == null ? void 0 : response.facets;
   const [facet, setFacet] = useState6();
   const onSelectFacet = useCallback8((nextFacet) => setFacet(nextFacet), []);
   const onClose = useCallback8(() => setFacet(void 0), []);
@@ -1965,11 +1974,11 @@ var Filter = ({ filterList }) => {
     return null;
   }
   const filterNames = filterList ? filterList.map((x) => x.filterName) : void 0;
-  const filteredFacets = facets?.filter((x) => x.id !== "segment")?.filter((f) => filterNames ? filterNames.includes(f.id) : true).sort(
+  const filteredFacets = (_a = facets == null ? void 0 : facets.filter((x) => x.id !== "segment")) == null ? void 0 : _a.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?.find((y) => y.filterName === x.id);
-    if (match?.displayName) {
+    const match = filterList == null ? void 0 : filterList.find((y) => y.filterName === x.id);
+    if (match == null ? void 0 : match.displayName) {
       return {
         ...x,
         displayName: match.displayName
@@ -1985,7 +1994,7 @@ var Filter = ({ filterList }) => {
     facet,
     loading,
     filteredFacets,
-    numberOfHits: response?.documentList.numberOfHits || 0,
+    numberOfHits: (response == null ? void 0 : response.documentList.numberOfHits) || 0,
     onFilterUpdate,
     onClose
   }), /* @__PURE__ */ React22.createElement(List, null, filteredFacets.filter((x) => x.filters.length).map((f) => {
@@ -2345,7 +2354,8 @@ var ProductCard_default = ProductCard;
 
 // src/components/Grid/index.tsx
 var resolveImage = (document2) => {
-  const img = document2.featuredImage?.files?.[0]?.url;
+  var _a, _b, _c;
+  const img = (_c = (_b = (_a = document2.featuredImage) == null ? void 0 : _a.files) == null ? void 0 : _b[0]) == null ? void 0 : _c.url;
   if (img) {
     return `${img}?w=567&q=72`;
   }
@@ -2356,7 +2366,7 @@ var Grid = ({ documents, placeholderImage, hashRoute, pathRoute, onClickItem })
     return null;
   }
   return /* @__PURE__ */ React25.createElement(Wrapper8, null, /* @__PURE__ */ React25.createElement(List5, null, documents.map((document2) => {
-    const _path = pathRoute?.replace(/^\/|\/$/g, "");
+    const _path = pathRoute == null ? void 0 : pathRoute.replace(/^\/|\/$/g, "");
     const prefix = _path ? `/${_path}/` : "/";
     const pathRouteUrl = window.location.pathname === "/" ? `${prefix}${document2._id}` : `${window.location.pathname}${prefix}${document2._id}`;
     return /* @__PURE__ */ React25.createElement(Item5, {
@@ -2755,7 +2765,7 @@ var Snackbar_default = Snackbar;
 var _PubSub = class {
 };
 var PubSub = _PubSub;
-PubSub.events = {
+__publicField(PubSub, "events", {
   HashRouteChange: [],
   ItemClicked: [],
   EcomOnInit: [],
@@ -2769,13 +2779,13 @@ PubSub.events = {
   InsuranceInterest: [],
   FinanceInterest: [],
   All: []
-};
-PubSub.actions = {
+});
+__publicField(PubSub, "actions", {
   onFilterUpdate: [],
   All: []
-};
-PubSub.subscribeAction = (event) => _PubSub.actions[event.actionName].push(event);
-PubSub.unsubscribeAction = (event) => {
+});
+__publicField(PubSub, "subscribeAction", (event) => _PubSub.actions[event.actionName].push(event));
+__publicField(PubSub, "unsubscribeAction", (event) => {
   if (_PubSub.actions[event.actionName]) {
     for (let i = 0; i < _PubSub.actions[event.actionName].length; i++) {
       if (_PubSub.actions[event.actionName][i] === event) {
@@ -2784,8 +2794,8 @@ PubSub.unsubscribeAction = (event) => {
       }
     }
   }
-};
-PubSub.publishAction = (eventName, ...args) => {
+});
+__publicField(PubSub, "publishAction", (eventName, ...args) => {
   if (_PubSub.actions.All) {
     _PubSub.events.All.forEach((event) => event.callback(eventName, args));
   }
@@ -2800,9 +2810,9 @@ PubSub.publishAction = (eventName, ...args) => {
       }
     });
   }
-};
-PubSub.subscribe = (event) => _PubSub.events[event.eventName].push(event);
-PubSub.unsubscribe = (event) => {
+});
+__publicField(PubSub, "subscribe", (event) => _PubSub.events[event.eventName].push(event));
+__publicField(PubSub, "unsubscribe", (event) => {
   if (_PubSub.events[event.eventName]) {
     for (let i = 0; i < _PubSub.events[event.eventName].length; i++) {
       if (_PubSub.events[event.eventName][i] === event) {
@@ -2811,8 +2821,8 @@ PubSub.unsubscribe = (event) => {
       }
     }
   }
-};
-PubSub.publish = (eventName, ...args) => {
+});
+__publicField(PubSub, "publish", (eventName, ...args) => {
   if (_PubSub.events.All) {
     _PubSub.events.All.forEach((event) => event.callback(eventName, args));
   }
@@ -2844,7 +2854,7 @@ PubSub.publish = (eventName, ...args) => {
       }
     });
   }
-};
+});
 var pubsub_default = PubSub;
 
 // src/layouts/search/index.tsx
@@ -3171,7 +3181,7 @@ var ExtendContent = ({ children, actionTitle, onClick }) => {
     }
   }, []);
   const onRef = (ref) => {
-    const refHeight = ref?.clientHeight || 0;
+    const refHeight = (ref == null ? void 0 : ref.clientHeight) || 0;
     if (refHeight < 207) {
       setExtend(true);
     }
@@ -3603,12 +3613,12 @@ var getYoutubeThumbnail = (url) => {
   };
 };
 var onImageLoad = (e, thumbnail) => {
-  if (thumbnail?.length === 2 && e.currentTarget.src === thumbnail[0] && e.currentTarget.naturalWidth === 120 && e.currentTarget.naturalHeight === 90) {
+  if ((thumbnail == null ? void 0 : thumbnail.length) === 2 && e.currentTarget.src === thumbnail[0] && e.currentTarget.naturalWidth === 120 && e.currentTarget.naturalHeight === 90) {
     e.currentTarget.src = thumbnail[1];
   }
 };
 var onImageError = (e, thumbnail) => {
-  if (thumbnail?.length === 2) {
+  if ((thumbnail == null ? void 0 : thumbnail.length) === 2) {
     e.currentTarget.src = thumbnail[1];
   }
 };
@@ -4182,7 +4192,7 @@ var Lightbox = ({ index, media, onClose }) => {
     }
   };
   return /* @__PURE__ */ React47.createElement(Wrapper18, {
-    ref: (ref) => ref?.focus(),
+    ref: (ref) => ref == null ? void 0 : ref.focus(),
     onKeyDown,
     tabIndex: 0
   }, /* @__PURE__ */ React47.createElement(UiBlock2, {
@@ -4222,7 +4232,7 @@ import { useEffect as useEffect10, useState as useState13 } from "react";
 // src/hooks/useFetch.ts
 import { useEffect as useEffect9, useState as useState12, useCallback as useCallback15 } from "react";
 var cache = {};
-var getCachedResult = (key) => cache?.[key] || void 0;
+var getCachedResult = (key) => (cache == null ? void 0 : cache[key]) || void 0;
 var setCachedResult = (key, value) => {
   cache[key] = value;
 };
@@ -4293,7 +4303,7 @@ var useVimeoThumbnail = (id, small) => {
     true
   );
   useEffect10(() => {
-    if (data?.[0]) {
+    if (data == null ? void 0 : data[0]) {
       if (small && data[0].thumbnail_small) {
         setThumbnail(data[0].thumbnail_small);
       } else if (data[0].thumbnail_large) {
@@ -4307,7 +4317,7 @@ var useVimeoThumbnail_default = useVimeoThumbnail;
 
 // src/components/Video/useThumbnail.ts
 var useThumbnail = (url, small) => {
-  if (url?.toLowerCase().endsWith(".mp4"))
+  if (url == null ? void 0 : url.toLowerCase().endsWith(".mp4"))
     return;
   const [thumbnail, setThumbnail] = useState14();
   const vimeoId = url ? getVimeoId(url) : void 0;
@@ -4483,7 +4493,7 @@ var GalleryEmbed = ({ src, index }) => {
     [thumbnail]
   );
   const customVideo = src.toLowerCase().endsWith(".mp4");
-  if (thumbnail?.length && !customVideo) {
+  if ((thumbnail == null ? void 0 : thumbnail.length) && !customVideo) {
     return /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(ImageFull, {
       onLoad,
       src: thumbnail[0],
@@ -4530,8 +4540,8 @@ var QuickNavEmbeded = ({ src, index }) => {
     (e) => onImageLoad(e, thumbnail),
     [thumbnail]
   );
-  const customVideo = src?.toLowerCase().endsWith(".mp4");
-  if (thumbnail?.length && !customVideo)
+  const customVideo = src == null ? void 0 : src.toLowerCase().endsWith(".mp4");
+  if ((thumbnail == null ? void 0 : thumbnail.length) && !customVideo)
     return /* @__PURE__ */ React50.createElement(QuickNavImg, {
       onLoad,
       src: thumbnail[0],
@@ -4628,7 +4638,8 @@ var Gallery = ({ media, placeholderImage }) => {
   const [lightbox, setLightbox] = useState16(false);
   const [navigationDisabled, setNavigationDisabled] = useState16(false);
   const beforeChange = useCallback18((_, newIndex) => {
-    const element = quickNavRef.current?.querySelectorAll("li")?.[newIndex];
+    var _a, _b;
+    const element = (_b = (_a = quickNavRef.current) == null ? void 0 : _a.querySelectorAll("li")) == null ? void 0 : _b[newIndex];
     if (element) {
       scrollIntoView(element, { scrollMode: "if-needed", block: "nearest", inline: "nearest" });
     }
@@ -4646,7 +4657,7 @@ var Gallery = ({ media, placeholderImage }) => {
   }, []);
   const onClick = useCallback18(() => {
     pubsub_default.publish("ImagesClick");
-    if (!isDragging.current && !lightbox && !!media?.length) {
+    if (!isDragging.current && !lightbox && !!(media == null ? void 0 : media.length)) {
       setLightbox(true);
     }
   }, [lightbox, media]);
@@ -4681,7 +4692,7 @@ var Gallery = ({ media, placeholderImage }) => {
     setNavigationDisabled(false);
   };
   const onToggleLightbox = useCallback18(() => setLightbox(!lightbox), [lightbox]);
-  const mediaLength = media?.length || 0;
+  const mediaLength = (media == null ? void 0 : media.length) || 0;
   const placeholder = useMemo3(
     () => placeholderImage || DEFAULT_PLACEHOLDER_IMAGE,
     [placeholderImage]
@@ -4697,26 +4708,29 @@ var Gallery = ({ media, placeholderImage }) => {
     swipeToSlide: !navigationDisabled,
     ref: slider,
     beforeChange
-  }, !!media?.length ? media.map((m, i) => /* @__PURE__ */ React53.createElement(Item8, {
-    key: m.files[0].url || i
-  }, m.type === "image" && /* @__PURE__ */ React53.createElement(Image2, {
-    src: m.files[0].formats.filter(notEmpty).find((x) => x.format === "1170x")?.url,
-    alt: `Bild ${i + 1}`
-  }), m.type === "threesixty" && /* @__PURE__ */ React53.createElement(ThreeSixty_default, {
-    urls: m.files.map((x) => x.url),
-    visible: i === index,
-    onDisableNavigation,
-    navigationDisabled
-  }), m.type === "embedded" && /* @__PURE__ */ React53.createElement(EmbededVideo_default, {
-    src: m.files[0].url,
-    index: i + 1
-  }), m.type === "sphere" && /* @__PURE__ */ React53.createElement(Sphere_default, {
-    visible: i === index,
-    url: m.files[0].url,
-    preview: m.files[0].url,
-    onDisableNavigation,
-    navigationDisabled
-  }))) : /* @__PURE__ */ React53.createElement(Item8, {
+  }, !!(media == null ? void 0 : media.length) ? media.map((m, i) => {
+    var _a;
+    return /* @__PURE__ */ React53.createElement(Item8, {
+      key: m.files[0].url || i
+    }, m.type === "image" && /* @__PURE__ */ React53.createElement(Image2, {
+      src: (_a = m.files[0].formats.filter(notEmpty).find((x) => x.format === "1170x")) == null ? void 0 : _a.url,
+      alt: `Bild ${i + 1}`
+    }), m.type === "threesixty" && /* @__PURE__ */ React53.createElement(ThreeSixty_default, {
+      urls: m.files.map((x) => x.url),
+      visible: i === index,
+      onDisableNavigation,
+      navigationDisabled
+    }), m.type === "embedded" && /* @__PURE__ */ React53.createElement(EmbededVideo_default, {
+      src: m.files[0].url,
+      index: i + 1
+    }), m.type === "sphere" && /* @__PURE__ */ React53.createElement(Sphere_default, {
+      visible: i === index,
+      url: m.files[0].url,
+      preview: m.files[0].url,
+      onDisableNavigation,
+      navigationDisabled
+    }));
+  }) : /* @__PURE__ */ React53.createElement(Item8, {
     key: placeholder
   }, /* @__PURE__ */ React53.createElement(Image2, {
     src: placeholder,
@@ -4736,8 +4750,9 @@ var Gallery = ({ media, placeholderImage }) => {
     block: true
   })))), /* @__PURE__ */ React53.createElement(Alt, null, /* @__PURE__ */ React53.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;
+  }, !!(media == null ? 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 ? void 0 : _a.url) || m.files[0].url;
     return /* @__PURE__ */ React53.createElement(QuickNavItem, {
       key: src || i,
       active: index === i
@@ -4766,7 +4781,7 @@ var Gallery = ({ media, placeholderImage }) => {
   }, /* @__PURE__ */ React53.createElement(QuickNavImg, {
     src: placeholder,
     alt: `Bild 1`
-  })))))), lightbox && !!media?.length && /* @__PURE__ */ React53.createElement(Lightbox_default, {
+  })))))), lightbox && !!(media == null ? void 0 : media.length) && /* @__PURE__ */ React53.createElement(Lightbox_default, {
     media,
     index,
     onClose: onToggleLightbox
@@ -5226,14 +5241,14 @@ var Leasing = ({ financialOption }) => {
       },
       {
         label: "Bindningstid",
-        value: `${duration?.current} m\xE5nader`
+        value: `${duration == null ? void 0 : duration.current} m\xE5nader`
       },
       {
         label: "\xC5rlig k\xF6rstr\xE4cka",
-        value: `${numberSeparator(mileage?.current || 0)} mil/\xE5r`
+        value: `${numberSeparator((mileage == null ? void 0 : mileage.current) || 0)} mil/\xE5r`
       }
     ]
-  })))), /* @__PURE__ */ React56.createElement(OptionBox_default, null, /* @__PURE__ */ React56.createElement(React56.Fragment, null, monthlyCost !== null && monthlyCost !== void 0 && /* @__PURE__ */ React56.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/m\xE5n`)), /* @__PURE__ */ React56.createElement(OptionBoxContent, null, /* @__PURE__ */ React56.createElement("p", null, "Privatleasing", " ", mileage?.current && duration?.current && /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(UtilityTextPrimary, null, numberSeparator(mileage?.current), " mil/\xE5r"), " ", "i ", /* @__PURE__ */ React56.createElement(UtilityTextPrimary, null, duration?.current, " m\xE5n"), ".", " ")), /* @__PURE__ */ React56.createElement("p", null, /* @__PURE__ */ React56.createElement(ButtonInline, {
+  })))), /* @__PURE__ */ React56.createElement(OptionBox_default, null, /* @__PURE__ */ React56.createElement(React56.Fragment, null, monthlyCost !== null && monthlyCost !== void 0 && /* @__PURE__ */ React56.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/m\xE5n`)), /* @__PURE__ */ React56.createElement(OptionBoxContent, null, /* @__PURE__ */ React56.createElement("p", null, "Privatleasing", " ", (mileage == null ? void 0 : mileage.current) && (duration == null ? void 0 : duration.current) && /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(UtilityTextPrimary, null, numberSeparator(mileage == null ? void 0 : mileage.current), " mil/\xE5r"), " ", "i ", /* @__PURE__ */ React56.createElement(UtilityTextPrimary, null, duration == null ? void 0 : duration.current, " m\xE5n"), ".", " ")), /* @__PURE__ */ React56.createElement("p", null, /* @__PURE__ */ React56.createElement(ButtonInline, {
     onClick: toggleModal
   }, "L\xE4s mer")))));
 };
@@ -5431,7 +5446,7 @@ var SliderWithLabel = ({
   }, [loading]);
   return /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(RepeatTiny, null, /* @__PURE__ */ React59.createElement(RangeSliderLabel_default, {
     label,
-    value: `${numberSeparator(local?.[0] || values[0])}${unit ? ` ${unit}` : ""}`
+    value: `${numberSeparator((local == null ? void 0 : local[0]) || values[0])}${unit ? ` ${unit}` : ""}`
   })), /* @__PURE__ */ React59.createElement(RepeatTiny, null, /* @__PURE__ */ React59.createElement(RangeSliderSimple_default, {
     loading,
     values,
@@ -5457,6 +5472,7 @@ var stepGenerator = (step, max, steps = [], current) => {
   return stepGenerator(step, max, steps, nextCurrent);
 };
 var LoanModal = ({ id, financialOption, onClose }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const [tmp, setTmp] = useState19();
   const [extend, setExtend] = React60.useState(false);
   const onToggleExtend = React60.useCallback(() => {
@@ -5466,27 +5482,28 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     setExtend(!extend);
   }, [extend]);
   const [variables, setVariables] = useState19({
-    duration: financialOption.duration?.current,
-    downPayment: financialOption.downPayment?.current,
-    residual: financialOption.residual?.current
+    duration: (_a = financialOption.duration) == null ? void 0 : _a.current,
+    downPayment: (_b = financialOption.downPayment) == null ? void 0 : _b.current,
+    residual: (_c = financialOption.residual) == null ? void 0 : _c.current
   });
   const { duration, downPayment, residual } = variables;
   const { loading, data } = useLoan_default(id, duration, downPayment, residual);
   useEffect13(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
     if (data) {
       setTmp(data);
       setVariables({
-        duration: data?.loan?.duration?.current || 0,
-        downPayment: data?.loan?.downPayment?.current || 0,
-        residual: data?.loan?.residual?.current || 0
+        duration: ((_b2 = (_a2 = data == null ? void 0 : data.loan) == null ? void 0 : _a2.duration) == null ? void 0 : _b2.current) || 0,
+        downPayment: ((_d2 = (_c2 = data == null ? void 0 : data.loan) == null ? void 0 : _c2.downPayment) == null ? void 0 : _d2.current) || 0,
+        residual: ((_f2 = (_e2 = data == null ? void 0 : data.loan) == null ? void 0 : _e2.residual) == null ? void 0 : _f2.current) || 0
       });
     }
   }, [data]);
-  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 loan = (data == null ? void 0 : data.loan) || (tmp == null ? void 0 : tmp.loan);
+  const downPaymentCurrent = ((_d = loan == null ? void 0 : loan.downPayment) == null ? void 0 : _d.current) || 0;
+  const downPaymentMin = ((_e = loan == null ? void 0 : loan.downPayment) == null ? void 0 : _e.min) || 0;
+  const downPaymentMax = ((_f = loan == null ? void 0 : loan.downPayment) == null ? void 0 : _f.max) || 0;
+  const downPaymentStep = ((_g = loan == null ? void 0 : loan.downPayment) == null ? void 0 : _g.step) || 0;
   const downPaymentSteps = stepGenerator(downPaymentStep, downPaymentMax);
   const onDownPaymentChange = useCallback21(
     (values) => {
@@ -5495,10 +5512,10 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     },
     [variables]
   );
-  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 durationCurrent = ((_h = loan == null ? void 0 : loan.duration) == null ? void 0 : _h.current) || 0;
+  const durationMin = ((_i = loan == null ? void 0 : loan.duration) == null ? void 0 : _i.min) || 0;
+  const durationMax = ((_j = loan == null ? void 0 : loan.duration) == null ? void 0 : _j.max) || 0;
+  const durationStep = ((_k = loan == null ? void 0 : loan.duration) == null ? void 0 : _k.step) || 0;
   const durationSteps = stepGenerator(durationStep, durationMax);
   const onDurationChange = useCallback21(
     (values) => {
@@ -5507,10 +5524,10 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     },
     [variables]
   );
-  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 residualCurrent = (((_l = loan == null ? void 0 : loan.residual) == null ? void 0 : _l.current) || 0) * 100 || 0;
+  const residualMin = (((_m = loan == null ? void 0 : loan.residual) == null ? void 0 : _m.min) || 0) * 100 || 0;
+  const residualMax = (((_n = loan == null ? void 0 : loan.residual) == null ? void 0 : _n.max) || 0) * 100 || 0;
+  const residualStep = (((_o = loan == null ? void 0 : loan.residual) == null ? void 0 : _o.step) || 0) * 100 || 0;
   const residualSteps = stepGenerator(residualStep, residualMax);
   const onResidualChange = useCallback21(
     (values) => {
@@ -5519,12 +5536,12 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     },
     [variables]
   );
-  const interestText = ((loan?.interest || 0) * 100).toFixed(2);
-  const effectiveInterestText = ((loan?.effectiveInterest || 0) * 100).toFixed(2);
+  const interestText = (((loan == null ? void 0 : loan.interest) || 0) * 100).toFixed(2);
+  const effectiveInterestText = (((loan == null ? void 0 : loan.effectiveInterest) || 0) * 100).toFixed(2);
   return /* @__PURE__ */ React60.createElement(Modal_default, {
     title: "L\xE5nealternativ",
     onClose
-  }, /* @__PURE__ */ React60.createElement(Repeat, null, /* @__PURE__ */ React60.createElement(ContentLogo, null, financialOption?.description && /* @__PURE__ */ React60.createElement(ContentLogoText, null, /* @__PURE__ */ React60.createElement(Content_default, null, /* @__PURE__ */ React60.createElement("p", null, financialOption.description))), financialOption?.image && /* @__PURE__ */ React60.createElement(ContentLogoMedia, null, /* @__PURE__ */ React60.createElement(LogoBox_default, {
+  }, /* @__PURE__ */ React60.createElement(Repeat, null, /* @__PURE__ */ React60.createElement(ContentLogo, null, (financialOption == null ? void 0 : financialOption.description) && /* @__PURE__ */ React60.createElement(ContentLogoText, null, /* @__PURE__ */ React60.createElement(Content_default, null, /* @__PURE__ */ React60.createElement("p", null, financialOption.description))), (financialOption == null ? void 0 : financialOption.image) && /* @__PURE__ */ React60.createElement(ContentLogoMedia, null, /* @__PURE__ */ React60.createElement(LogoBox_default, {
     logo: financialOption.image,
     alt: financialOption.name || "Logotyp",
     wide: true
@@ -5555,7 +5572,7 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     onChange: onResidualChange
   })), /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(RepeatTiny, null, /* @__PURE__ */ React60.createElement(Content_default, {
     small: true
-  }, /* @__PURE__ */ React60.createElement("p", null, `*Ber\xE4knat p\xE5 ${interestText} % r\xE4nta (effektivt ${effectiveInterestText} %)${loan?.mileage !== null ? `och en \xE5rlig k\xF6rstr\xE4cka om ${loan?.mileage} mil.` : ""}`)))), /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(ButtonClear, {
+  }, /* @__PURE__ */ React60.createElement("p", null, `*Ber\xE4knat p\xE5 ${interestText} % r\xE4nta (effektivt ${effectiveInterestText} %)${(loan == null ? void 0 : loan.mileage) !== null ? `och en \xE5rlig k\xF6rstr\xE4cka om ${loan == null ? void 0 : loan.mileage} mil.` : ""}`)))), /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(ButtonClear, {
     onClick: onToggleExtend,
     title: extend ? "Visa mindre information" : "Visa mer information"
   }, /* @__PURE__ */ React60.createElement(ButtonContent, null, extend ? "Mindre information" : "Mer information"))), /* @__PURE__ */ React60.createElement(React60.Fragment, null, extend && /* @__PURE__ */ React60.createElement(ModalFoldout, null, /* @__PURE__ */ React60.createElement(ModalFoldoutBody, null, /* @__PURE__ */ React60.createElement(DataList_default, {
@@ -5570,15 +5587,15 @@ var LoanModal = ({ id, financialOption, onClose }) => {
       },
       {
         label: "Uppl\xE4ggningskostnad",
-        value: `${numberSeparator(financialOption?.setupFee || 0)} kr`
+        value: `${numberSeparator((financialOption == null ? void 0 : financialOption.setupFee) || 0)} kr`
       },
       {
         label: "Administrativa avgifter",
-        value: `${numberSeparator(financialOption?.administrationFee || 0)} kr/m\xE5n`
+        value: `${numberSeparator((financialOption == null ? void 0 : financialOption.administrationFee) || 0)} kr/m\xE5n`
       },
       {
         label: "Total kreditkostnad",
-        value: `${numberSeparator(loan?.totalCreditCost || 0)} kr`
+        value: `${numberSeparator((loan == null ? void 0 : loan.totalCreditCost) || 0)} kr`
       }
     ]
   }))))));
@@ -5587,18 +5604,19 @@ var LoanModal_default = LoanModal;
 
 // src/components/FinancialOptions/loan.tsx
 var Loan = ({ id, financialOption }) => {
+  var _a, _b, _c, _d, _e, _f, _g;
   const [modal, setModal] = useState20(false);
   const toggleModal = useCallback22(() => setModal(!modal), [modal]);
   const { data } = useLoan_default(
     id,
-    financialOption.duration?.current,
-    financialOption.downPayment?.current,
-    financialOption.residual?.current
+    (_a = financialOption.duration) == null ? void 0 : _a.current,
+    (_b = financialOption.downPayment) == null ? void 0 : _b.current,
+    (_c = financialOption.residual) == null ? void 0 : _c.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";
+  const interest = (_d = data == null ? void 0 : data.loan) == null ? void 0 : _d.interest;
+  const duration = (_f = (_e = data == null ? void 0 : data.loan) == null ? void 0 : _e.duration) == null ? void 0 : _f.current;
+  const monthlyCost = (_g = data == null ? void 0 : data.loan) == null ? void 0 : _g.monthlyCost;
+  const logo = (financialOption == null ? void 0 : financialOption.logotype) || "https://placehold.it/67x10";
   if (financialOption.loanAmount === void 0 || financialOption.loanAmount === null || interest === void 0 || duration === void 0 || monthlyCost === void 0 || interest === null || duration === null || monthlyCost === null) {
     return /* @__PURE__ */ React61.createElement(OptionBox_default, {
       logo,
@@ -5988,7 +6006,7 @@ var InputSelect = ({ value, options, onChange, unit, title }) => /* @__PURE__ */
   onChange,
   title,
   "aria-label": title
-}, options?.map((option) => /* @__PURE__ */ React69.createElement(Option2, {
+}, options == null ? void 0 : options.map((option) => /* @__PURE__ */ React69.createElement(Option2, {
   key: option.value,
   value: option.value
 }, option.displayName || option.value, unit ? ` ${unit}` : ""))), /* @__PURE__ */ React69.createElement(Icon5, null, /* @__PURE__ */ React69.createElement(IconChevronDown, {
@@ -6106,9 +6124,9 @@ var InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
   const [payload, setPayload] = useState22();
   const { loading, data, error } = useInsurance_default(
     id,
-    branch?.id ? branch?.id : void 0,
-    ssnIsValid(payload?.ssn) ? payload?.ssn : void 0,
-    payload?.drivingDistance
+    (branch == null ? void 0 : branch.id) ? branch == null ? void 0 : branch.id : void 0,
+    ssnIsValid(payload == null ? void 0 : payload.ssn) ? payload == null ? void 0 : payload.ssn : void 0,
+    payload == null ? void 0 : payload.drivingDistance
   );
   const onChangeSsn = useCallback24(
     (e) => setForm({ ...form, ssn: e.currentTarget.value }),
@@ -6140,7 +6158,7 @@ var InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
   return /* @__PURE__ */ React70.createElement(Modal_default, {
     title: "F\xF6rs\xE4kring",
     onClose
-  }, (insuranceOptions?.description || insuranceOptions?.logotype) && /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(ContentLogo, null, insuranceOptions.description && /* @__PURE__ */ React70.createElement(ContentLogoText, null, /* @__PURE__ */ React70.createElement(Content_default, null, /* @__PURE__ */ React70.createElement("p", null, insuranceOptions.description))), insuranceOptions.logotype && /* @__PURE__ */ React70.createElement(ContentLogoMedia, null, /* @__PURE__ */ React70.createElement(LogoBox_default, {
+  }, ((insuranceOptions == null ? void 0 : insuranceOptions.description) || (insuranceOptions == null ? void 0 : insuranceOptions.logotype)) && /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(ContentLogo, null, insuranceOptions.description && /* @__PURE__ */ React70.createElement(ContentLogoText, null, /* @__PURE__ */ React70.createElement(Content_default, null, /* @__PURE__ */ React70.createElement("p", null, insuranceOptions.description))), insuranceOptions.logotype && /* @__PURE__ */ React70.createElement(ContentLogoMedia, null, /* @__PURE__ */ React70.createElement(LogoBox_default, {
     logo: insuranceOptions.logotype,
     alt: insuranceOptions.name || "Logotyp",
     wide: true
@@ -6171,7 +6189,7 @@ var InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
     severity: "error",
     icon: true,
     heading: "Ett fel har intr\xE4ffat"
-  }, "Kunde inte h\xE4mta f\xF6rs\xE4kringar. V\xE4nligen f\xF6rs\xF6k igen.")), /* @__PURE__ */ React70.createElement(React70.Fragment, null, data?.insurances && /* @__PURE__ */ React70.createElement(Repeat, null, data?.insurances.map((insurance) => /* @__PURE__ */ React70.createElement(Repeat, {
+  }, "Kunde inte h\xE4mta f\xF6rs\xE4kringar. V\xE4nligen f\xF6rs\xF6k igen.")), /* @__PURE__ */ React70.createElement(React70.Fragment, null, (data == null ? void 0 : data.insurances) && /* @__PURE__ */ React70.createElement(Repeat, null, data == null ? void 0 : data.insurances.map((insurance) => /* @__PURE__ */ React70.createElement(Repeat, {
     key: insurance.name
   }, /* @__PURE__ */ React70.createElement(DetailBox_default, {
     heading: `${numberSeparator(insurance.price)} ${insurance.unit}`,
@@ -6224,18 +6242,18 @@ import React72 from "react";
 import { marked } from "marked";
 var InsuranceFreeModal = ({ onClose, insuranceOptions }) => {
   return /* @__PURE__ */ React72.createElement(Modal_default, {
-    title: insuranceOptions?.insuranceHeader ?? "F\xF6rs\xE4kring",
+    title: (insuranceOptions == null ? void 0 : insuranceOptions.insuranceHeader) ?? "F\xF6rs\xE4kring",
     onClose
-  }, insuranceOptions?.longDescription && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(Content_default, {
+  }, (insuranceOptions == null ? void 0 : insuranceOptions.longDescription) && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(Content_default, {
     dangerouslySetInnerHTML: {
       __html: marked(insuranceOptions.longDescription)
     }
-  })), insuranceOptions?.url && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(ButtonInline, {
+  })), (insuranceOptions == null ? void 0 : insuranceOptions.url) && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(ButtonInline, {
     as: "a",
     href: insuranceOptions.url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, "L\xE4s mer om f\xF6rs\xE4kringen (\xD6ppnas i ett nytt f\xF6nster)")), insuranceOptions?.logotype && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(LogoBox_default, {
+  }, "L\xE4s mer om f\xF6rs\xE4kringen (\xD6ppnas i ett nytt f\xF6nster)")), (insuranceOptions == null ? void 0 : insuranceOptions.logotype) && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(LogoBox_default, {
     logo: insuranceOptions.logotype,
     alt: insuranceOptions.name || "Logotyp",
     wide: true
@@ -6245,6 +6263,7 @@ var InsuranceFreeModal_default = InsuranceFreeModal;
 
 // src/components/InsuranceOptions/InsuranceFree.tsx
 var Insurance2 = ({ insuranceOptions }) => {
+  var _a;
   const [modal, setModal] = useState24(false);
   const toggleModal = useCallback26(() => setModal(!modal), [modal]);
   if (!insuranceOptions.length) {
@@ -6253,7 +6272,7 @@ var Insurance2 = ({ insuranceOptions }) => {
   return /* @__PURE__ */ React73.createElement(React73.Fragment, null, modal && /* @__PURE__ */ React73.createElement(InsuranceFreeModal_default, {
     onClose: toggleModal,
     insuranceOptions: insuranceOptions[0]
-  }), /* @__PURE__ */ React73.createElement(Repeat, null, /* @__PURE__ */ React73.createElement(RepeatTiny, null, /* @__PURE__ */ React73.createElement(VisualHeading, null, insuranceOptions[0]?.insuranceHeader ?? "F\xF6rs\xE4kring")), /* @__PURE__ */ React73.createElement(RepeatTiny, null, /* @__PURE__ */ React73.createElement(React73.Fragment, null, insuranceOptions.map((insuranceOption, index) => /* @__PURE__ */ React73.createElement(OptionBox_default, {
+  }), /* @__PURE__ */ React73.createElement(Repeat, null, /* @__PURE__ */ React73.createElement(RepeatTiny, null, /* @__PURE__ */ React73.createElement(VisualHeading, null, ((_a = insuranceOptions[0]) == null ? void 0 : _a.insuranceHeader) ?? "F\xF6rs\xE4kring")), /* @__PURE__ */ React73.createElement(RepeatTiny, null, /* @__PURE__ */ React73.createElement(React73.Fragment, null, insuranceOptions.map((insuranceOption, index) => /* @__PURE__ */ React73.createElement(OptionBox_default, {
     key: `${insuranceOption.url}-${index}`,
     logo: insuranceOption.logotype || void 0,
     logoAlt: insuranceOption.name || "Logotyp"
@@ -6291,6 +6310,7 @@ var InsuranceOptions_default = InsuranceOptions;
 import React75 from "react";
 import { marked as marked3 } from "marked";
 var ManufacturerPackageOption = ({ packageOption }) => {
+  var _a;
   if (!packageOption) {
     return null;
   }
@@ -6298,7 +6318,7 @@ var ManufacturerPackageOption = ({ packageOption }) => {
     noMargin: true
   }, packageOption.title)), packageOption.description && /* @__PURE__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: marked3(packageOption.description) }
-  })), packageOption.link?.url && /* @__PURE__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(ButtonInline, {
+  })), ((_a = packageOption.link) == null ? void 0 : _a.url) && /* @__PURE__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(ButtonInline, {
     as: "a",
     href: packageOption.link.url,
     target: "_blank",
@@ -6451,7 +6471,7 @@ var formatPhonenumber = (text) => {
       text.replace("-", "").replace(/ /g, ""),
       typedMetadata
     );
-    return parsed?.formatNational() || text;
+    return (parsed == null ? void 0 : parsed.formatNational()) || text;
   } catch (e) {
     return text;
   }
@@ -6459,8 +6479,9 @@ var formatPhonenumber = (text) => {
 
 // src/components/ActionList/index.tsx
 var ActionList = ({ contact, branch }) => {
-  const email = contact?.email || branch?.contact?.email;
-  const phonenumber = contact?.phonenumber || branch?.contact?.phonenumber;
+  var _a, _b;
+  const email = (contact == null ? void 0 : contact.email) || ((_a = branch == null ? void 0 : branch.contact) == null ? void 0 : _a.email);
+  const phonenumber = (contact == null ? void 0 : contact.phonenumber) || ((_b = branch == null ? void 0 : branch.contact) == null ? void 0 : _b.phonenumber);
   const onClickMailVisible = useCallback28(() => pubsub_default.publish("MailVisible"), []);
   const onClickPhoneVisible = useCallback28(() => pubsub_default.publish("PhonenumberVisible"), []);
   const onClickPhoneValue = useCallback28(() => pubsub_default.publish("PhonenumberCall"), []);
@@ -6644,7 +6665,7 @@ var BranchModal = ({ loading, connections, onClose }) => {
   }, /* @__PURE__ */ React80.createElement(Repeat, null, /* @__PURE__ */ React80.createElement(RepeatTiny, null, /* @__PURE__ */ React80.createElement(Content_default, null, /* @__PURE__ */ React80.createElement("p", null, "V\xE4lj den anl\xE4ggning du vill visa kontaktuppgifter f\xF6r."))), /* @__PURE__ */ React80.createElement(RepeatTiny, null, /* @__PURE__ */ React80.createElement(InputLabel_default, null, "V\xE4lj anl\xE4ggning"), /* @__PURE__ */ React80.createElement(InputSelect_default, {
     value: localValue,
     onChange,
-    options: connections?.map((x) => ({
+    options: connections == null ? void 0 : connections.map((x) => ({
       value: x.id,
       displayName: x.name
     })),
@@ -6660,21 +6681,24 @@ var BranchModal_default = BranchModal;
 // src/layouts/searchItem/PackageOptionModal.tsx
 import React81 from "react";
 import { marked as marked4 } from "marked";
-var PackageOptionModal = ({ packageOption, onClose }) => /* @__PURE__ */ React81.createElement(Modal_default, {
-  title: packageOption.title || "",
-  onClose
-}, packageOption.image && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(LogoBox_default, {
-  logo: packageOption.image,
-  alt: packageOption.title || void 0,
-  wide: true
-})), packageOption.description && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(Content_default, {
-  dangerouslySetInnerHTML: { __html: marked4(packageOption.description) }
-})), packageOption.link?.href && packageOption.link.title && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(ButtonInline, {
-  as: "a",
-  href: packageOption.link.href,
-  target: "_blank",
-  rel: "noopener noreferrer nofollow"
-}, packageOption.link.title)));
+var PackageOptionModal = ({ packageOption, onClose }) => {
+  var _a;
+  return /* @__PURE__ */ React81.createElement(Modal_default, {
+    title: packageOption.title || "",
+    onClose
+  }, packageOption.image && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(LogoBox_default, {
+    logo: packageOption.image,
+    alt: packageOption.title || void 0,
+    wide: true
+  })), packageOption.description && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(Content_default, {
+    dangerouslySetInnerHTML: { __html: marked4(packageOption.description) }
+  })), ((_a = packageOption.link) == null ? void 0 : _a.href) && packageOption.link.title && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(ButtonInline, {
+    as: "a",
+    href: packageOption.link.href,
+    target: "_blank",
+    rel: "noopener noreferrer nofollow"
+  }, packageOption.link.title)));
+};
 var PackageOptionModal_default = PackageOptionModal;
 
 // src/layouts/searchItem/CheckList.tsx
@@ -6698,41 +6722,41 @@ var CheckList = ({
       setModalBranch(false);
     }
   }, [branch, contact]);
-  const packageOption = manufacturer?.packageOption;
+  const packageOption = manufacturer == null ? void 0 : manufacturer.packageOption;
   return /* @__PURE__ */ React82.createElement(React82.Fragment, null, modalBranch && /* @__PURE__ */ React82.createElement(BranchModal_default, {
     loading: loadingCentralStorageVehicle,
-    connections: branch?.connections,
+    connections: branch == null ? void 0 : branch.connections,
     onClose: closeModalBranch
   }), modal && /* @__PURE__ */ React82.createElement(PackageOptionModal_default, {
     packageOption: modal,
     onClose
-  }), /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(CheckMarkList_default, null, packageOption?.title && /* @__PURE__ */ React82.createElement(CheckMarkListItem, null, /* @__PURE__ */ React82.createElement(React82.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React82.createElement(ButtonInline, {
+  }), /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(CheckMarkList_default, null, (packageOption == null ? void 0 : packageOption.title) && /* @__PURE__ */ React82.createElement(CheckMarkListItem, null, /* @__PURE__ */ React82.createElement(React82.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React82.createElement(ButtonInline, {
     onClick: () => onOpen({
-      title: packageOption?.title,
-      image: packageOption?.image,
-      description: packageOption?.description,
-      link: packageOption?.link
+      title: packageOption == null ? void 0 : packageOption.title,
+      image: packageOption == null ? void 0 : packageOption.image,
+      description: packageOption == null ? void 0 : packageOption.description,
+      link: packageOption == null ? void 0 : packageOption.link
     })
-  }, packageOption.title), " ", "begagnatgaranti")), packageOptions?.map((packageOption2, index) => /* @__PURE__ */ React82.createElement(CheckMarkListItem, {
+  }, packageOption.title), " ", "begagnatgaranti")), packageOptions == null ? void 0 : packageOptions.map((packageOption2, index) => /* @__PURE__ */ React82.createElement(CheckMarkListItem, {
     key: packageOption2.title || index
   }, /* @__PURE__ */ React82.createElement(React82.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React82.createElement(ButtonInline, {
     onClick: () => onOpen({
-      title: packageOption2?.title,
-      image: packageOption2?.image,
-      description: packageOption2?.description,
-      link: packageOption2?.link
+      title: packageOption2 == null ? void 0 : packageOption2.title,
+      image: packageOption2 == null ? void 0 : packageOption2.image,
+      description: packageOption2 == null ? void 0 : packageOption2.description,
+      link: packageOption2 == null ? void 0 : packageOption2.link
     })
-  }, packageOption2.title)))), ecommerce?.withHomeDelivery && /* @__PURE__ */ React82.createElement(CheckMarkListItem, null, "Hemleverans"))), /* @__PURE__ */ React82.createElement(Repeat, null, ecommerce && ecommerce.enabled && /* @__PURE__ */ React82.createElement(RepeatTiny, null, /* @__PURE__ */ React82.createElement(ButtonPrimary, {
+  }, packageOption2.title)))), (ecommerce == null ? void 0 : ecommerce.withHomeDelivery) && /* @__PURE__ */ React82.createElement(CheckMarkListItem, null, "Hemleverans"))), /* @__PURE__ */ React82.createElement(Repeat, null, ecommerce && ecommerce.enabled && /* @__PURE__ */ React82.createElement(RepeatTiny, null, /* @__PURE__ */ React82.createElement(ButtonPrimary, {
     disabled: !!ecommerce.reserved,
     fullWidth: true,
     onClick: toggleEcomModal
-  }, /* @__PURE__ */ React82.createElement(ButtonContent, null, "K\xF6p bilen online"))), ecommerce?.reserved && /* @__PURE__ */ React82.createElement(RepeatTiny, null, /* @__PURE__ */ React82.createElement(SwitchBar_default, {
+  }, /* @__PURE__ */ React82.createElement(ButtonContent, null, "K\xF6p bilen online"))), (ecommerce == null ? void 0 : ecommerce.reserved) && /* @__PURE__ */ React82.createElement(RepeatTiny, null, /* @__PURE__ */ React82.createElement(SwitchBar_default, {
     title: "Bilen \xE4r reserverad",
     body: "Denna bil \xE4r reserverad av en annan k\xF6pare."
   }, /* @__PURE__ */ React82.createElement(Content_default, null, /* @__PURE__ */ React82.createElement("p", null, "Denna bil \xE4r reserverad av en annan k\xF6pare.")))), /* @__PURE__ */ React82.createElement(ActionList_default, {
     branch,
     contact
-  })), (branch?.connections.length || 0) > 1 && /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(SwitchBar_default, {
+  })), ((branch == null ? void 0 : branch.connections.length) || 0) > 1 && /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(SwitchBar_default, {
     title: "Centrallagerbil",
     actionTitle: "Byt anl\xE4ggning",
     onClick: openModalBranch
@@ -6883,7 +6907,7 @@ var Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
       onClickSearchItem(id2);
     }
   }, []);
-  if (!response?.documentList.documents.length || response?.documentList.documents.length === 0) {
+  if (!(response == null ? void 0 : response.documentList.documents.length) || (response == null ? void 0 : response.documentList.documents.length) === 0) {
     return null;
   }
   if (loading) {
@@ -6904,7 +6928,8 @@ var Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
     actionTitle: "Visa alla"
   }, /* @__PURE__ */ React84.createElement(H2, {
     noMargin: true
-  }, "Senast inkomna"))), /* @__PURE__ */ React84.createElement(Repeat, null, /* @__PURE__ */ React84.createElement(OverflowGrid, null, /* @__PURE__ */ React84.createElement(OverflowGridList, null, response?.documentList.documents.map((document2) => {
+  }, "Senast inkomna"))), /* @__PURE__ */ React84.createElement(Repeat, null, /* @__PURE__ */ React84.createElement(OverflowGrid, null, /* @__PURE__ */ React84.createElement(OverflowGridList, null, response == null ? void 0 : response.documentList.documents.map((document2) => {
+    var _a, _b, _c;
     const prefix = pathRoute ? `/${pathRoute}` : "/";
     const r = regexPathGuid(pathRoute);
     const pathRouteUrl = window.location.pathname === "/" ? `${prefix}${document2._id}` : r.test(`${pathRoute}${id}`) ? window.location.pathname.replace(r, `${pathRoute}${document2._id}`) : `${window.location.pathname}${prefix}${document2._id}`;
@@ -6915,7 +6940,7 @@ var Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
       onClick: onItemClicked,
       title: document2.title,
       href: pathRoute ? pathRouteUrl : hashRoute ? `#${document2._id}` : void 0,
-      image: document2.featuredImage?.files?.[0]?.url,
+      image: (_c = (_b = (_a = document2.featuredImage) == null ? void 0 : _a.files) == null ? void 0 : _b[0]) == null ? void 0 : _c.url,
       description: document2.shortDescription,
       uspList: [
         {
@@ -6946,22 +6971,25 @@ var PackageOptions = ({ packageOptions }) => {
   if (!packageOptions) {
     return null;
   }
-  return /* @__PURE__ */ React85.createElement(React85.Fragment, null, packageOptions.map((packageOption, index) => /* @__PURE__ */ React85.createElement(ProductPageMainSection, {
-    key: packageOption.title || index
-  }, /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(H2, {
-    noMargin: true
-  }, packageOption.title)), packageOption.description && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(Content_default, {
-    dangerouslySetInnerHTML: { __html: marked5(packageOption.description) }
-  })), packageOption.link?.url && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(ButtonInline, {
-    as: "a",
-    href: packageOption.link.url,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(LogoBox_default, {
-    logo: packageOption.image,
-    alt: "Logotyp",
-    wide: true
-  })))));
+  return /* @__PURE__ */ React85.createElement(React85.Fragment, null, packageOptions.map((packageOption, index) => {
+    var _a;
+    return /* @__PURE__ */ React85.createElement(ProductPageMainSection, {
+      key: packageOption.title || index
+    }, /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(H2, {
+      noMargin: true
+    }, packageOption.title)), packageOption.description && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(Content_default, {
+      dangerouslySetInnerHTML: { __html: marked5(packageOption.description) }
+    })), ((_a = packageOption.link) == null ? void 0 : _a.url) && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(ButtonInline, {
+      as: "a",
+      href: packageOption.link.url,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(LogoBox_default, {
+      logo: packageOption.image,
+      alt: "Logotyp",
+      wide: true
+    })));
+  }));
 };
 var PackageOptions_default = PackageOptions;
 
@@ -7050,14 +7078,14 @@ var arr = [];
 var GetOpeningHours = (o) => KeyOrder.reduce((prev, current) => {
   const title = TranslateWeekDays(current);
   const item = o[current];
-  const previous = prev?.[prev.length - 1];
-  if (previous && previous.from == item?.from && previous.until === item?.until) {
+  const previous = prev == null ? void 0 : prev[prev.length - 1];
+  if (previous && previous.from == (item == null ? void 0 : item.from) && previous.until === (item == null ? void 0 : item.until)) {
     prev[prev.length - 1].titleTo = title;
   } else {
     prev.push({
       titleFrom: title,
-      from: item?.from,
-      until: item?.until
+      from: item == null ? void 0 : item.from,
+      until: item == null ? void 0 : item.until
     });
   }
   return prev;
@@ -7068,8 +7096,8 @@ var GetOpeningHoursToday = (o) => {
   const current = o[day];
   return {
     title: current ? "\xD6ppetider idag" : "St\xE4ngt idag",
-    from: current?.from,
-    until: current?.until
+    from: current == null ? void 0 : current.from,
+    until: current == null ? void 0 : current.until
   };
 };
 var valuOfDateString = (s) => {
@@ -7083,7 +7111,7 @@ var OpeningHours = ({ openingHours }) => {
   );
   const currentlyOpen = useMemo4(() => {
     try {
-      if (today?.from && today?.until) {
+      if ((today == null ? void 0 : today.from) && (today == null ? void 0 : today.until)) {
         const currentDate = new Date().valueOf();
         const from = valuOfDateString(today.from);
         const until = valuOfDateString(today.until);
@@ -7100,7 +7128,7 @@ var OpeningHours = ({ openingHours }) => {
   return /* @__PURE__ */ React87.createElement(React87.Fragment, null, /* @__PURE__ */ React87.createElement(RepeatSmall, null, /* @__PURE__ */ React87.createElement(Badge_default, {
     label: currentlyOpen ? "\xD6ppet" : "St\xE4ngt",
     severity: currentlyOpen ? "positive" : "negative"
-  })), /* @__PURE__ */ React87.createElement(RepeatSmall, null, /* @__PURE__ */ React87.createElement(TableColumn, null, /* @__PURE__ */ React87.createElement(TableColumnRow, null, /* @__PURE__ */ React87.createElement(TableColumnCell, null, /* @__PURE__ */ React87.createElement(UtilityTextBold, null, today?.title)), /* @__PURE__ */ React87.createElement(TableColumnCell, null, /* @__PURE__ */ React87.createElement(UtilityTextBold, null, today?.from ? `${today.from}-${today.until}` : "St\xE4ngt"))), oh.map((o) => /* @__PURE__ */ React87.createElement(TableColumnRow, {
+  })), /* @__PURE__ */ React87.createElement(RepeatSmall, null, /* @__PURE__ */ React87.createElement(TableColumn, null, /* @__PURE__ */ React87.createElement(TableColumnRow, null, /* @__PURE__ */ React87.createElement(TableColumnCell, null, /* @__PURE__ */ React87.createElement(UtilityTextBold, null, today == null ? void 0 : today.title)), /* @__PURE__ */ React87.createElement(TableColumnCell, null, /* @__PURE__ */ React87.createElement(UtilityTextBold, null, (today == null ? void 0 : today.from) ? `${today.from}-${today.until}` : "St\xE4ngt"))), oh.map((o) => /* @__PURE__ */ React87.createElement(TableColumnRow, {
     key: o.titleFrom
   }, /* @__PURE__ */ React87.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom), /* @__PURE__ */ React87.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : "St\xE4ngt"))))));
 };
@@ -7201,6 +7229,7 @@ var Map_default = StaticMap;
 
 // src/layouts/searchItem/Branch.tsx
 var Branch2 = ({ branch, loading }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const [modal, setModal] = useState31(false);
   const openModal = useCallback35(() => setModal(true), []);
   const closeModal = useCallback35(() => setModal(false), []);
@@ -7214,20 +7243,20 @@ var Branch2 = ({ branch, loading }) => {
   }
   return /* @__PURE__ */ React90.createElement(React90.Fragment, null, modal && /* @__PURE__ */ React90.createElement(BranchModal_default, {
     loading,
-    connections: branch?.connections,
+    connections: branch == null ? void 0 : branch.connections,
     onClose: closeModal
   }), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(H2, {
     noMargin: true
-  }, branch?.location?.city ? `Den h\xE4r bilen finns p\xE5 v\xE5r anl\xE4ggning i ${branch?.location?.city}` : "Kontakt")), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(Map_default, {
-    position: branch?.location?.position
-  })), (branch?.connections?.length || 0) > 1 && /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(Content_default, null, /* @__PURE__ */ React90.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar.", " ", /* @__PURE__ */ React90.createElement(ButtonInline, {
+  }, ((_a = branch == null ? void 0 : branch.location) == null ? void 0 : _a.city) ? `Den h\xE4r bilen finns p\xE5 v\xE5r anl\xE4ggning i ${(_b = branch == null ? void 0 : branch.location) == null ? void 0 : _b.city}` : "Kontakt")), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(Map_default, {
+    position: (_c = branch == null ? void 0 : branch.location) == null ? void 0 : _c.position
+  })), (((_d = branch == null ? void 0 : branch.connections) == null ? void 0 : _d.length) || 0) > 1 && /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(Content_default, null, /* @__PURE__ */ React90.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar.", " ", /* @__PURE__ */ React90.createElement(ButtonInline, {
     as: "span",
     role: "button",
     onClick: openModal,
     inline: true
-  }, "Klicka h\xE4r f\xF6r att visa kontaktuppgifter till en annan anl\xE4ggning"), "."))), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(ProductPageContentLimit, null, /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(TableColumn, null, branch?.location?.streetAddress && branch?.location?.city && /* @__PURE__ */ React90.createElement(TableColumnRow, null, /* @__PURE__ */ React90.createElement(TableColumnCell, null, "Adress"), /* @__PURE__ */ React90.createElement(TableColumnCell, null, /* @__PURE__ */ React90.createElement(ButtonInlineBold, null, /* @__PURE__ */ React90.createElement(ButtonContent, null, `${branch?.location?.streetAddress}, ${branch?.location?.city}`)))), branch?.contact?.phonenumber && /* @__PURE__ */ React90.createElement(PhoneNumber_default, {
+  }, "Klicka h\xE4r f\xF6r att visa kontaktuppgifter till en annan anl\xE4ggning"), "."))), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(ProductPageContentLimit, null, /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(TableColumn, null, ((_e = branch == null ? void 0 : branch.location) == null ? void 0 : _e.streetAddress) && ((_f = branch == null ? void 0 : branch.location) == null ? void 0 : _f.city) && /* @__PURE__ */ React90.createElement(TableColumnRow, null, /* @__PURE__ */ React90.createElement(TableColumnCell, null, "Adress"), /* @__PURE__ */ React90.createElement(TableColumnCell, null, /* @__PURE__ */ React90.createElement(ButtonInlineBold, null, /* @__PURE__ */ React90.createElement(ButtonContent, null, `${(_g = branch == null ? void 0 : branch.location) == null ? void 0 : _g.streetAddress}, ${(_h = branch == null ? void 0 : branch.location) == null ? void 0 : _h.city}`)))), ((_i = branch == null ? void 0 : branch.contact) == null ? void 0 : _i.phonenumber) && /* @__PURE__ */ React90.createElement(PhoneNumber_default, {
     phoneNumber: formatPhonenumber(branch.contact.phonenumber)
-  }))), branch?.openingHours && /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(OpeningHours_default, {
+  }))), (branch == null ? void 0 : branch.openingHours) && /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(OpeningHours_default, {
     openingHours: branch.openingHours
   })))));
 };
@@ -7367,15 +7396,16 @@ var useSearchItemBranch_default = useSearchItemBranch;
 
 // src/State/CentralStorage/useCentralStorage.ts
 var useCentralStorage = (vehicle) => {
+  var _a, _b;
   const { centralStorageId, setCentralStorageId } = useContext6(CentralStorageContext);
-  const connections = vehicle?.branch?.connections;
-  const branchId = centralStorageId ? connections?.find((x) => x.id === centralStorageId)?.id : void 0;
-  const { data, loading } = useSearchItemBranch_default(vehicle?.id, branchId);
+  const connections = (_a = vehicle == null ? void 0 : vehicle.branch) == null ? void 0 : _a.connections;
+  const branchId = centralStorageId ? (_b = connections == null ? void 0 : connections.find((x) => x.id === centralStorageId)) == null ? void 0 : _b.id : void 0;
+  const { data, loading } = useSearchItemBranch_default(vehicle == null ? void 0 : vehicle.id, branchId);
   useEffect17(() => {
-    if ((connections?.length || 0) > 0) {
-      const match = centralStorageId ? connections?.find((x) => x.id === centralStorageId) : void 0;
+    if (((connections == null ? void 0 : connections.length) || 0) > 0) {
+      const match = centralStorageId ? connections == null ? void 0 : connections.find((x) => x.id === centralStorageId) : void 0;
       if (!match) {
-        const first = connections?.[0];
+        const first = connections == null ? void 0 : connections[0];
         if (first) {
           setCentralStorageId(first.id);
         }
@@ -7383,7 +7413,7 @@ var useCentralStorage = (vehicle) => {
     }
   }, [connections]);
   return {
-    vehicle: (connections?.length || 0) > 0 ? data?.vehicle : vehicle,
+    vehicle: ((connections == null ? void 0 : connections.length) || 0) > 0 ? data == null ? void 0 : data.vehicle : vehicle,
     loading
   };
 };
@@ -7410,15 +7440,8 @@ import React95, { useCallback as useCallback37, useEffect as useEffect18, useMem
 
 // src/utils/vehicle-properties/property-tree-creator.ts
 var _PropertyTreeCreator = class {
+  properties;
   constructor(properties) {
-    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) => 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) => this.properties[propertyKey].category?.subCategory?.id === categoryId;
     this.properties = properties;
   }
   create() {
@@ -7441,6 +7464,13 @@ var _PropertyTreeCreator = class {
     const rootProperties = Object.keys(this.properties).filter(this.propertiesWithoutCategory).map((key) => this.properties[key]).filter(this.isNonList);
     return rootProperties;
   }
+  propertiesWithCategory = (propertyKey) => {
+    var _a;
+    return !!((_a = this.properties[propertyKey].category) == null ? void 0 : _a.id);
+  };
+  propertiesWithoutCategory = (propertyKey) => !this.propertiesWithCategory(propertyKey);
+  isList = (property) => property.type === _PropertyTreeCreator.TEXT_LIST_TYPE;
+  isNonList = (property) => !this.isList(property);
   createTreeCategories() {
     const categories = this.getCategories();
     const treeCategories = this.convertToTreeCategories(categories);
@@ -7462,6 +7492,15 @@ var _PropertyTreeCreator = class {
       };
     });
   }
+  hasCategoryWithId = (propertyKey, categoryId) => {
+    var _a;
+    return ((_a = this.properties[propertyKey].category) == null ? void 0 : _a.id) === categoryId;
+  };
+  propertiesWithSubCategory = (propertyKey) => {
+    var _a, _b;
+    return !!((_b = (_a = this.properties[propertyKey].category) == null ? void 0 : _a.subCategory) == null ? void 0 : _b.id);
+  };
+  propertiesWithoutSubCategory = (propertyKey) => !this.propertiesWithSubCategory(propertyKey);
   createTreeSubCategories(categoryId) {
     const subCategories = this.getSubCategoriesOfCategory(categoryId);
     const convertedSubCategories = subCategories.map((subCategory) => this.convertSubCategory(subCategory)).filter((category) => category.properties.length > 0);
@@ -7470,7 +7509,10 @@ var _PropertyTreeCreator = class {
     return treeCategories;
   }
   getSubCategoriesOfCategory(id) {
-    const categories = Object.keys(this.properties).filter((key) => this.hasCategoryWithId(key, id)).filter(this.propertiesWithSubCategory).map((key) => this.properties[key].category?.subCategory).filter(_PropertyTreeCreator.distinctCategories);
+    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 ? void 0 : _a.subCategory;
+    }).filter(_PropertyTreeCreator.distinctCategories);
     return categories;
   }
   convertSubCategory(subCategory) {
@@ -7482,6 +7524,10 @@ var _PropertyTreeCreator = class {
       subCategories: []
     };
   }
+  hasSubCategoryWithId = (propertyKey, categoryId) => {
+    var _a, _b;
+    return ((_b = (_a = this.properties[propertyKey].category) == null ? void 0 : _a.subCategory) == null ? void 0 : _b.id) === categoryId;
+  };
   createListSubCategories(categoryId) {
     const listProperties = Object.keys(this.properties).filter((key) => this.hasCategoryWithId(key, categoryId)).map((key) => this.properties[key]).filter(this.isList).filter((prop) => prop.value.length > 0);
     const createdSubCategories = listProperties.map((property, index) => ({
@@ -7505,14 +7551,14 @@ var _PropertyTreeCreator = class {
   }
 };
 var PropertyTreeCreator = _PropertyTreeCreator;
-PropertyTreeCreator.distinctCategories = (category, index, self) => {
+__publicField(PropertyTreeCreator, "distinctCategories", (category, index, self) => {
   const firstOccuranceOfId = self.find((value) => value.id === category.id);
   return !!firstOccuranceOfId && self.indexOf(firstOccuranceOfId) === index;
-};
-PropertyTreeCreator.DEFAULT_CATEGORY_NAME = "Okategoriserat";
-PropertyTreeCreator.DEFAULT_CATEGORY_ID = 0;
-PropertyTreeCreator.TEXT_LIST_TYPE = "text-list";
-PropertyTreeCreator.LIST_CATEGORY_START_ID = 1e5;
+});
+__publicField(PropertyTreeCreator, "DEFAULT_CATEGORY_NAME", "Okategoriserat");
+__publicField(PropertyTreeCreator, "DEFAULT_CATEGORY_ID", 0);
+__publicField(PropertyTreeCreator, "TEXT_LIST_TYPE", "text-list");
+__publicField(PropertyTreeCreator, "LIST_CATEGORY_START_ID", 1e5);
 var property_tree_creator_default = PropertyTreeCreator;
 
 // src/utils/vehicle-properties/compare-categories.ts
@@ -7806,14 +7852,12 @@ var ENGINE_SUBCATEGORY = Object.freeze({
   }
 });
 var PropertyBuilder = class {
-  constructor() {
-    this.name = "";
-    this.value = "";
-    this.type = "unknown";
-    this.unit = null;
-    this.hint = null;
-    this.category = null;
-  }
+  name = "";
+  value = "";
+  type = "unknown";
+  unit = null;
+  hint = null;
+  category = null;
   withName(name) {
     this.name = name;
     return this;
@@ -8075,6 +8119,7 @@ var MetadataCategory = ({ properties, subCategories }) => /* @__PURE__ */ React9
   key: `${subCategory.name}-${index}`
 })));
 var PropertySet = ({ propertySet, vehicleData }) => {
+  var _a, _b;
   const [activeCategoryId, setActiveCategoryId] = useState33(-1);
   const mappedProperties = useMemo5(() => {
     if (!propertySet) {
@@ -8088,20 +8133,21 @@ var PropertySet = ({ propertySet, vehicleData }) => {
     return tree;
   }, [propertySet]);
   useEffect18(() => {
-    const categories = mappedProperties?.categories?.length !== void 0 ? mappedProperties?.categories : void 0;
+    var _a2;
+    const categories = ((_a2 = mappedProperties == null ? void 0 : mappedProperties.categories) == null ? void 0 : _a2.length) !== void 0 ? mappedProperties == null ? void 0 : mappedProperties.categories : void 0;
     if (activeCategoryId < 0 && categories !== void 0 && categories.length > 0) {
       setActiveCategoryId(categories[0].id);
     }
   }, [mappedProperties]);
   const onTab = useCallback37((id) => setActiveCategoryId(parseInt(id, 10)), []);
-  const activeCategory = mappedProperties?.categories?.find(
+  const activeCategory = (_a = mappedProperties == null ? void 0 : mappedProperties.categories) == null ? void 0 : _a.find(
     (category) => category.id === activeCategoryId
   );
   return /* @__PURE__ */ React95.createElement(React95.Fragment, null, /* @__PURE__ */ React95.createElement(Repeat, null, /* @__PURE__ */ React95.createElement(Tabs_default, {
-    tabs: mappedProperties?.categories?.map((category) => ({
+    tabs: ((_b = mappedProperties == null ? void 0 : mappedProperties.categories) == null ? void 0 : _b.map((category) => ({
       name: `${category.id}`,
       displayName: category.name
-    })) || [],
+    }))) || [],
     active: `${activeCategoryId}`,
     onClick: onTab
   })), activeCategory && /* @__PURE__ */ React95.createElement(Repeat, null, /* @__PURE__ */ React95.createElement(MetadataCategory, {
@@ -8192,10 +8238,11 @@ var WaykeSearchItem = ({
   modifyDocumentTitleItem,
   onClickSearchItem
 }) => {
+  var _a, _b, _c;
   const { ecomSettings } = useSettings_default();
   const ecomContext = useRef4();
   const { loading, data: result } = useSearchItem_default(id);
-  const { vehicle: centralStorageVehicle, loading: loadingCentralStorageVehicle } = useCentralStorage_default(result?.vehicle);
+  const { vehicle: centralStorageVehicle, loading: loadingCentralStorageVehicle } = useCentralStorage_default(result == null ? void 0 : result.vehicle);
   useEffect19(() => {
     if (ecomSettings) {
       ecomContext.current = new WaykeEcomWeb({
@@ -8204,7 +8251,7 @@ var WaykeSearchItem = ({
           api: {
             address: ecomSettings.url
           },
-          bankIdThumbprint: ecomSettings?.bankIdThumbprint
+          bankIdThumbprint: ecomSettings == null ? void 0 : ecomSettings.bankIdThumbprint
         },
         logo: ecomSettings.serviceLogotypeUrl,
         logoX2: ecomSettings.serviceLogotypeUrl,
@@ -8225,26 +8272,30 @@ var WaykeSearchItem = ({
     }
   }, []);
   useEffect19(() => {
-    if (result?.vehicle?.data && modifyDocumentTitleItem) {
+    var _a2;
+    if (((_a2 = result == null ? void 0 : result.vehicle) == null ? void 0 : _a2.data) && modifyDocumentTitleItem) {
       const { vehicle: vehicle2 } = result;
       const { registrationNumber } = vehicle2.data;
       document.title = `${registrationNumber} | ${vehicle2.title} | ${vehicle2.shortDescription}`;
     }
   }, [result]);
   const options = useMemo6(
-    () => result?.vehicle?.data?.options?.filter(notEmpty).map((opt) => ({ title: opt })),
-    [result?.vehicle?.data?.options]
+    () => {
+      var _a2, _b2, _c2;
+      return (_c2 = (_b2 = (_a2 = result == null ? void 0 : result.vehicle) == null ? void 0 : _a2.data) == null ? void 0 : _b2.options) == null ? void 0 : _c2.filter(notEmpty).map((opt) => ({ title: opt }));
+    },
+    [(_b = (_a = result == null ? void 0 : result.vehicle) == null ? void 0 : _a.data) == null ? void 0 : _b.options]
   );
   const onShowMoreOptionsClick = useCallback38(() => pubsub_default.publish("OptionsClick"), []);
   if (loading) {
     return /* @__PURE__ */ React97.createElement(PageLoading_default, null);
   }
-  if (!result?.vehicle?.data) {
+  if (!((_c = result == null ? void 0 : result.vehicle) == null ? void 0 : _c.data)) {
     return /* @__PURE__ */ React97.createElement(Page404_default, null);
   }
   const { vehicle } = result;
-  const contact = centralStorageVehicle?.contact;
-  const branch = centralStorageVehicle?.branch;
+  const contact = centralStorageVehicle == null ? void 0 : centralStorageVehicle.contact;
+  const branch = centralStorageVehicle == null ? void 0 : centralStorageVehicle.branch;
   const {
     title,
     shortDescription,
@@ -8258,7 +8309,7 @@ var WaykeSearchItem = ({
     publishedAt,
     documents
   } = vehicle;
-  const insuranceOptions = centralStorageVehicle?.insuranceOptions ? centralStorageVehicle.insuranceOptions : vehicle.insuranceOptions;
+  const insuranceOptions = (centralStorageVehicle == null ? void 0 : centralStorageVehicle.insuranceOptions) ? centralStorageVehicle.insuranceOptions : vehicle.insuranceOptions;
   const { fuelType, mileage, gearbox, modelYear, propertySet } = vehicle.data;
   const uspList = [
     {
@@ -8284,7 +8335,7 @@ var WaykeSearchItem = ({
     title: "Tillbaka till bils\xF6k"
   }, /* @__PURE__ */ React97.createElement(ButtonContent, null, /* @__PURE__ */ React97.createElement(IconChevronLeft, {
     block: true
-  })), /* @__PURE__ */ React97.createElement(ButtonContent, null, "Tillbaka till bils\xF6k")))) : null, manufacturer?.logotype && /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(LogoBox_default, {
+  })), /* @__PURE__ */ React97.createElement(ButtonContent, null, "Tillbaka till bils\xF6k")))) : null, (manufacturer == null ? void 0 : manufacturer.logotype) && /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(LogoBox_default, {
     logo: manufacturer.logotype,
     alt: manufacturer.name
   })), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(RepeatSmall, null, /* @__PURE__ */ React97.createElement(H1, {
@@ -8303,7 +8354,7 @@ var WaykeSearchItem = ({
     financialOptions
   }), insuranceOptions.length > 0 && /* @__PURE__ */ React97.createElement(InsuranceOptions_default, {
     id,
-    branch: centralStorageVehicle?.branch,
+    branch: centralStorageVehicle == null ? void 0 : centralStorageVehicle.branch,
     insuranceOptions
   })), /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
     mobileOrder: 5
@@ -8312,9 +8363,12 @@ var WaykeSearchItem = ({
     packageOptions,
     ecommerce,
     branch,
-    contact: centralStorageVehicle?.contact,
+    contact: centralStorageVehicle == null ? void 0 : centralStorageVehicle.contact,
     loadingCentralStorageVehicle,
-    toggleEcomModal: () => ecomContext.current?.start()
+    toggleEcomModal: () => {
+      var _a2;
+      return (_a2 = ecomContext.current) == null ? void 0 : _a2.start();
+    }
   }))), /* @__PURE__ */ React97.createElement(ProductPageMain, null, /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
     mobileOrder: 3
   }, /* @__PURE__ */ React97.createElement(Gallery_default, {
@@ -8328,8 +8382,8 @@ var WaykeSearchItem = ({
   }))), description && /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Blockquote_default, {
     author: contact && contact.name ? contact.name : null,
     date: publishedAt ? dateTimeFormat.format(publishedAt, dateTimeFormat.DayMonth) : void 0,
-    avatar: contact?.avatar || void 0
-  }, !!description && /* @__PURE__ */ React97.createElement("p", null, description))), (options?.length || 0) > 0 && /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(H2, {
+    avatar: (contact == null ? void 0 : contact.avatar) || void 0
+  }, !!description && /* @__PURE__ */ React97.createElement("p", null, description))), ((options == null ? void 0 : options.length) || 0) > 0 && /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(H2, {
     noMargin: true
   }, "Utrustning")), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Content_default, null, /* @__PURE__ */ React97.createElement("p", null, "Kompletterande uppgifter om bilen."))), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(ExtendContent_default, {
     actionTitle: "Visa mer",
@@ -8346,11 +8400,14 @@ var WaykeSearchItem = ({
   }), ecommerce && ecommerce.enabled && /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(ButtonPrimary, {
     disabled: !!ecommerce.reserved,
     title: "K\xF6p bilen online",
-    onClick: () => ecomContext.current?.start()
+    onClick: () => {
+      var _a2;
+      return (_a2 = ecomContext.current) == null ? void 0 : _a2.start();
+    }
   }, "K\xF6p bilen online"))), /* @__PURE__ */ React97.createElement(PackageOptions_default, {
     packageOptions
   }), /* @__PURE__ */ React97.createElement(ManufacturerPackagesOption_default, {
-    packageOption: manufacturer?.packageOption
+    packageOption: manufacturer == null ? void 0 : manufacturer.packageOption
   }))))), /* @__PURE__ */ React97.createElement(Related_default, {
     id,
     hashRoute,
@@ -8520,7 +8577,7 @@ var SettingsProvider_default = SettingsProvider;
 import React103, { useState as useState35, useCallback as useCallback39 } from "react";
 var RelatedSearchProvider = ({ url, urlMlt, apiKey, children }) => {
   const [queryFilter, setQueryFilter] = useState35();
-  const query = queryFilter?.searchParams.toString();
+  const query = queryFilter == null ? void 0 : queryFilter.searchParams.toString();
   const {
     loading,
     data: response,
@@ -8659,7 +8716,10 @@ var PathProvider = ({ children }) => {
     }
     dispatch({ type: SET_PATH, path });
   }, []);
-  const id = useMemo7(() => state.path.match(regexGuidAnyWhere)?.pop(), [state.path]);
+  const id = useMemo7(() => {
+    var _a;
+    return (_a = state.path.match(regexGuidAnyWhere)) == null ? void 0 : _a.pop();
+  }, [state.path]);
   const value = useMemo7(
     () => ({
       ...state,
@@ -8738,7 +8798,7 @@ var SearchProvider = ({
         "x-api-key": apiKey
       } : {}
     },
-    !initialize || !!queryFilter?.block
+    !initialize || !!(queryFilter == null ? void 0 : queryFilter.block)
   );
   const popStateEvent = (event) => {
     const { currentTarget } = event;
@@ -8782,7 +8842,7 @@ var SearchProvider = ({
       const nextSearch = nextSearchParams.toString() ? `?${nextSearchParams}` : "";
       if (initialize) {
         if (window.location.search.localeCompare(nextSearch) !== 0) {
-          const _path = pathRoute?.replace(/^\/|\/$/g, "");
+          const _path = pathRoute == null ? void 0 : pathRoute.replace(/^\/|\/$/g, "");
           const prefix = _path ? `/${_path}/` : "/";
           const index = _path ? window.location.pathname.indexOf(prefix) : -1;
           let pathname = window.location.pathname;
@@ -8795,11 +8855,12 @@ var SearchProvider = ({
     }
   }, [queryFilter, initialize, useQueryParamsFromUrl]);
   useEffect24(() => {
+    var _a;
     if (response) {
       if (!initialFacets && !useQueryParamsFromUrl) {
         setInitialFacets(response.facets);
       }
-      if (useQueryParamsFromUrl && response.query?.parameters) {
+      if (useQueryParamsFromUrl && ((_a = response.query) == null ? void 0 : _a.parameters)) {
         const nextSearchParams = new URLSearchParams(response.query.parameters);
         nextSearchParams.delete("hits");
         nextSearchParams.delete("offset");
@@ -8812,7 +8873,7 @@ var SearchProvider = ({
           });
         }
       }
-      if (queryFilter?.concatResult) {
+      if (queryFilter == null ? void 0 : queryFilter.concatResult) {
         setDocuments([...documents || [], ...response.documentList.documents || []]);
       } else {
         setDocuments(response.documentList.documents || []);
@@ -8833,9 +8894,10 @@ var SearchProvider = ({
     [initialize]
   );
   const onLoadMore = useCallback43(() => {
+    var _a;
     if (response) {
       setQueryFilter({
-        searchParams: new URLSearchParams(response?.documentList.pagination.nextPage?.query),
+        searchParams: new URLSearchParams((_a = response == null ? void 0 : response.documentList.pagination.nextPage) == null ? void 0 : _a.query),
         concatResult: true
       });
     }
@@ -8847,8 +8909,9 @@ var SearchProvider = ({
         const initialQueryParams = useQueryParamsFromUrl ? searchParamsFromUrl : _initialQueryParams;
         if (useQueryParamsFromUrl && _initialQueryParams) {
           _initialQueryParams.forEach((value2, key) => {
-            if (!initialQueryParams?.getAll(key)?.some((v) => v === value2)) {
-              initialQueryParams?.append(key, value2);
+            var _a;
+            if (!((_a = initialQueryParams == null ? void 0 : initialQueryParams.getAll(key)) == null ? void 0 : _a.some((v) => v === value2))) {
+              initialQueryParams == null ? void 0 : initialQueryParams.append(key, value2);
             }
           });
         }