@wayke-se/components-react 3.0.0-beta.3 → 3.0.0-beta.5

package/dist/index.js

@@ -3676,6 +3676,7 @@
 
   // src/components/ProductCard/index.tsx
   var import_react24 = __toESM(__require("react"));
+  var import_react_lazy_load = __toESM(__require("react-lazy-load"));
 
   // src/components/ProductCard/wrapper.tsx
   var import_styled_components22 = __toESM(__require("styled-components"));
@@ -3961,7 +3962,7 @@
     );
     return /* @__PURE__ */ import_react24.default.createElement(Wrapper9, {
       onClick: _onClick
-    }, /* @__PURE__ */ import_react24.default.createElement(Image, null, image ? /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(Picture, null, /* @__PURE__ */ import_react24.default.createElement(Source, {
+    }, /* @__PURE__ */ import_react24.default.createElement(Image, null, /* @__PURE__ */ import_react24.default.createElement(import_react_lazy_load.default, null, image ? /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(Picture, null, /* @__PURE__ */ import_react24.default.createElement(Source, {
       type: "image/webp",
       srcSet: `${image}?spec=822x548&format=webp 822w, ${image}?spec=750x500&format=webp 750w, ${image}?spec=411x274&format=webp 411w`,
       sizes: "(min-width: 600px) calc(((100vw - 48px) / 2) - 8px), (min-width: 900px) calc(((100vw - 48px) / 3) - 10.666px), (min-width: 1312px) 410px, calc(100vw - 32px)"
@@ -3972,7 +3973,7 @@
       alt: title
     }))) : /* @__PURE__ */ import_react24.default.createElement(Picture, null, /* @__PURE__ */ import_react24.default.createElement(Img, {
       src: placeholderImage || DEFAULT_PLACEHOLDER_IMAGE
-    }))), /* @__PURE__ */ import_react24.default.createElement(Content, null, /* @__PURE__ */ import_react24.default.createElement(ContentBody, null, /* @__PURE__ */ import_react24.default.createElement(Heading3, null, href ? /* @__PURE__ */ import_react24.default.createElement(Link, {
+    })))), /* @__PURE__ */ import_react24.default.createElement(Content, null, /* @__PURE__ */ import_react24.default.createElement(ContentBody, null, /* @__PURE__ */ import_react24.default.createElement(Heading3, null, href ? /* @__PURE__ */ import_react24.default.createElement(Link, {
       onClick: onHrefClick,
       href,
       title,
@@ -4546,7 +4547,7 @@
   var search_default = WaykeSearch;
 
   // src/layouts/searchItem/index.tsx
-  var import_react101 = __toESM(__require("react"));
+  var import_react98 = __toESM(__require("react"));
   var import_ecom_web = __toESM(__require("@wayke-se/ecom-web"));
 
   // src/components/PriceTable/index.tsx
@@ -4825,7 +4826,7 @@
   var ExtendContent_default = ExtendContent;
 
   // src/components/Gallery/index.tsx
-  var import_react55 = __toESM(__require("react"));
+  var import_react52 = __toESM(__require("react"));
   var import_react_slick = __toESM(__require("react-slick"));
   var import_scroll_into_view_if_needed = __toESM(__require("scroll-into-view-if-needed"));
 
@@ -5187,7 +5188,7 @@
 `;
 
   // src/components/Lightbox/index.tsx
-  var import_react47 = __toESM(__require("react"));
+  var import_react45 = __toESM(__require("react"));
 
   // src/components/Lightbox/wrapper.tsx
   var import_styled_components35 = __toESM(__require("styled-components"));
@@ -5410,315 +5411,19 @@
   };
   var EmbeddedVideoLightbox_default = VideoPlayer;
 
-  // src/components/Sphere/SphereLightbox.tsx
-  var import_react43 = __toESM(__require("react"));
-
-  // src/components/Sphere/SphereViewer.tsx
-  var import_react42 = __toESM(__require("react"));
-
-  // src/components/Sphere/wrapper.tsx
-  var import_styled_components38 = __toESM(__require("styled-components"));
-  var compassSize = size(4);
-  var controlBtnSize = size(4);
-  var Wrapper20 = import_styled_components38.default.div`
-  position: relative;
-  width: 100%;
-  height: 0 !important;
-  padding-bottom: 66.666% !important; // 3:2
-
-  .pnlm-container {
-    position: absolute;
-    height: 100% !important;
-    background-image: none;
-    background-color: ${(props) => props.theme.color.accentDark};
-  }
-
-  // Compass
-
-  .pnlm-compass {
-    width: ${compassSize};
-    height: ${compassSize};
-    border-radius: 50%;
-    bottom: ${size(2)};
-    left: ${size(2)};
-    right: auto;
-    margin-top: 0;
-    border: 5px solid transparent;
-    border-top-color: ${(props) => props.theme.color.textLight};
-    background-color: rgba(255, 255, 255, 0.4);
-    background-image: none;
-    backdrop-filter: blur(5px);
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    box-sizing: border-box;
-
-    &:hover {
-      background-color: red;
-    }
-  }
-
-  // Controls (zoom & fullscreen button)
-
-  .pnlm-grab,
-  .pnlm-grabbing {
-    .pnlm-controls-container {
-      display: block;
-    }
-  }
-
-  .pnlm-controls-container {
-    display: none;
-    top: ${size(2)};
-    left: ${size(2)};
-  }
-
-  .pnlm-controls {
-    margin-top: 0;
-
-    & + .pnlm-controls {
-      margin-top: ${size(1)};
-    }
-  }
-
-  // Fullscreen button
-
-  .pnlm-fullscreen-toggle-button {
-    display: none;
-    position: relative;
-    width: ${controlBtnSize};
-    height: ${controlBtnSize};
-    background-image: none;
-    background-color: rgba(255, 255, 255, 0.4);
-    backdrop-filter: blur(5px);
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    color: ${(props) => props.theme.color.textDark};
-    border: 0;
-    border-radius: 50%;
-
-    &:hover {
-      background-color: rgba(255, 255, 255, 0.6);
-    }
-
-    &:before {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      font-size: 0.875rem;
-    }
-  }
-
-  .pnlm-fullscreen-toggle-button-inactive {
-    &:before {
-      content: '⤢';
-    }
-
-    &.pnlm-fullscreen-toggle-button-active {
-      &:before {
-        content: '⤢';
-      }
-    }
-  }
-
-  // Gyroscope (Orientation)
-
-  .pnlm-orientation-button {
-    background-image: none;
-    width: ${controlBtnSize};
-    height: ${controlBtnSize};
-    background-color: ${(props) => props.theme.color.accentDark};
-    color: ${(props) => props.theme.color.textDark};
-    border: 0;
-    border-radius: 999px;
-
-    &:hover {
-      background-color: red;
-    }
-
-    &:before {
-      content: 'A';
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      font-size: 0.875rem;
-    }
-
-    &.pnlm-orientation-button-active {
-      background-color: green;
-
-      &:hover {
-        background-color: pink;
-      }
-    }
-  }
-
-  // Zoom controls
-
-  .pnlm-zoom-controls {
-    display: none;
-    height: auto;
-    width: auto;
-    background-color: transparent;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    border: 0;
-    border-radius: 999px;
-
-    > * {
-      &:first-child {
-        border-top-left-radius: 999px;
-        border-top-right-radius: 999px;
-      }
-
-      &:last-child {
-        border-bottom-left-radius: 999px;
-        border-bottom-right-radius: 999px;
-      }
-    }
-  }
-
-  .pnlm-zoom-in,
-  .pnlm-zoom-out {
-    position: relative;
-    display: block;
-    width: ${controlBtnSize};
-    height: ${controlBtnSize};
-    background-image: none;
-    background-color: rgba(255, 255, 255, 0.4);
-    backdrop-filter: blur(5px);
-    color: ${(props) => props.theme.color.textDark};
-    border-radius: 0;
-
-    &:before {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-
-    &:hover {
-      background-color: rgba(255, 255, 255, 0.6);
-    }
-  }
-
-  .pnlm-zoom-in {
-    top: auto;
-
-    &:before {
-      content: '+';
-    }
-  }
-
-  .pnlm-zoom-out {
-    bottom: auto;
-    border-top: 1px solid ${(props) => props.theme.color.textDark};
-
-    &:before {
-      content: '-';
-    }
-  }
-
-  // Load Button
-
-  .pnlm-load-button {
-    top: auto;
-    bottom: ${size(2)};
-    transform: translateX(-50%);
-    width: auto;
-    height: auto;
-    padding: ${size(1.75)} ${size(2)};
-    border-radius: 3px;
-    margin: 0;
-    background-color: ${(props) => props.theme.color.accentDark};
-    color: ${(props) => props.theme.color.textDark};
-    line-height: 1.1;
-    user-select: none;
-
-    &:hover {
-      background-color: ${(props) => props.theme.color.accentDark};
-    }
-
-    p {
-      margin: 0;
-      font-size: 0.875rem;
-    }
-  }
-
-  // Load box
-
-  .pnlm-load-box {
-    background-color: transparent;
-    height: auto;
-    margin: 0;
-    width: 150px;
-    transform: translate(-50%, -50%);
-
-    > p {
-      display: none;
-    }
-  }
-
-  // Load bar
-
-  .pnlm-lbar {
-    width: 100%;
-    background-color: rgba(255, 255, 255, 0.4);
-    border: 0;
-  }
-
-  .pnlm-lbar-fill {
-    background-color: ${(props) => props.theme.color.textLight};
-  }
-`;
-
-  // src/components/Sphere/SphereViewer.tsx
-  var ReactPannellum = (0, import_react42.lazy)(() => import("pannellum-react/es/elements/Pannellum"));
-  var SphereViewer = ({ id, src, preview, autoLoad, onStart }) => {
-    const [number] = (0, import_react42.useState)(Math.floor(1e8 + Math.random() * 9e8));
-    (0, import_react42.useEffect)(() => {
-      setTimeout(() => {
-        if (onStart) {
-          const startBtn = document.querySelector(".pnlm-load-button");
-          if (startBtn)
-            startBtn.addEventListener("click", onStart);
-        }
-      }, 100);
-    }, []);
-    return /* @__PURE__ */ import_react42.default.createElement(Wrapper20, null, /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Suspense, {
-      fallback: /* @__PURE__ */ import_react42.default.createElement(Loader_default, null)
-    }, /* @__PURE__ */ import_react42.default.createElement(ReactPannellum, {
-      id: `a-${id}-${number}`,
-      image: src,
-      hfov: 120,
-      autoLoad,
-      compass: true,
-      width: "100%",
-      preview
-    })));
-  };
-  var SphereViewer_default = SphereViewer;
-
-  // src/components/Sphere/SphereLightbox.tsx
-  var SphereLightbox = ({ url }) => /* @__PURE__ */ import_react43.default.createElement(SphereViewer_default, {
-    id: url,
-    src: url,
-    preview: url,
-    autoLoad: true
-  });
-  var SphereLightbox_default = SphereLightbox;
-
   // src/components/ThreeSixty/ThreeSixtLightbox.tsx
-  var import_react46 = __toESM(__require("react"));
+  var import_react44 = __toESM(__require("react"));
 
   // src/components/Gallery/MediaButton.tsx
-  var import_react44 = __toESM(__require("react"));
-  var MediaButton = ({ text, onClick }) => /* @__PURE__ */ import_react44.default.createElement(MediaButtonWrapper, null, /* @__PURE__ */ import_react44.default.createElement(ButtonSecondary, {
+  var import_react42 = __toESM(__require("react"));
+  var MediaButton = ({ text, onClick }) => /* @__PURE__ */ import_react42.default.createElement(MediaButtonWrapper, null, /* @__PURE__ */ import_react42.default.createElement(ButtonSecondary, {
     onClick,
     title: text
-  }, /* @__PURE__ */ import_react44.default.createElement(ButtonContent, null, text)));
+  }, /* @__PURE__ */ import_react42.default.createElement(ButtonContent, null, text)));
   var MediaButton_default = MediaButton;
 
   // src/components/ThreeSixty/Rotation.tsx
-  var import_react45 = __toESM(__require("react"));
+  var import_react43 = __toESM(__require("react"));
   var calculateCurrentFrame = (startFrame, delta, length) => {
     const frame = (startFrame + delta) % length;
     if (frame < 0) {
@@ -5727,14 +5432,14 @@
     return frame;
   };
   var Rotation = ({ children }) => {
-    const startFrame = (0, import_react45.useRef)(0);
-    const pointerPosition = (0, import_react45.useRef)();
-    const max = (0, import_react45.useRef)(0);
-    const [state, setState] = (0, import_react45.useState)({
+    const startFrame = (0, import_react43.useRef)(0);
+    const pointerPosition = (0, import_react43.useRef)();
+    const max = (0, import_react43.useRef)(0);
+    const [state, setState] = (0, import_react43.useState)({
       current: 0,
       outsideMouseMove: false
     });
-    (0, import_react45.useEffect)(() => {
+    (0, import_react43.useEffect)(() => {
       document.addEventListener("mouseup", touchEnd);
       return () => {
         window.document.removeEventListener("mouseup", touchEnd);
@@ -5748,7 +5453,7 @@
       if (notTouched) {
         return;
       }
-      const childCount = import_react45.Children.count(children);
+      const childCount = import_react43.Children.count(children);
       const { offsetWidth } = event.currentTarget;
       const pointer = calculatePointerPosition(event);
       const max2 = offsetWidth;
@@ -5761,7 +5466,7 @@
       event.preventDefault();
       if (notTouched || !state.outsideMouseMove)
         return;
-      const childCount = import_react45.Children.count(children);
+      const childCount = import_react43.Children.count(children);
       const pointer = calculatePointerPosition(event);
       const offset = pointer - (pointerPosition.current || 0);
       const delta = Math.floor(offset / max.current * childCount);
@@ -5805,7 +5510,7 @@
       const { offsetLeft } = event.currentTarget;
       return clientX - offsetLeft;
     };
-    return /* @__PURE__ */ import_react45.default.createElement("div", {
+    return /* @__PURE__ */ import_react43.default.createElement("div", {
       onTouchStart: touchStart,
       onTouchMove: touchMove,
       onTouchEnd: touchEnd,
@@ -5813,9 +5518,9 @@
       onMouseMove: touchMove,
       onMouseEnter,
       onMouseLeave
-    }, import_react45.Children.map(
+    }, import_react43.Children.map(
       children,
-      (child, i) => (0, import_react45.cloneElement)(child, {
+      (child, i) => (0, import_react43.cloneElement)(child, {
         style: {
           width: "100%",
           display: state.current === i ? "block" : "none"
@@ -5827,18 +5532,18 @@
 
   // src/components/ThreeSixty/ThreeSixtLightbox.tsx
   var ThreeSixtyLightbox = ({ urls }) => {
-    const [started2, setStarted] = (0, import_react46.useState)(false);
-    const onStart = (0, import_react46.useCallback)(() => setStarted(true), []);
+    const [started2, setStarted] = (0, import_react44.useState)(false);
+    const onStart = (0, import_react44.useCallback)(() => setStarted(true), []);
     if (!started2) {
-      return /* @__PURE__ */ import_react46.default.createElement(Item9, null, /* @__PURE__ */ import_react46.default.createElement(Img2, {
+      return /* @__PURE__ */ import_react44.default.createElement(Item9, null, /* @__PURE__ */ import_react44.default.createElement(Img2, {
         src: urls[0],
         alt: "alt"
-      }), /* @__PURE__ */ import_react46.default.createElement(MediaButton_default, {
+      }), /* @__PURE__ */ import_react44.default.createElement(MediaButton_default, {
         text: "Starta 360\xB0 exteri\xF6rt",
         onClick: onStart
       }));
     }
-    return /* @__PURE__ */ import_react46.default.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ import_react46.default.createElement(Img2, {
+    return /* @__PURE__ */ import_react44.default.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ import_react44.default.createElement(Img2, {
       key: image,
       src: image,
       alt: `Bild ${i + 1}`
@@ -5860,46 +5565,44 @@
         onClose();
       }
     };
-    return /* @__PURE__ */ import_react47.default.createElement(Wrapper18, {
+    return /* @__PURE__ */ import_react45.default.createElement(Wrapper18, {
       ref: (ref) => ref?.focus(),
       onKeyDown,
       tabIndex: 0
-    }, /* @__PURE__ */ import_react47.default.createElement(UiBlock2, {
+    }, /* @__PURE__ */ import_react45.default.createElement(UiBlock2, {
       onClick: onClose,
       "aria-hidden": true
-    }), media.map((m, i) => /* @__PURE__ */ import_react47.default.createElement(Item9, {
+    }), media.filter((x) => x.type !== "sphere").map((m, i) => /* @__PURE__ */ import_react45.default.createElement(Item9, {
       key: i,
       ref: index2 === i ? onRef : void 0
-    }, m.type === "image" && /* @__PURE__ */ import_react47.default.createElement(Img2, {
+    }, m.type === "image" && /* @__PURE__ */ import_react45.default.createElement(Img2, {
       id: `lightbox-image-${i}`,
       src: m.files[0].url,
       alt: `Bild ${i + 1}`
-    }), m.type === "threesixty" && /* @__PURE__ */ import_react47.default.createElement(ThreeSixtLightbox_default, {
+    }), m.type === "threesixty" && /* @__PURE__ */ import_react45.default.createElement(ThreeSixtLightbox_default, {
       urls: m.files.map((x) => x.url)
-    }), m.type === "sphere" && /* @__PURE__ */ import_react47.default.createElement(SphereLightbox_default, {
-      url: m.files[0].url
-    }), m.type === "embedded" && /* @__PURE__ */ import_react47.default.createElement(EmbeddedVideoLightbox_default, {
+    }), m.type === "embedded" && /* @__PURE__ */ import_react45.default.createElement(EmbeddedVideoLightbox_default, {
       url: m.files[0].url
-    }))), /* @__PURE__ */ import_react47.default.createElement(CloseBtn2, {
+    }))), /* @__PURE__ */ import_react45.default.createElement(CloseBtn2, {
       onClick: onClose,
       title: "St\xE4ng"
-    }, /* @__PURE__ */ import_react47.default.createElement(IconCancel, {
+    }, /* @__PURE__ */ import_react45.default.createElement(IconCancel, {
       block: true
     })));
   };
   var Lightbox_default = Lightbox;
 
   // src/components/Video/EmbededVideo.tsx
-  var import_react51 = __toESM(__require("react"));
+  var import_react49 = __toESM(__require("react"));
 
   // src/components/Video/useThumbnail.ts
-  var import_react50 = __require("react");
+  var import_react48 = __require("react");
 
   // src/hooks/useVimeoThumbnail.ts
-  var import_react49 = __require("react");
+  var import_react47 = __require("react");
 
   // src/hooks/useFetch.ts
-  var import_react48 = __require("react");
+  var import_react46 = __require("react");
   var cache = {};
   var getCachedResult = (key) => cache?.[key] || void 0;
   var setCachedResult = (key, value) => {
@@ -5917,10 +5620,10 @@
     delete pendingPromise[url];
   };
   var useFetch = (path, options, skip, promiseCache) => {
-    const [data, setData] = (0, import_react48.useState)();
-    const [loading, setLoading] = (0, import_react48.useState)(false);
-    const [error, setError] = (0, import_react48.useState)(false);
-    const doFetch = (0, import_react48.useCallback)(async () => {
+    const [data, setData] = (0, import_react46.useState)();
+    const [loading, setLoading] = (0, import_react46.useState)(false);
+    const [error, setError] = (0, import_react46.useState)(false);
+    const doFetch = (0, import_react46.useCallback)(async () => {
       const key = path.toString();
       const cached = getCachedResult(key);
       setError(false);
@@ -5949,7 +5652,7 @@
       }
       return;
     }, [path, options]);
-    (0, import_react48.useEffect)(() => {
+    (0, import_react46.useEffect)(() => {
       if (!skip) {
         doFetch();
       }
@@ -5964,14 +5667,14 @@
 
   // src/hooks/useVimeoThumbnail.ts
   var useVimeoThumbnail = (id, small) => {
-    const [thumbnail, setThumbnail] = (0, import_react49.useState)();
+    const [thumbnail, setThumbnail] = (0, import_react47.useState)();
     const { data } = useFetch_default(
       `http://vimeo.com/api/v2/video/${id}.json`,
       {},
       !id || !!thumbnail,
       true
     );
-    (0, import_react49.useEffect)(() => {
+    (0, import_react47.useEffect)(() => {
       if (data?.[0]) {
         if (small && data[0].thumbnail_small) {
           setThumbnail(data[0].thumbnail_small);
@@ -5988,10 +5691,10 @@
   var useThumbnail = (url, small) => {
     if (url?.toLowerCase().endsWith(".mp4"))
       return;
-    const [thumbnail, setThumbnail] = (0, import_react50.useState)();
+    const [thumbnail, setThumbnail] = (0, import_react48.useState)();
     const vimeoId = url ? getVimeoId(url) : void 0;
     const vimeoThumbnail = useVimeoThumbnail_default(vimeoId, small);
-    (0, import_react50.useEffect)(() => {
+    (0, import_react48.useEffect)(() => {
       if (url) {
         const youtubeThumbnail = getYoutubeThumbnail(url);
         if (youtubeThumbnail) {
@@ -6008,11 +5711,11 @@
   var useThumbnail_default = useThumbnail;
 
   // src/components/Modal/index.tsx
-  var React48 = __toESM(__require("react"));
+  var React46 = __toESM(__require("react"));
 
   // src/components/Modal/wrapper.tsx
-  var import_styled_components39 = __toESM(__require("styled-components"));
-  var Wrapper21 = import_styled_components39.default.div.attrs(() => ({
+  var import_styled_components38 = __toESM(__require("styled-components"));
+  var Wrapper20 = import_styled_components38.default.div.attrs(() => ({
     role: "dialog"
   }))`
   position: fixed;
@@ -6032,7 +5735,7 @@
     padding: ${size(2)};
   }
 `;
-  var UiBlock3 = import_styled_components39.default.div.attrs(() => ({
+  var UiBlock3 = import_styled_components38.default.div.attrs(() => ({
     "aria-hidden": "true",
     role: "button"
   }))`
@@ -6052,7 +5755,7 @@
     animation: ${fadeIn} 400ms ease forwards;
   }
 `;
-  var Dialog = import_styled_components39.default.article.attrs(() => ({
+  var Dialog = import_styled_components38.default.article.attrs(() => ({
     className: "wayke__theme wayke__font--regular"
   }))`
   display: flex;
@@ -6076,74 +5779,74 @@
     animation: ${fadeIn} 400ms ease, ${noTransform} 400ms ease forwards;
   }
 `;
-  var Content4 = import_styled_components39.default.div`
+  var Content4 = import_styled_components38.default.div`
   flex: 1 1 auto;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 `;
-  var Header4 = import_styled_components39.default.header`
+  var Header4 = import_styled_components38.default.header`
   display: flex;
   align-items: center;
   min-height: 60px;
   padding: ${size(3)};
   padding-bottom: 0;
 `;
-  var Heading5 = import_styled_components39.default.div`
+  var Heading5 = import_styled_components38.default.div`
   flex: 1 1 auto;
 
   ${H1} {
     font-size: 1.5rem;
   }
 `;
-  var Close2 = import_styled_components39.default.div`
+  var Close2 = import_styled_components38.default.div`
   flex-shrink: 0;
   margin: ${size(-2)};
   padding-left: ${size(3)};
 `;
-  var CloseBtn3 = (0, import_styled_components39.default)(ButtonReset)`
+  var CloseBtn3 = (0, import_styled_components38.default)(ButtonReset)`
   display: block;
   padding: ${size(2)};
 `;
-  var Body4 = import_styled_components39.default.div`
+  var Body4 = import_styled_components38.default.div`
   padding: ${size(3)};
 `;
-  var Image3 = import_styled_components39.default.img`
+  var Image3 = import_styled_components38.default.img`
   display: block;
   width: calc(100% + ${size(6)});
   margin-left: ${size(-3)};
   margin-bottom: ${size(3)};
 `;
-  var ModalFoldout = import_styled_components39.default.div`
+  var ModalFoldout = import_styled_components38.default.div`
   background-color: ${(props) => props.theme.color.accent};
   margin: ${size(-3)};
   margin-top: ${size(3)};
   padding: ${size(3)};
 `;
-  var ModalFoldoutBody = import_styled_components39.default.div``;
+  var ModalFoldoutBody = import_styled_components38.default.div``;
 
   // src/components/Modal/index.tsx
   var Modal = ({ id, title, onClose, children }) => {
-    return /* @__PURE__ */ React48.createElement(portal_default, {
+    return /* @__PURE__ */ React46.createElement(portal_default, {
       id: id || portal_namespace_exports.DefaultPortal
-    }, /* @__PURE__ */ React48.createElement(Wrapper21, {
+    }, /* @__PURE__ */ React46.createElement(Wrapper20, {
       onClick: (e) => e.stopPropagation()
-    }, /* @__PURE__ */ React48.createElement(UiBlock3, {
+    }, /* @__PURE__ */ React46.createElement(UiBlock3, {
       onClick: onClose,
       title: "St\xE4ng modal"
-    }), /* @__PURE__ */ React48.createElement(Dialog, null, /* @__PURE__ */ React48.createElement(Content4, null, /* @__PURE__ */ React48.createElement(Header4, null, /* @__PURE__ */ React48.createElement(Heading5, null, /* @__PURE__ */ React48.createElement(H1, {
+    }), /* @__PURE__ */ React46.createElement(Dialog, null, /* @__PURE__ */ React46.createElement(Content4, null, /* @__PURE__ */ React46.createElement(Header4, null, /* @__PURE__ */ React46.createElement(Heading5, null, /* @__PURE__ */ React46.createElement(H1, {
       noMargin: true
-    }, title)), /* @__PURE__ */ React48.createElement(Close2, null, /* @__PURE__ */ React48.createElement(CloseBtn3, {
+    }, title)), /* @__PURE__ */ React46.createElement(Close2, null, /* @__PURE__ */ React46.createElement(CloseBtn3, {
       onClick: onClose,
       title: "St\xE4ng modal"
-    }, /* @__PURE__ */ React48.createElement(IconCancel, {
+    }, /* @__PURE__ */ React46.createElement(IconCancel, {
       block: true
-    })))), /* @__PURE__ */ React48.createElement(Body4, null, children)))));
+    })))), /* @__PURE__ */ React46.createElement(Body4, null, children)))));
   };
   var Modal_default = Modal;
 
   // src/components/Video/EmbededVideo.tsx
   var GalleryEmbed = ({ src, index: index2 }) => {
-    const [modal, setModal] = (0, import_react51.useState)();
+    const [modal, setModal] = (0, import_react49.useState)();
     const thumbnail = useThumbnail_default(src);
     const onClick = (e) => {
       e.stopPropagation();
@@ -6153,44 +5856,44 @@
       e.stopPropagation();
       setModal(void 0);
     };
-    const onError = (0, import_react51.useCallback)(
+    const onError = (0, import_react49.useCallback)(
       (e) => onImageError(e, thumbnail),
       [thumbnail]
     );
-    const onLoad = (0, import_react51.useCallback)(
+    const onLoad = (0, import_react49.useCallback)(
       (e) => onImageLoad(e, thumbnail),
       [thumbnail]
     );
     const customVideo = src.toLowerCase().endsWith(".mp4");
     if (thumbnail?.length && !customVideo) {
-      return /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement(ImageFull, {
+      return /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement(ImageFull, {
         onLoad,
         src: thumbnail[0],
         onError,
         alt: `Bild ${index2 + 1}`
-      }), /* @__PURE__ */ import_react51.default.createElement(MediaButton_default, {
+      }), /* @__PURE__ */ import_react49.default.createElement(MediaButton_default, {
         text: "Spela video",
         onClick
-      }), modal && /* @__PURE__ */ import_react51.default.createElement(Modal_default, {
+      }), modal && /* @__PURE__ */ import_react49.default.createElement(Modal_default, {
         title: "Video",
         onClose: onCloseModal
-      }, /* @__PURE__ */ import_react51.default.createElement(EmbeddedVideoLightbox_default, {
+      }, /* @__PURE__ */ import_react49.default.createElement(EmbeddedVideoLightbox_default, {
         url: modal
       })));
     }
     if (customVideo)
-      return /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement(CustomPlayer_default, {
+      return /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement(CustomPlayer_default, {
         ratio: "66.66%",
         isPreview: true,
         controls: false,
         url: src
-      }), /* @__PURE__ */ import_react51.default.createElement(MediaButton_default, {
+      }), /* @__PURE__ */ import_react49.default.createElement(MediaButton_default, {
         text: "Spela video",
         onClick
-      }), modal && /* @__PURE__ */ import_react51.default.createElement(Modal_default, {
+      }), modal && /* @__PURE__ */ import_react49.default.createElement(Modal_default, {
         title: "Video",
         onClose: onCloseModal
-      }, /* @__PURE__ */ import_react51.default.createElement(EmbeddedVideoLightbox_default, {
+      }, /* @__PURE__ */ import_react49.default.createElement(EmbeddedVideoLightbox_default, {
         url: modal
       })));
     return null;
@@ -6198,27 +5901,27 @@
   var EmbededVideo_default = GalleryEmbed;
 
   // src/components/Video/QuickNavEmbeded.tsx
-  var import_react52 = __toESM(__require("react"));
+  var import_react50 = __toESM(__require("react"));
   var QuickNavEmbeded = ({ src, index: index2 }) => {
     const thumbnail = useThumbnail_default(src);
-    const onError = (0, import_react52.useCallback)(
+    const onError = (0, import_react50.useCallback)(
       (e) => onImageError(e, thumbnail),
       [thumbnail]
     );
-    const onLoad = (0, import_react52.useCallback)(
+    const onLoad = (0, import_react50.useCallback)(
       (e) => onImageLoad(e, thumbnail),
       [thumbnail]
     );
     const customVideo = src?.toLowerCase().endsWith(".mp4");
     if (thumbnail?.length && !customVideo)
-      return /* @__PURE__ */ import_react52.default.createElement(QuickNavImg, {
+      return /* @__PURE__ */ import_react50.default.createElement(QuickNavImg, {
         onLoad,
         src: thumbnail[0],
         onError,
         alt: `Bild ${index2 + 1}`
       });
     if (customVideo)
-      return /* @__PURE__ */ import_react52.default.createElement(CustomPlayer_default, {
+      return /* @__PURE__ */ import_react50.default.createElement(CustomPlayer_default, {
         key: index2,
         url: src,
         ratio: "66.66%"
@@ -6227,60 +5930,30 @@
   };
   var QuickNavEmbeded_default = QuickNavEmbeded;
 
-  // src/components/Sphere/Sphere.tsx
-  var import_react53 = __toESM(__require("react"));
-  var onMediaClick = (e, func) => {
-    e.stopPropagation();
-    e.preventDefault();
-    func();
-  };
-  var Sphere = ({ url, preview, visible, onDisableNavigation, navigationDisabled }) => {
-    if (!visible || !navigationDisabled && visible) {
-      return /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement(ImageFull, {
-        src: preview,
-        alt: "alt"
-      }), /* @__PURE__ */ import_react53.default.createElement(MediaButton_default, {
-        text: "Starta 360\xB0 interi\xF6rt",
-        onClick: (e) => onMediaClick(e, onDisableNavigation)
-      }));
-    }
-    if (navigationDisabled && visible) {
-      return /* @__PURE__ */ import_react53.default.createElement(SphereViewer_default, {
-        id: url,
-        preview: url,
-        src: url,
-        autoLoad: true,
-        onStart: onDisableNavigation
-      });
-    }
-    return null;
-  };
-  var Sphere_default = Sphere;
-
   // src/components/ThreeSixty/ThreeSixty.tsx
-  var import_react54 = __toESM(__require("react"));
-  var onMediaClick2 = (e, func) => {
+  var import_react51 = __toESM(__require("react"));
+  var onMediaClick = (e, func) => {
     e.stopPropagation();
     e.preventDefault();
     func();
   };
   var ThreeSixty = ({ urls, visible, onDisableNavigation, navigationDisabled }) => {
     if (!visible || !navigationDisabled && visible) {
-      return /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement(Image2, {
+      return /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement(Image2, {
         src: urls[0],
         alt: "alt"
-      }), /* @__PURE__ */ import_react54.default.createElement(MediaButton_default, {
+      }), /* @__PURE__ */ import_react51.default.createElement(MediaButton_default, {
         text: "Starta 360\xB0 exteri\xF6rt",
-        onClick: (e) => onMediaClick2(e, onDisableNavigation)
+        onClick: (e) => onMediaClick(e, onDisableNavigation)
       }));
     }
     if (navigationDisabled && visible) {
-      return /* @__PURE__ */ import_react54.default.createElement("div", {
+      return /* @__PURE__ */ import_react51.default.createElement("div", {
         onClick: (e) => {
           e.stopPropagation();
           e.preventDefault();
         }
-      }, /* @__PURE__ */ import_react54.default.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ import_react54.default.createElement(Image2, {
+      }, /* @__PURE__ */ import_react51.default.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ import_react51.default.createElement(Image2, {
         key: image,
         src: image,
         alt: `Bild ${i + 1}`
@@ -6300,42 +5973,42 @@
     slidesToScroll: 1
   };
   var Gallery = ({ media, placeholderImage }) => {
-    const slider = (0, import_react55.useRef)(null);
-    const quickNavRef = (0, import_react55.useRef)(null);
-    const isDragging = (0, import_react55.useRef)(false);
-    const [index2, setIndex] = (0, import_react55.useState)(0);
-    const [lightbox, setLightbox] = (0, import_react55.useState)(false);
-    const [navigationDisabled, setNavigationDisabled] = (0, import_react55.useState)(false);
-    const beforeChange = (0, import_react55.useCallback)((_, newIndex) => {
+    const slider = (0, import_react52.useRef)(null);
+    const quickNavRef = (0, import_react52.useRef)(null);
+    const isDragging = (0, import_react52.useRef)(false);
+    const [index2, setIndex] = (0, import_react52.useState)(0);
+    const [lightbox, setLightbox] = (0, import_react52.useState)(false);
+    const [navigationDisabled, setNavigationDisabled] = (0, import_react52.useState)(false);
+    const beforeChange = (0, import_react52.useCallback)((_, newIndex) => {
       const element = quickNavRef.current?.querySelectorAll("li")?.[newIndex];
       if (element) {
         (0, import_scroll_into_view_if_needed.default)(element, { scrollMode: "if-needed", block: "nearest", inline: "nearest" });
       }
       setIndex(newIndex);
     }, []);
-    const onMouseDown = (0, import_react55.useCallback)(() => {
+    const onMouseDown = (0, import_react52.useCallback)(() => {
       if (isDragging.current) {
         isDragging.current = false;
       }
     }, []);
-    const onMouseMove = (0, import_react55.useCallback)(() => {
+    const onMouseMove = (0, import_react52.useCallback)(() => {
       if (!isDragging.current) {
         isDragging.current = true;
       }
     }, []);
-    const onClick = (0, import_react55.useCallback)(() => {
+    const onClick = (0, import_react52.useCallback)(() => {
       pubsub_default.publish("ImagesClick");
       if (!isDragging.current && !lightbox && !!media?.length) {
         setLightbox(true);
       }
     }, [lightbox, media]);
-    const nextImage = (0, import_react55.useCallback)(() => {
+    const nextImage = (0, import_react52.useCallback)(() => {
       if (!slider || !slider.current) {
         return;
       }
       slider.current.slickNext();
     }, [slider]);
-    const prevImage = (0, import_react55.useCallback)(() => {
+    const prevImage = (0, import_react52.useCallback)(() => {
       if (!slider || !slider.current) {
         return;
       }
@@ -6359,93 +6032,87 @@
       isDragging.current = false;
       setNavigationDisabled(false);
     };
-    const onToggleLightbox = (0, import_react55.useCallback)(() => setLightbox(!lightbox), [lightbox]);
+    const onToggleLightbox = (0, import_react52.useCallback)(() => setLightbox(!lightbox), [lightbox]);
     const mediaLength = media?.length || 0;
-    const placeholder = (0, import_react55.useMemo)(
+    const placeholder = (0, import_react52.useMemo)(
       () => placeholderImage || DEFAULT_PLACEHOLDER_IMAGE,
       [placeholderImage]
     );
-    return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(Wrapper17, null, /* @__PURE__ */ import_react55.default.createElement(Main, null, /* @__PURE__ */ import_react55.default.createElement(SliderWrapper, {
+    return /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement(Wrapper17, null, /* @__PURE__ */ import_react52.default.createElement(Main, null, /* @__PURE__ */ import_react52.default.createElement(SliderWrapper, {
       onMouseDown,
       onMouseMove,
       onClick
-    }, /* @__PURE__ */ import_react55.default.createElement(import_react_slick.default, {
+    }, /* @__PURE__ */ import_react52.default.createElement(import_react_slick.default, {
       ...sliderSettings,
       swipe: !navigationDisabled,
       touchMove: !navigationDisabled,
       swipeToSlide: !navigationDisabled,
       ref: slider,
       beforeChange
-    }, !!media?.length ? media.map((m, i) => /* @__PURE__ */ import_react55.default.createElement(Item8, {
+    }, !!media?.length ? media.filter((x) => x.type !== "sphere").map((m, i) => /* @__PURE__ */ import_react52.default.createElement(Item8, {
       key: m.files[0].url || i
-    }, m.type === "image" && /* @__PURE__ */ import_react55.default.createElement(Image2, {
+    }, m.type === "image" && /* @__PURE__ */ import_react52.default.createElement(Image2, {
       src: m.files[0].formats.filter(notEmpty).find((x) => x.format === "1170x")?.url,
       alt: `Bild ${i + 1}`
-    }), m.type === "threesixty" && /* @__PURE__ */ import_react55.default.createElement(ThreeSixty_default, {
+    }), m.type === "threesixty" && /* @__PURE__ */ import_react52.default.createElement(ThreeSixty_default, {
       urls: m.files.map((x) => x.url),
       visible: i === index2,
       onDisableNavigation,
       navigationDisabled
-    }), m.type === "embedded" && /* @__PURE__ */ import_react55.default.createElement(EmbededVideo_default, {
+    }), m.type === "embedded" && /* @__PURE__ */ import_react52.default.createElement(EmbededVideo_default, {
       src: m.files[0].url,
       index: i + 1
-    }), m.type === "sphere" && /* @__PURE__ */ import_react55.default.createElement(Sphere_default, {
-      visible: i === index2,
-      url: m.files[0].url,
-      preview: m.files[0].url,
-      onDisableNavigation,
-      navigationDisabled
-    }))) : /* @__PURE__ */ import_react55.default.createElement(Item8, {
+    }))) : /* @__PURE__ */ import_react52.default.createElement(Item8, {
       key: placeholder
-    }, /* @__PURE__ */ import_react55.default.createElement(Image2, {
+    }, /* @__PURE__ */ import_react52.default.createElement(Image2, {
       src: placeholder,
       alt: `Bild 1`
-    }))), navigationDisabled && mediaLength > 1 && /* @__PURE__ */ import_react55.default.createElement(EnableNavigationButton, null, /* @__PURE__ */ import_react55.default.createElement(ButtonSecondary, {
+    }))), navigationDisabled && mediaLength > 1 && /* @__PURE__ */ import_react52.default.createElement(EnableNavigationButton, null, /* @__PURE__ */ import_react52.default.createElement(ButtonSecondary, {
       onClick: onEnableNavigation,
       title: "St\xE4ng"
-    }, /* @__PURE__ */ import_react55.default.createElement(ButtonContent, null, "St\xE4ng")))), !navigationDisabled && mediaLength > 1 && /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(ArrowLeft, {
+    }, /* @__PURE__ */ import_react52.default.createElement(ButtonContent, null, "St\xE4ng")))), !navigationDisabled && mediaLength > 1 && /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement(ArrowLeft, {
       onClick: prevImage,
       title: "F\xF6reg\xE5ende bild"
-    }, /* @__PURE__ */ import_react55.default.createElement(IconChevronLeft, {
+    }, /* @__PURE__ */ import_react52.default.createElement(IconChevronLeft, {
       block: true
-    })), /* @__PURE__ */ import_react55.default.createElement(ArrowRight, {
+    })), /* @__PURE__ */ import_react52.default.createElement(ArrowRight, {
       onClick: nextImage,
       title: "N\xE4sta bild"
-    }, /* @__PURE__ */ import_react55.default.createElement(IconChevronRight, {
+    }, /* @__PURE__ */ import_react52.default.createElement(IconChevronRight, {
       block: true
-    })))), /* @__PURE__ */ import_react55.default.createElement(Alt, null, /* @__PURE__ */ import_react55.default.createElement(QuickNav, {
+    })))), /* @__PURE__ */ import_react52.default.createElement(Alt, null, /* @__PURE__ */ import_react52.default.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 /* @__PURE__ */ import_react55.default.createElement(QuickNavItem, {
+      return /* @__PURE__ */ import_react52.default.createElement(QuickNavItem, {
         key: src || i,
         active: index2 === i
-      }, /* @__PURE__ */ import_react55.default.createElement(QuickNavBtn, {
+      }, /* @__PURE__ */ import_react52.default.createElement(QuickNavBtn, {
         onClick: () => goTo(i),
         title: `G\xE5 till bild ${i + 1}`
-      }, m.type === "image" && /* @__PURE__ */ import_react55.default.createElement(QuickNavImg, {
+      }, m.type === "image" && /* @__PURE__ */ import_react52.default.createElement(QuickNavImg, {
         src,
         alt: `Bild ${i + 1}`
-      }), m.type === "threesixty" && /* @__PURE__ */ import_react55.default.createElement(QuickNavImg, {
+      }), m.type === "threesixty" && /* @__PURE__ */ import_react52.default.createElement(QuickNavImg, {
         src,
         alt: `Bild ${i + 1}`
-      }), m.type === "embedded" && /* @__PURE__ */ import_react55.default.createElement(QuickNavEmbeded_default, {
+      }), m.type === "embedded" && /* @__PURE__ */ import_react52.default.createElement(QuickNavEmbeded_default, {
         src,
         index: i
-      }), m.type === "sphere" && /* @__PURE__ */ import_react55.default.createElement(QuickNavImg, {
+      }), m.type === "sphere" && /* @__PURE__ */ import_react52.default.createElement(QuickNavImg, {
         src: m.files[0].url,
         alt: `Bild ${i + 1}`
       })));
-    }) : /* @__PURE__ */ import_react55.default.createElement(QuickNavItem, {
+    }) : /* @__PURE__ */ import_react52.default.createElement(QuickNavItem, {
       key: placeholder,
       active: true
-    }, /* @__PURE__ */ import_react55.default.createElement(QuickNavBtn, {
+    }, /* @__PURE__ */ import_react52.default.createElement(QuickNavBtn, {
       onClick: () => goTo(0),
       title: `G\xE5 till bild 0`
-    }, /* @__PURE__ */ import_react55.default.createElement(QuickNavImg, {
+    }, /* @__PURE__ */ import_react52.default.createElement(QuickNavImg, {
       src: placeholder,
       alt: `Bild 1`
-    })))))), lightbox && !!media?.length && /* @__PURE__ */ import_react55.default.createElement(Lightbox_default, {
+    })))))), lightbox && !!media?.length && /* @__PURE__ */ import_react52.default.createElement(Lightbox_default, {
       media,
       index: index2,
       onClose: onToggleLightbox
@@ -6454,8 +6121,8 @@
   var Gallery_default = Gallery;
 
   // src/components/ProductPage/index.tsx
-  var import_styled_components40 = __toESM(__require("styled-components"));
-  var ProductPage = import_styled_components40.default.div`
+  var import_styled_components39 = __toESM(__require("styled-components"));
+  var ProductPage = import_styled_components39.default.div`
   display: flex;
   flex-direction: column;
 
@@ -6463,7 +6130,7 @@
     flex-direction: row;
   }
 `;
-  var ProductPageAside = import_styled_components40.default.div`
+  var ProductPageAside = import_styled_components39.default.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     display: contents;
   }
@@ -6474,7 +6141,7 @@
     padding-right: ${size(2)};
   }
 `;
-  var ProductPageMain = import_styled_components40.default.div`
+  var ProductPageMain = import_styled_components39.default.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     display: contents;
   }
@@ -6485,7 +6152,7 @@
     padding-left: ${size(2)};
   }
 `;
-  var ProductPageAsideSection = import_styled_components40.default.div`
+  var ProductPageAsideSection = import_styled_components39.default.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     order: ${(props) => props.mobileOrder};
 
@@ -6512,7 +6179,7 @@
     }
   }
 `;
-  var ProductPageMainSection = import_styled_components40.default.div`
+  var ProductPageMainSection = import_styled_components39.default.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     order: 99;
     padding: ${size(4)} 0;
@@ -6534,7 +6201,7 @@
     }
   }
 `;
-  var ProductPageContentLimit = import_styled_components40.default.div`
+  var ProductPageContentLimit = import_styled_components39.default.div`
   max-width: 420px;
 `;
 
@@ -6784,17 +6451,17 @@
   var useSearchItem_default = useSearchItem;
 
   // src/components/FinancialOptions/index.tsx
-  var import_react63 = __toESM(__require("react"));
+  var import_react60 = __toESM(__require("react"));
 
   // src/components/FinancialOptions/leasing.tsx
-  var import_react57 = __toESM(__require("react"));
+  var import_react54 = __toESM(__require("react"));
 
   // src/components/OptionBox/index.tsx
-  var React54 = __toESM(__require("react"));
+  var React51 = __toESM(__require("react"));
 
   // src/components/OptionBox/wrapper.tsx
-  var import_styled_components41 = __toESM(__require("styled-components"));
-  var Wrapper22 = import_styled_components41.default.div`
+  var import_styled_components40 = __toESM(__require("styled-components"));
+  var Wrapper21 = import_styled_components40.default.div`
   display: flex;
   align-items: center;
   padding: ${size(1)};
@@ -6805,14 +6472,14 @@
     margin-top: ${size(1)};
   }
 `;
-  var Logo2 = import_styled_components41.default.div`
+  var Logo2 = import_styled_components40.default.div`
   position: relative;
   flex-shrink: 0;
   margin-right: ${size(1)};
   width: ${size(9.5)};
   height: ${size(6)};
 `;
-  var LogoImg = import_styled_components41.default.img`
+  var LogoImg = import_styled_components40.default.img`
   display: block;
   position: absolute;
   left: 0;
@@ -6823,17 +6490,17 @@
   max-width: 100%;
   max-height: 100%;
 `;
-  var Content5 = import_styled_components41.default.div`
+  var Content5 = import_styled_components40.default.div`
   flex: 1 1 auto;
   text-align: right;
   line-height: 1.4;
 `;
-  var OptionBoxHeading = import_styled_components41.default.div.attrs(() => ({
+  var OptionBoxHeading = import_styled_components40.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   font-size: 1rem;
 `;
-  var OptionBoxContent = import_styled_components41.default.div`
+  var OptionBoxContent = import_styled_components40.default.div`
   margin-top: ${size(0.5)};
   font-size: 0.875rem;
 
@@ -6843,24 +6510,24 @@
 `;
 
   // src/components/OptionBox/index.tsx
-  var OptionBox = ({ logo, logo2x, logoAlt, children }) => /* @__PURE__ */ React54.createElement(Wrapper22, null, logo && /* @__PURE__ */ React54.createElement(Logo2, null, /* @__PURE__ */ React54.createElement(LogoImg, {
+  var OptionBox = ({ logo, logo2x, logoAlt, children }) => /* @__PURE__ */ React51.createElement(Wrapper21, null, logo && /* @__PURE__ */ React51.createElement(Logo2, null, /* @__PURE__ */ React51.createElement(LogoImg, {
     src: logo,
     srcSet: logo2x,
     alt: logoAlt
-  })), /* @__PURE__ */ React54.createElement(Content5, null, children));
+  })), /* @__PURE__ */ React51.createElement(Content5, null, children));
   var OptionBox_default = OptionBox;
 
   // src/components/DataList/index.tsx
-  var import_react56 = __toESM(__require("react"));
+  var import_react53 = __toESM(__require("react"));
 
   // src/components/DataList/wrapper.tsx
-  var import_styled_components42 = __toESM(__require("styled-components"));
-  var List8 = import_styled_components42.default.ul`
+  var import_styled_components41 = __toESM(__require("styled-components"));
+  var List8 = import_styled_components41.default.ul`
   list-style: none;
   padding: 0;
   margin: 0;
 `;
-  var Item10 = import_styled_components42.default.li`
+  var Item10 = import_styled_components41.default.li`
   display: flex;
   align-items: flex-start;
 
@@ -6868,10 +6535,10 @@
     margin-top: ${size(1)};
   }
 `;
-  var Label7 = import_styled_components42.default.div`
+  var Label7 = import_styled_components41.default.div`
   flex: 1 1 auto;
 `;
-  var Value2 = import_styled_components42.default.div.attrs(() => ({
+  var Value2 = import_styled_components41.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   flex-shrink: 0;
@@ -6879,25 +6546,25 @@
 `;
 
   // src/components/DataList/index.tsx
-  var DataList = ({ items }) => /* @__PURE__ */ import_react56.default.createElement(List8, null, items.map((item) => /* @__PURE__ */ import_react56.default.createElement(Item10, {
+  var DataList = ({ items }) => /* @__PURE__ */ import_react53.default.createElement(List8, null, items.map((item) => /* @__PURE__ */ import_react53.default.createElement(Item10, {
     key: item.label
-  }, /* @__PURE__ */ import_react56.default.createElement(Label7, null, item.label), /* @__PURE__ */ import_react56.default.createElement(Value2, null, item.value))));
+  }, /* @__PURE__ */ import_react53.default.createElement(Label7, null, item.label), /* @__PURE__ */ import_react53.default.createElement(Value2, null, item.value))));
   var DataList_default = DataList;
 
   // src/components/FinancialOptions/leasing.tsx
   var Leasing = ({ financialOption }) => {
-    const [modal, setModal] = (0, import_react57.useState)(false);
-    const toggleModal = (0, import_react57.useCallback)(() => setModal(!modal), [modal]);
+    const [modal, setModal] = (0, import_react54.useState)(false);
+    const toggleModal = (0, import_react54.useCallback)(() => setModal(!modal), [modal]);
     const { image, description, monthlyCost, duration, mileage } = financialOption;
-    return /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, modal && /* @__PURE__ */ import_react57.default.createElement(Modal_default, {
+    return /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, modal && /* @__PURE__ */ import_react54.default.createElement(Modal_default, {
       title: "Privatleasing",
       onClose: toggleModal
-    }, image && /* @__PURE__ */ import_react57.default.createElement(Image3, {
+    }, image && /* @__PURE__ */ import_react54.default.createElement(Image3, {
       src: image,
       alt: "Privatleasing"
-    }), description && /* @__PURE__ */ import_react57.default.createElement(Content_default, {
+    }), description && /* @__PURE__ */ import_react54.default.createElement(Content_default, {
       dangerouslySetInnerHTML: { __html: description }
-    }), /* @__PURE__ */ import_react57.default.createElement(ModalFoldout, null, /* @__PURE__ */ import_react57.default.createElement(ModalFoldoutBody, null, /* @__PURE__ */ import_react57.default.createElement(DataList_default, {
+    }), /* @__PURE__ */ import_react54.default.createElement(ModalFoldout, null, /* @__PURE__ */ import_react54.default.createElement(ModalFoldoutBody, null, /* @__PURE__ */ import_react54.default.createElement(DataList_default, {
       items: [
         {
           label: "M\xE5nadskostnad",
@@ -6912,14 +6579,14 @@
           value: `${numberSeparator(mileage?.current || 0)} mil/\xE5r`
         }
       ]
-    })))), /* @__PURE__ */ import_react57.default.createElement(OptionBox_default, null, /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, monthlyCost !== null && monthlyCost !== void 0 && /* @__PURE__ */ import_react57.default.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/m\xE5n`)), /* @__PURE__ */ import_react57.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react57.default.createElement("p", null, "Privatleasing", " ", mileage?.current && duration?.current && /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement(UtilityTextPrimary, null, numberSeparator(mileage?.current), " mil/\xE5r"), " ", "i ", /* @__PURE__ */ import_react57.default.createElement(UtilityTextPrimary, null, duration?.current, " m\xE5n"), ".", " ")), /* @__PURE__ */ import_react57.default.createElement("p", null, /* @__PURE__ */ import_react57.default.createElement(ButtonInline, {
+    })))), /* @__PURE__ */ import_react54.default.createElement(OptionBox_default, null, /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, monthlyCost !== null && monthlyCost !== void 0 && /* @__PURE__ */ import_react54.default.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/m\xE5n`)), /* @__PURE__ */ import_react54.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react54.default.createElement("p", null, "Privatleasing", " ", mileage?.current && duration?.current && /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement(UtilityTextPrimary, null, numberSeparator(mileage?.current), " mil/\xE5r"), " ", "i ", /* @__PURE__ */ import_react54.default.createElement(UtilityTextPrimary, null, duration?.current, " m\xE5n"), ".", " ")), /* @__PURE__ */ import_react54.default.createElement("p", null, /* @__PURE__ */ import_react54.default.createElement(ButtonInline, {
       onClick: toggleModal
     }, "L\xE4s mer")))));
   };
   var leasing_default = Leasing;
 
   // src/components/FinancialOptions/loan.tsx
-  var import_react62 = __toESM(__require("react"));
+  var import_react59 = __toESM(__require("react"));
 
   // src/hooks/useLoan.ts
   var import_client4 = __require("@apollo/client");
@@ -6975,22 +6642,22 @@
   var useLoan_default = useLoanCalculation;
 
   // src/components/FinancialOptions/LoanModal.tsx
-  var import_react61 = __toESM(__require("react"));
+  var import_react58 = __toESM(__require("react"));
 
   // src/components/ContentLogo/index.tsx
-  var import_styled_components43 = __toESM(__require("styled-components"));
-  var ContentLogo = import_styled_components43.default.div`
+  var import_styled_components42 = __toESM(__require("styled-components"));
+  var ContentLogo = import_styled_components42.default.div`
   ${(props) => props.theme.breakpoint.Sm} {
     display: flex;
     align-items: flex-start;
   }
 `;
-  var ContentLogoText = import_styled_components43.default.div`
+  var ContentLogoText = import_styled_components42.default.div`
   ${(props) => props.theme.breakpoint.Sm} {
     flex: 1 1 auto;
   }
 `;
-  var ContentLogoMedia = import_styled_components43.default.div`
+  var ContentLogoMedia = import_styled_components42.default.div`
   ${(props) => props.theme.breakpoint.LtSm} {
     margin-top: ${size(2)};
   }
@@ -7002,43 +6669,43 @@
 `;
 
   // src/components/RangeSlider/SliderWithLabel.tsx
-  var import_react60 = __toESM(__require("react"));
+  var import_react57 = __toESM(__require("react"));
 
   // src/components/RangeSliderLabel/index.tsx
-  var import_react58 = __toESM(__require("react"));
+  var import_react55 = __toESM(__require("react"));
 
   // src/components/RangeSliderLabel/wrapper.tsx
-  var import_styled_components44 = __toESM(__require("styled-components"));
-  var Wrapper23 = import_styled_components44.default.div`
+  var import_styled_components43 = __toESM(__require("styled-components"));
+  var Wrapper22 = import_styled_components43.default.div`
   display: flex;
   align-items: flex-end;
 `;
-  var Label8 = import_styled_components44.default.div.attrs(() => ({
+  var Label8 = import_styled_components43.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   flex: 1 1 auto;
 `;
-  var Value3 = import_styled_components44.default.div.attrs(() => ({
+  var Value3 = import_styled_components43.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold wayke__color--primary-text"
   }))`
   flex-shrink: 0;
   padding-left: ${size(2)};
   font-size: 1.125rem;
 
-  ${({ isHighlighted }) => isHighlighted && import_styled_components44.css`
+  ${({ isHighlighted }) => isHighlighted && import_styled_components43.css`
       font-size: 1.375rem;
       color: ${(props) => props.theme.color.textDark} !important;
     `}
 `;
 
   // src/components/RangeSliderLabel/index.tsx
-  var RangeSliderLabel = ({ label, value, highlight }) => /* @__PURE__ */ import_react58.default.createElement(Wrapper23, null, /* @__PURE__ */ import_react58.default.createElement(Label8, null, label), value && /* @__PURE__ */ import_react58.default.createElement(Value3, {
+  var RangeSliderLabel = ({ label, value, highlight }) => /* @__PURE__ */ import_react55.default.createElement(Wrapper22, null, /* @__PURE__ */ import_react55.default.createElement(Label8, null, label), value && /* @__PURE__ */ import_react55.default.createElement(Value3, {
     isHighlighted: highlight
   }, value));
   var RangeSliderLabel_default = RangeSliderLabel;
 
   // src/components/RangeSlider/RangeSliderSimple.tsx
-  var import_react59 = __toESM(__require("react"));
+  var import_react56 = __toESM(__require("react"));
   var import_react_compound_slider2 = __require("react-compound-slider");
   var RangeSliderSimple = ({
     loading,
@@ -7058,7 +6725,7 @@
     if (steps.length < 2) {
       return null;
     }
-    return /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement(Slider, null, /* @__PURE__ */ import_react59.default.createElement(import_react_compound_slider2.Slider, {
+    return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(Slider, null, /* @__PURE__ */ import_react56.default.createElement(import_react_compound_slider2.Slider, {
       disabled: loading,
       mode: 1,
       step,
@@ -7067,20 +6734,20 @@
       onUpdate,
       values,
       rootStyle: { position: "relative" }
-    }, /* @__PURE__ */ import_react59.default.createElement(import_react_compound_slider2.Rail, null, ({ getRailProps }) => /* @__PURE__ */ import_react59.default.createElement(Bar2, {
+    }, /* @__PURE__ */ import_react56.default.createElement(import_react_compound_slider2.Rail, null, ({ getRailProps }) => /* @__PURE__ */ import_react56.default.createElement(Bar2, {
       ...getRailProps()
-    })), /* @__PURE__ */ import_react59.default.createElement(import_react_compound_slider2.Handles, null, ({ handles, getHandleProps }) => /* @__PURE__ */ import_react59.default.createElement("div", {
+    })), /* @__PURE__ */ import_react56.default.createElement(import_react_compound_slider2.Handles, null, ({ handles, getHandleProps }) => /* @__PURE__ */ import_react56.default.createElement("div", {
       className: "slider-handles"
-    }, handles.map((handle) => /* @__PURE__ */ import_react59.default.createElement(Handle2, {
+    }, handles.map((handle) => /* @__PURE__ */ import_react56.default.createElement(Handle2, {
       key: handle.id,
       handle,
       domain,
       getHandleProps
-    })))), /* @__PURE__ */ import_react59.default.createElement(import_react_compound_slider2.Tracks, {
+    })))), /* @__PURE__ */ import_react56.default.createElement(import_react_compound_slider2.Tracks, {
       right: false
-    }, ({ tracks, getTrackProps }) => /* @__PURE__ */ import_react59.default.createElement("div", {
+    }, ({ tracks, getTrackProps }) => /* @__PURE__ */ import_react56.default.createElement("div", {
       className: "slider-tracks"
-    }, tracks.map(({ id, source, target }) => /* @__PURE__ */ import_react59.default.createElement(Track2, {
+    }, tracks.map(({ id, source, target }) => /* @__PURE__ */ import_react56.default.createElement(Track2, {
       key: id,
       source,
       target,
@@ -7100,18 +6767,18 @@
     formatValues,
     onChange
   }) => {
-    const [local, setLocal] = (0, import_react60.useState)(steps);
-    const onUpdate = (0, import_react60.useCallback)((nextValues) => {
+    const [local, setLocal] = (0, import_react57.useState)(steps);
+    const onUpdate = (0, import_react57.useCallback)((nextValues) => {
       setLocal([...nextValues]);
     }, []);
-    (0, import_react60.useEffect)(() => {
+    (0, import_react57.useEffect)(() => {
       if (!loading)
         setLocal(void 0);
     }, [loading]);
-    return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, /* @__PURE__ */ import_react60.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react60.default.createElement(RangeSliderLabel_default, {
+    return /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react57.default.createElement(RangeSliderLabel_default, {
       label,
       value: `${numberSeparator(local?.[0] || values[0])}${unit ? ` ${unit}` : ""}`
-    })), /* @__PURE__ */ import_react60.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react60.default.createElement(RangeSliderSimple_default, {
+    })), /* @__PURE__ */ import_react57.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react57.default.createElement(RangeSliderSimple_default, {
       loading,
       values,
       domain,
@@ -7136,22 +6803,22 @@
     return stepGenerator(step, max, steps, nextCurrent);
   };
   var LoanModal = ({ id, financialOption, onClose }) => {
-    const [tmp, setTmp] = (0, import_react61.useState)();
-    const [extend, setExtend] = import_react61.default.useState(false);
-    const onToggleExtend = import_react61.default.useCallback(() => {
+    const [tmp, setTmp] = (0, import_react58.useState)();
+    const [extend, setExtend] = import_react58.default.useState(false);
+    const onToggleExtend = import_react58.default.useCallback(() => {
       if (!extend) {
         pubsub_default.publish("FinanceInterest");
       }
       setExtend(!extend);
     }, [extend]);
-    const [variables, setVariables] = (0, import_react61.useState)({
+    const [variables, setVariables] = (0, import_react58.useState)({
       duration: financialOption.duration?.current,
       downPayment: financialOption.downPayment?.current,
       residual: financialOption.residual?.current
     });
     const { duration, downPayment, residual } = variables;
     const { loading, data } = useLoan_default(id, duration, downPayment, residual);
-    (0, import_react61.useEffect)(() => {
+    (0, import_react58.useEffect)(() => {
       if (data) {
         setTmp(data);
         setVariables({
@@ -7167,7 +6834,7 @@
     const downPaymentMax = loan?.downPayment?.max || 0;
     const downPaymentStep = loan?.downPayment?.step || 0;
     const downPaymentSteps = stepGenerator(downPaymentStep, downPaymentMax);
-    const onDownPaymentChange = (0, import_react61.useCallback)(
+    const onDownPaymentChange = (0, import_react58.useCallback)(
       (values) => {
         pubsub_default.publish("FinanceInterest");
         setVariables({ ...variables, downPayment: values[0] });
@@ -7179,7 +6846,7 @@
     const durationMax = loan?.duration?.max || 0;
     const durationStep = loan?.duration?.step || 0;
     const durationSteps = stepGenerator(durationStep, durationMax);
-    const onDurationChange = (0, import_react61.useCallback)(
+    const onDurationChange = (0, import_react58.useCallback)(
       (values) => {
         pubsub_default.publish("FinanceInterest");
         setVariables({ ...variables, duration: values[0] });
@@ -7191,7 +6858,7 @@
     const residualMax = (loan?.residual?.max || 0) * 100 || 0;
     const residualStep = (loan?.residual?.step || 0) * 100 || 0;
     const residualSteps = stepGenerator(residualStep, residualMax);
-    const onResidualChange = (0, import_react61.useCallback)(
+    const onResidualChange = (0, import_react58.useCallback)(
       (values) => {
         pubsub_default.publish("FinanceInterest");
         setVariables({ ...variables, residual: values[0] / 100 });
@@ -7200,14 +6867,14 @@
     );
     const interestText = ((loan?.interest || 0) * 100).toFixed(2);
     const effectiveInterestText = ((loan?.effectiveInterest || 0) * 100).toFixed(2);
-    return /* @__PURE__ */ import_react61.default.createElement(Modal_default, {
+    return /* @__PURE__ */ import_react58.default.createElement(Modal_default, {
       title: "L\xE5nealternativ",
       onClose
-    }, /* @__PURE__ */ import_react61.default.createElement(Repeat, null, /* @__PURE__ */ import_react61.default.createElement(ContentLogo, null, financialOption?.description && /* @__PURE__ */ import_react61.default.createElement(ContentLogoText, null, /* @__PURE__ */ import_react61.default.createElement(Content_default, null, /* @__PURE__ */ import_react61.default.createElement("p", null, financialOption.description))), financialOption?.image && /* @__PURE__ */ import_react61.default.createElement(ContentLogoMedia, null, /* @__PURE__ */ import_react61.default.createElement(LogoBox_default, {
+    }, /* @__PURE__ */ import_react58.default.createElement(Repeat, null, /* @__PURE__ */ import_react58.default.createElement(ContentLogo, null, financialOption?.description && /* @__PURE__ */ import_react58.default.createElement(ContentLogoText, null, /* @__PURE__ */ import_react58.default.createElement(Content_default, null, /* @__PURE__ */ import_react58.default.createElement("p", null, financialOption.description))), financialOption?.image && /* @__PURE__ */ import_react58.default.createElement(ContentLogoMedia, null, /* @__PURE__ */ import_react58.default.createElement(LogoBox_default, {
       logo: financialOption.image,
       alt: financialOption.name || "Logotyp",
       wide: true
-    })))), /* @__PURE__ */ import_react61.default.createElement(Repeat, null, /* @__PURE__ */ import_react61.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react61.default.createElement(SliderWithLabel_default, {
+    })))), /* @__PURE__ */ import_react58.default.createElement(Repeat, null, /* @__PURE__ */ import_react58.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react58.default.createElement(SliderWithLabel_default, {
       label: "Kontantinsatts",
       values: [downPaymentCurrent],
       domain: [downPaymentMin, downPaymentMax],
@@ -7216,7 +6883,7 @@
       formatValues: true,
       loading,
       onChange: onDownPaymentChange
-    })), /* @__PURE__ */ import_react61.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react61.default.createElement(SliderWithLabel_default, {
+    })), /* @__PURE__ */ import_react58.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react58.default.createElement(SliderWithLabel_default, {
       label: "Avbetalning",
       values: [durationCurrent],
       domain: [durationMin, durationMax],
@@ -7224,7 +6891,7 @@
       unit: "m\xE5n",
       loading,
       onChange: onDurationChange
-    })), residual !== void 0 && residualMax !== 0 && /* @__PURE__ */ import_react61.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react61.default.createElement(SliderWithLabel_default, {
+    })), residual !== void 0 && residualMax !== 0 && /* @__PURE__ */ import_react58.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react58.default.createElement(SliderWithLabel_default, {
       label: "Restskuld",
       values: [residualCurrent],
       domain: [residualMin, residualMax],
@@ -7232,12 +6899,12 @@
       unit: "%",
       loading,
       onChange: onResidualChange
-    })), /* @__PURE__ */ import_react61.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react61.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react61.default.createElement(Content_default, {
+    })), /* @__PURE__ */ import_react58.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react58.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react58.default.createElement(Content_default, {
       small: true
-    }, /* @__PURE__ */ import_react61.default.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__ */ import_react61.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react61.default.createElement(ButtonClear, {
+    }, /* @__PURE__ */ import_react58.default.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__ */ import_react58.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react58.default.createElement(ButtonClear, {
       onClick: onToggleExtend,
       title: extend ? "Visa mindre information" : "Visa mer information"
-    }, /* @__PURE__ */ import_react61.default.createElement(ButtonContent, null, extend ? "Mindre information" : "Mer information"))), /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, extend && /* @__PURE__ */ import_react61.default.createElement(ModalFoldout, null, /* @__PURE__ */ import_react61.default.createElement(ModalFoldoutBody, null, /* @__PURE__ */ import_react61.default.createElement(DataList_default, {
+    }, /* @__PURE__ */ import_react58.default.createElement(ButtonContent, null, extend ? "Mindre information" : "Mer information"))), /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, extend && /* @__PURE__ */ import_react58.default.createElement(ModalFoldout, null, /* @__PURE__ */ import_react58.default.createElement(ModalFoldoutBody, null, /* @__PURE__ */ import_react58.default.createElement(DataList_default, {
       items: [
         {
           label: "R\xE4nta",
@@ -7266,8 +6933,8 @@
 
   // src/components/FinancialOptions/loan.tsx
   var Loan = ({ id, financialOption }) => {
-    const [modal, setModal] = (0, import_react62.useState)(false);
-    const toggleModal = (0, import_react62.useCallback)(() => setModal(!modal), [modal]);
+    const [modal, setModal] = (0, import_react59.useState)(false);
+    const toggleModal = (0, import_react59.useCallback)(() => setModal(!modal), [modal]);
     const { data } = useLoan_default(
       id,
       financialOption.duration?.current,
@@ -7279,100 +6946,100 @@
     const monthlyCost = data?.loan?.monthlyCost;
     const logo = 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__ */ import_react62.default.createElement(OptionBox_default, {
+      return /* @__PURE__ */ import_react59.default.createElement(OptionBox_default, {
         logo,
         logoAlt: "Logotyp"
-      }, /* @__PURE__ */ import_react62.default.createElement(OptionBoxHeading, null, "Laddar..."), /* @__PURE__ */ import_react62.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react62.default.createElement("p", null, "Laddar...")));
+      }, /* @__PURE__ */ import_react59.default.createElement(OptionBoxHeading, null, "Laddar..."), /* @__PURE__ */ import_react59.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react59.default.createElement("p", null, "Laddar...")));
     }
-    return /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, modal && /* @__PURE__ */ import_react62.default.createElement(LoanModal_default, {
+    return /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, modal && /* @__PURE__ */ import_react59.default.createElement(LoanModal_default, {
       id,
       financialOption,
       onClose: toggleModal
-    }), /* @__PURE__ */ import_react62.default.createElement(OptionBox_default, {
+    }), /* @__PURE__ */ import_react59.default.createElement(OptionBox_default, {
       logo,
       logoAlt: "Logotyp"
-    }, /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, /* @__PURE__ */ import_react62.default.createElement(OptionBoxHeading, null, `${numberSeparator(monthlyCost)} kr/m\xE5n*`), /* @__PURE__ */ import_react62.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react62.default.createElement("p", null, "Delbetala", " ", financialOption.loanAmount && duration && /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, /* @__PURE__ */ import_react62.default.createElement(UtilityTextPrimary, null, numberSeparator(financialOption.loanAmount), " kr"), " ", "i ", /* @__PURE__ */ import_react62.default.createElement(UtilityTextPrimary, null, duration, " m\xE5n"), ".")), /* @__PURE__ */ import_react62.default.createElement("p", null, `*Ber\xE4knat p\xE5 ${(interest * 100).toFixed(2)}% r\xE4nta. `, /* @__PURE__ */ import_react62.default.createElement(ButtonInline, {
+    }, /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement(OptionBoxHeading, null, `${numberSeparator(monthlyCost)} kr/m\xE5n*`), /* @__PURE__ */ import_react59.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react59.default.createElement("p", null, "Delbetala", " ", financialOption.loanAmount && duration && /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement(UtilityTextPrimary, null, numberSeparator(financialOption.loanAmount), " kr"), " ", "i ", /* @__PURE__ */ import_react59.default.createElement(UtilityTextPrimary, null, duration, " m\xE5n"), ".")), /* @__PURE__ */ import_react59.default.createElement("p", null, `*Ber\xE4knat p\xE5 ${(interest * 100).toFixed(2)}% r\xE4nta. `, /* @__PURE__ */ import_react59.default.createElement(ButtonInline, {
       onClick: toggleModal
     }, "L\xE4s mer"))))));
   };
   var loan_default = Loan;
 
   // src/components/FinancialOptions/index.tsx
-  var FinancialOptions = ({ id, financialOptions }) => /* @__PURE__ */ import_react63.default.createElement(Repeat, null, /* @__PURE__ */ import_react63.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react63.default.createElement(VisualHeading, null, "Andra finansieringsalternativ")), /* @__PURE__ */ import_react63.default.createElement(RepeatTiny, null, financialOptions.map((financialOption, index2) => /* @__PURE__ */ import_react63.default.createElement(import_react63.Fragment, {
+  var FinancialOptions = ({ id, financialOptions }) => /* @__PURE__ */ import_react60.default.createElement(Repeat, null, /* @__PURE__ */ import_react60.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react60.default.createElement(VisualHeading, null, "Andra finansieringsalternativ")), /* @__PURE__ */ import_react60.default.createElement(RepeatTiny, null, financialOptions.map((financialOption, index2) => /* @__PURE__ */ import_react60.default.createElement(import_react60.Fragment, {
     key: index2
-  }, financialOption.type === "leasing" && /* @__PURE__ */ import_react63.default.createElement(leasing_default, {
+  }, financialOption.type === "leasing" && /* @__PURE__ */ import_react60.default.createElement(leasing_default, {
     financialOption
-  }), financialOption.type === "loan" && /* @__PURE__ */ import_react63.default.createElement(loan_default, {
+  }), financialOption.type === "loan" && /* @__PURE__ */ import_react60.default.createElement(loan_default, {
     id,
     financialOption
   })))));
   var FinancialOptions_default = FinancialOptions;
 
   // src/components/InsuranceOptions/index.tsx
-  var import_react73 = __toESM(__require("react"));
+  var import_react70 = __toESM(__require("react"));
 
   // src/components/InsuranceOptions/Insurance.tsx
-  var import_react70 = __toESM(__require("react"));
+  var import_react67 = __toESM(__require("react"));
 
   // src/components/InsuranceOptions/InsuranceModal.tsx
-  var import_react69 = __toESM(__require("react"));
+  var import_react66 = __toESM(__require("react"));
 
   // src/components/DetailBox/index.tsx
-  var import_react64 = __toESM(__require("react"));
+  var import_react61 = __toESM(__require("react"));
 
   // src/components/DetailBox/wrapper.tsx
-  var import_styled_components45 = __toESM(__require("styled-components"));
-  var Wrapper24 = import_styled_components45.default.article`
+  var import_styled_components44 = __toESM(__require("styled-components"));
+  var Wrapper23 = import_styled_components44.default.article`
   box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
   overflow: hidden;
 `;
-  var Main2 = import_styled_components45.default.div`
+  var Main2 = import_styled_components44.default.div`
   padding: ${size(2.5)};
 `;
-  var Heading6 = (0, import_styled_components45.default)(H2).attrs(() => ({
+  var Heading6 = (0, import_styled_components44.default)(H2).attrs(() => ({
     as: "h1"
   }))`
   margin-bottom: 0;
 `;
-  var Description3 = import_styled_components45.default.div`
+  var Description3 = import_styled_components44.default.div`
   margin-top: ${size(1)};
 `;
-  var Footer3 = import_styled_components45.default.div`
+  var Footer3 = import_styled_components44.default.div`
   margin-top: ${size(1)};
   color: red;
 `;
-  var Foldout = import_styled_components45.default.div`
+  var Foldout = import_styled_components44.default.div`
   background-color: ${(props) => props.theme.color.accent};
   padding: ${size(2.5)};
 `;
 
   // src/components/DetailBox/index.tsx
   var DetailBox = ({ heading, description, children }) => {
-    const [extend, setExtend] = import_react64.default.useState(false);
-    const onToggleExtend = import_react64.default.useCallback(() => setExtend(!extend), [extend]);
+    const [extend, setExtend] = import_react61.default.useState(false);
+    const onToggleExtend = import_react61.default.useCallback(() => setExtend(!extend), [extend]);
     const extendBtnText = extend ? "Mindre information" : "Mer information";
-    return /* @__PURE__ */ import_react64.default.createElement(Wrapper24, null, /* @__PURE__ */ import_react64.default.createElement(Main2, null, /* @__PURE__ */ import_react64.default.createElement(Heading6, null, heading), description && /* @__PURE__ */ import_react64.default.createElement(Description3, null, description), /* @__PURE__ */ import_react64.default.createElement(Footer3, null, /* @__PURE__ */ import_react64.default.createElement(ButtonClear, {
+    return /* @__PURE__ */ import_react61.default.createElement(Wrapper23, null, /* @__PURE__ */ import_react61.default.createElement(Main2, null, /* @__PURE__ */ import_react61.default.createElement(Heading6, null, heading), description && /* @__PURE__ */ import_react61.default.createElement(Description3, null, description), /* @__PURE__ */ import_react61.default.createElement(Footer3, null, /* @__PURE__ */ import_react61.default.createElement(ButtonClear, {
       onClick: onToggleExtend
-    }, /* @__PURE__ */ import_react64.default.createElement(ButtonContent, null, extendBtnText)))), extend && /* @__PURE__ */ import_react64.default.createElement(Foldout, null, children));
+    }, /* @__PURE__ */ import_react61.default.createElement(ButtonContent, null, extendBtnText)))), extend && /* @__PURE__ */ import_react61.default.createElement(Foldout, null, children));
   };
   var DetailBox_default = DetailBox;
 
   // src/components/ExtendInfo/index.tsx
-  var import_react65 = __toESM(__require("react"));
+  var import_react62 = __toESM(__require("react"));
 
   // src/components/ExtendInfo/wrapper.tsx
-  var import_styled_components46 = __toESM(__require("styled-components"));
-  var Wrapper25 = import_styled_components46.default.div``;
-  var Header5 = import_styled_components46.default.div`
+  var import_styled_components45 = __toESM(__require("styled-components"));
+  var Wrapper24 = import_styled_components45.default.div``;
+  var Header5 = import_styled_components45.default.div`
   display: flex;
   align-items: center;
 `;
-  var Title = import_styled_components46.default.div``;
-  var Info2 = import_styled_components46.default.div`
+  var Title = import_styled_components45.default.div``;
+  var Info2 = import_styled_components45.default.div`
   margin-left: ${size(1)};
 `;
-  var InfoBtn = (0, import_styled_components46.default)(ButtonReset).attrs(() => ({
+  var InfoBtn = (0, import_styled_components45.default)(ButtonReset).attrs(() => ({
     className: "wayke__theme wayke__color--primary-text"
   }))`
   position: relative;
@@ -7410,7 +7077,7 @@
     transform: scale(0.95);
   }
 `;
-  var Extend2 = import_styled_components46.default.div`
+  var Extend2 = import_styled_components45.default.div`
   padding-top: ${size(1)};
   margin-top: ${size(1)};
   border-top: 1px solid ${(props) => props.theme.color.border};
@@ -7419,23 +7086,23 @@
 
   // src/components/ExtendInfo/index.tsx
   var ExtendInfo = ({ title, children }) => {
-    const [extend, setExtend] = (0, import_react65.useState)(false);
-    const onToggleExtend = (0, import_react65.useCallback)(() => setExtend(!extend), [extend]);
-    return /* @__PURE__ */ import_react65.default.createElement(Wrapper25, null, /* @__PURE__ */ import_react65.default.createElement(Header5, null, /* @__PURE__ */ import_react65.default.createElement(Title, null, title), children && /* @__PURE__ */ import_react65.default.createElement(Info2, null, /* @__PURE__ */ import_react65.default.createElement(InfoBtn, {
+    const [extend, setExtend] = (0, import_react62.useState)(false);
+    const onToggleExtend = (0, import_react62.useCallback)(() => setExtend(!extend), [extend]);
+    return /* @__PURE__ */ import_react62.default.createElement(Wrapper24, null, /* @__PURE__ */ import_react62.default.createElement(Header5, null, /* @__PURE__ */ import_react62.default.createElement(Title, null, title), children && /* @__PURE__ */ import_react62.default.createElement(Info2, null, /* @__PURE__ */ import_react62.default.createElement(InfoBtn, {
       onClick: onToggleExtend,
       title: "Mer information"
-    }, /* @__PURE__ */ import_react65.default.createElement(IconInfo, {
+    }, /* @__PURE__ */ import_react62.default.createElement(IconInfo, {
       block: true
-    })))), extend && /* @__PURE__ */ import_react65.default.createElement(Extend2, null, children));
+    })))), extend && /* @__PURE__ */ import_react62.default.createElement(Extend2, null, children));
   };
   var ExtendInfo_default = ExtendInfo;
 
   // src/components/InputLabel/index.tsx
-  var import_react66 = __toESM(__require("react"));
+  var import_react63 = __toESM(__require("react"));
 
   // src/components/InputLabel/wrapper.tsx
-  var import_styled_components47 = __toESM(__require("styled-components"));
-  var Wrapper26 = import_styled_components47.default.label.attrs(() => ({
+  var import_styled_components46 = __toESM(__require("styled-components"));
+  var Wrapper25 = import_styled_components46.default.label.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   margin-bottom: ${size(0.5)};
@@ -7443,24 +7110,24 @@
 `;
 
   // src/components/InputLabel/index.tsx
-  var InputLabel = ({ children, htmlFor }) => /* @__PURE__ */ import_react66.default.createElement(Wrapper26, {
+  var InputLabel = ({ children, htmlFor }) => /* @__PURE__ */ import_react63.default.createElement(Wrapper25, {
     htmlFor
   }, children);
   var InputLabel_default = InputLabel;
 
   // src/components/InputText/index.tsx
-  var import_react67 = __toESM(__require("react"));
+  var import_react64 = __toESM(__require("react"));
 
   // src/components/InputText/wrapper.tsx
-  var import_styled_components48 = __toESM(__require("styled-components"));
-  var Wrapper27 = import_styled_components48.default.div`
+  var import_styled_components47 = __toESM(__require("styled-components"));
+  var Wrapper26 = import_styled_components47.default.div`
   position: relative;
   display: flex;
   align-items: stretch;
   background-color: ${(props) => props.theme.color.accent};
   border-radius: 3px;
 `;
-  var Input2 = import_styled_components48.default.input.attrs(() => ({
+  var Input2 = import_styled_components47.default.input.attrs(() => ({
     type: "text",
     className: "wayke__theme wayke__font--regular"
   }))`
@@ -7507,7 +7174,7 @@
 `;
 
   // src/components/InputText/index.tsx
-  var InputText = ({ placeholder, label, value, id, onChange, onKeyDown }) => /* @__PURE__ */ import_react67.default.createElement(Wrapper27, null, /* @__PURE__ */ import_react67.default.createElement(Input2, {
+  var InputText = ({ placeholder, label, value, id, onChange, onKeyDown }) => /* @__PURE__ */ import_react64.default.createElement(Wrapper26, null, /* @__PURE__ */ import_react64.default.createElement(Input2, {
     placeholder,
     value,
     id,
@@ -7518,12 +7185,12 @@
   var InputText_default = InputText;
 
   // src/components/InputCheckbox/index.tsx
-  var React68 = __toESM(__require("react"));
+  var React65 = __toESM(__require("react"));
 
   // src/components/InputCheckbox/wrapper.tsx
-  var React67 = __toESM(__require("react"));
-  var import_styled_components49 = __toESM(__require("styled-components"));
-  var Label9 = import_styled_components49.default.label.attrs(() => ({
+  var React64 = __toESM(__require("react"));
+  var import_styled_components48 = __toESM(__require("styled-components"));
+  var Label9 = import_styled_components48.default.label.attrs(() => ({
     className: "wayke__theme wayke__color--primary-text"
   }))`
   position: relative;
@@ -7553,13 +7220,13 @@
     margin-top: -2px;
   }
 `;
-  var Wrapper28 = (0, import_styled_components49.default)((props) => /* @__PURE__ */ React67.createElement("div", {
+  var Wrapper27 = (0, import_styled_components48.default)((props) => /* @__PURE__ */ React64.createElement("div", {
     ...props
   })).attrs(({ type, checked }) => ({
     role: type || "checkbox",
     "aria-checked": checked
   }))`
-  ${({ error }) => error && import_styled_components49.css`
+  ${({ error }) => error && import_styled_components48.css`
       ${Label9} {
         color: ${(props) => props.theme.color.ui.negative};
 
@@ -7569,7 +7236,7 @@
       }
     `}
 `;
-  var Input3 = (0, import_styled_components49.default)((props) => /* @__PURE__ */ React67.createElement("input", {
+  var Input3 = (0, import_styled_components48.default)((props) => /* @__PURE__ */ React64.createElement("input", {
     ...props,
     className: `${props.checked ? "checked" : void 0} ${props.className}`
   })).attrs(({ type, checked }) => ({
@@ -7600,23 +7267,23 @@
     }
   }
 `;
-  var LabelText = import_styled_components49.default.div`
+  var LabelText = import_styled_components48.default.div`
   color: ${(props) => props.theme.color.textDark};
 `;
 
   // src/components/InputSelect/index.tsx
-  var import_react68 = __toESM(__require("react"));
+  var import_react65 = __toESM(__require("react"));
 
   // src/components/InputSelect/wrapper.tsx
-  var import_styled_components50 = __toESM(__require("styled-components"));
+  var import_styled_components49 = __toESM(__require("styled-components"));
   var iconSize2 = "0.875rem";
   var selectPadding = size(2);
-  var Wrapper29 = import_styled_components50.default.div`
+  var Wrapper28 = import_styled_components49.default.div`
   position: relative;
   background-color: ${(props) => props.theme.color.accent};
   border-radius: 3px;
 `;
-  var Select2 = import_styled_components50.default.select.attrs(() => ({
+  var Select2 = import_styled_components49.default.select.attrs(() => ({
     className: "wayke__theme wayke__font--regular"
   }))`
   position: relative;
@@ -7650,10 +7317,10 @@
     border: 0;
   }
 `;
-  var Option2 = import_styled_components50.default.option`
+  var Option2 = import_styled_components49.default.option`
   color: ${(props) => props.theme.color.textDark};
 `;
-  var Icon5 = import_styled_components50.default.div`
+  var Icon5 = import_styled_components49.default.div`
   position: absolute;
   top: 50%;
   right: ${selectPadding};
@@ -7662,29 +7329,29 @@
 `;
 
   // src/components/InputSelect/index.tsx
-  var InputSelect = ({ value, options, onChange, unit, title }) => /* @__PURE__ */ import_react68.default.createElement(Wrapper29, null, /* @__PURE__ */ import_react68.default.createElement(Select2, {
+  var InputSelect = ({ value, options, onChange, unit, title }) => /* @__PURE__ */ import_react65.default.createElement(Wrapper28, null, /* @__PURE__ */ import_react65.default.createElement(Select2, {
     value,
     onChange,
     title,
     "aria-label": title
-  }, options?.map((option) => /* @__PURE__ */ import_react68.default.createElement(Option2, {
+  }, options?.map((option) => /* @__PURE__ */ import_react65.default.createElement(Option2, {
     key: option.value,
     value: option.value
-  }, option.displayName || option.value, unit ? ` ${unit}` : ""))), /* @__PURE__ */ import_react68.default.createElement(Icon5, null, /* @__PURE__ */ import_react68.default.createElement(IconChevronDown, {
+  }, option.displayName || option.value, unit ? ` ${unit}` : ""))), /* @__PURE__ */ import_react65.default.createElement(Icon5, null, /* @__PURE__ */ import_react65.default.createElement(IconChevronDown, {
     block: true
   })));
   var InputSelect_default = InputSelect;
 
   // src/components/InputGroup/index.tsx
-  var import_styled_components51 = __toESM(__require("styled-components"));
-  var InputGroup = import_styled_components51.default.div`
+  var import_styled_components50 = __toESM(__require("styled-components"));
+  var InputGroup = import_styled_components50.default.div`
   ${(props) => props.theme.breakpoint.Sm} {
     display: flex;
     align-items: flex-start;
     margin: ${size(-0.5)};
   }
 `;
-  var InputGroupColumn = import_styled_components51.default.div`
+  var InputGroupColumn = import_styled_components50.default.div`
   ${(props) => props.theme.breakpoint.LtSm} {
     & + & {
       margin-top: ${size(1)};
@@ -7698,12 +7365,12 @@
 `;
 
   // src/components/ColumnRow/index.tsx
-  var import_styled_components52 = __toESM(__require("styled-components"));
-  var ColumnRow = import_styled_components52.default.div`
+  var import_styled_components51 = __toESM(__require("styled-components"));
+  var ColumnRow = import_styled_components51.default.div`
   display: flex;
   align-items: flex-start;
 `;
-  var ColumnRowItem = import_styled_components52.default.div`
+  var ColumnRowItem = import_styled_components51.default.div`
   flex: 1 1 auto;
 
   :last-child:not(:only-child) {
@@ -7778,30 +7445,30 @@
 
   // src/components/InsuranceOptions/InsuranceModal.tsx
   var InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
-    const [form, setForm] = (0, import_react69.useState)({
+    const [form, setForm] = (0, import_react66.useState)({
       ssn: "",
       drivingDistance: "BETWEEN0AND1000" /* Between0And1000 */
     });
-    const [payload, setPayload] = (0, import_react69.useState)();
+    const [payload, setPayload] = (0, import_react66.useState)();
     const { loading, data, error } = useInsurance_default(
       id,
       branch?.id ? branch?.id : void 0,
       ssnIsValid(payload?.ssn) ? payload?.ssn : void 0,
       payload?.drivingDistance
     );
-    const onChangeSsn = (0, import_react69.useCallback)(
+    const onChangeSsn = (0, import_react66.useCallback)(
       (e) => setForm({ ...form, ssn: e.currentTarget.value }),
       [form]
     );
-    const onChangeDrivingDistance = (0, import_react69.useCallback)(
+    const onChangeDrivingDistance = (0, import_react66.useCallback)(
       (e) => setForm({ ...form, drivingDistance: e.currentTarget.value }),
       [form]
     );
-    const onShowInsurances = (0, import_react69.useCallback)(() => {
+    const onShowInsurances = (0, import_react66.useCallback)(() => {
       pubsub_default.publish("InsuranceInterest");
       setPayload(form);
     }, [form]);
-    const onKeyDown = (0, import_react69.useCallback)(
+    const onKeyDown = (0, import_react66.useCallback)(
       (e) => {
         if (e.keyCode === 13 && ssnIsValid(form.ssn) && !loading) {
           onShowInsurances();
@@ -7816,105 +7483,105 @@
       { value: "BETWEEN2000AND2500" /* Between2000And2500 */, displayName: "2000 - 2500" },
       { value: "OVER2500" /* Over2500 */, displayName: "2500+" }
     ];
-    return /* @__PURE__ */ import_react69.default.createElement(Modal_default, {
+    return /* @__PURE__ */ import_react66.default.createElement(Modal_default, {
       title: "F\xF6rs\xE4kring",
       onClose
-    }, (insuranceOptions?.description || insuranceOptions?.logotype) && /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(ContentLogo, null, insuranceOptions.description && /* @__PURE__ */ import_react69.default.createElement(ContentLogoText, null, /* @__PURE__ */ import_react69.default.createElement(Content_default, null, /* @__PURE__ */ import_react69.default.createElement("p", null, insuranceOptions.description))), insuranceOptions.logotype && /* @__PURE__ */ import_react69.default.createElement(ContentLogoMedia, null, /* @__PURE__ */ import_react69.default.createElement(LogoBox_default, {
+    }, (insuranceOptions?.description || insuranceOptions?.logotype) && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(ContentLogo, null, insuranceOptions.description && /* @__PURE__ */ import_react66.default.createElement(ContentLogoText, null, /* @__PURE__ */ import_react66.default.createElement(Content_default, null, /* @__PURE__ */ import_react66.default.createElement("p", null, insuranceOptions.description))), insuranceOptions.logotype && /* @__PURE__ */ import_react66.default.createElement(ContentLogoMedia, null, /* @__PURE__ */ import_react66.default.createElement(LogoBox_default, {
       logo: insuranceOptions.logotype,
       alt: insuranceOptions.name || "Logotyp",
       wide: true
-    })))), /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react69.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react69.default.createElement(InputGroup, null, /* @__PURE__ */ import_react69.default.createElement(InputGroupColumn, null, /* @__PURE__ */ import_react69.default.createElement(InputLabel_default, {
+    })))), /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react66.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react66.default.createElement(InputGroup, null, /* @__PURE__ */ import_react66.default.createElement(InputGroupColumn, null, /* @__PURE__ */ import_react66.default.createElement(InputLabel_default, {
       htmlFor: "input-insurance-personalnumber"
-    }, "Personnummer"), /* @__PURE__ */ import_react69.default.createElement(InputText_default, {
+    }, "Personnummer"), /* @__PURE__ */ import_react66.default.createElement(InputText_default, {
       placeholder: "\xC5\xC5\xC5\xC5MMDD-XXXX",
       label: "Personnummer",
       value: form.ssn,
       onChange: onChangeSsn,
       onKeyDown,
       id: "input-insurance-personalnumber"
-    })), /* @__PURE__ */ import_react69.default.createElement(InputGroupColumn, null, /* @__PURE__ */ import_react69.default.createElement(InputLabel_default, {
+    })), /* @__PURE__ */ import_react66.default.createElement(InputGroupColumn, null, /* @__PURE__ */ import_react66.default.createElement(InputLabel_default, {
       htmlFor: "input-insurance-mileage"
-    }, "Uppskattad k\xF6rstr\xE4cka per \xE5r"), /* @__PURE__ */ import_react69.default.createElement(InputSelect_default, {
+    }, "Uppskattad k\xF6rstr\xE4cka per \xE5r"), /* @__PURE__ */ import_react66.default.createElement(InputSelect_default, {
       value: form.drivingDistance,
       onChange: onChangeDrivingDistance,
       options,
       unit: "mil",
       title: "Uppskattad k\xF6rstr\xE4cka per \xE5r"
-    })))), /* @__PURE__ */ import_react69.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react69.default.createElement(ButtonPrimary, {
+    })))), /* @__PURE__ */ import_react66.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react66.default.createElement(ButtonPrimary, {
       fullWidth: true,
       disabled: !ssnIsValid(form.ssn) || loading,
       onClick: onShowInsurances
-    }, /* @__PURE__ */ import_react69.default.createElement(ButtonContent, null, "Visa f\xF6rs\xE4kringar")))), false, /* @__PURE__ */ import_react69.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react69.default.createElement(Content_default, {
+    }, /* @__PURE__ */ import_react66.default.createElement(ButtonContent, null, "Visa f\xF6rs\xE4kringar")))), false, /* @__PURE__ */ import_react66.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react66.default.createElement(Content_default, {
       small: true
-    }, /* @__PURE__ */ import_react69.default.createElement("p", null, "Spara personnummer p\xE5 denna dator f\xF6r att direkt visa f\xF6rs\xE4kringskostnaderna i Wayke. Personnumret lagras inte hos Wayke utan finns bara sparad i din webbl\xE4sare.")))), loading && /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(Loader_default, null)), error && /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(Snackbar_default, {
+    }, /* @__PURE__ */ import_react66.default.createElement("p", null, "Spara personnummer p\xE5 denna dator f\xF6r att direkt visa f\xF6rs\xE4kringskostnaderna i Wayke. Personnumret lagras inte hos Wayke utan finns bara sparad i din webbl\xE4sare.")))), loading && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(Loader_default, null)), error && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(Snackbar_default, {
       severity: "error",
       icon: true,
       heading: "Ett fel har intr\xE4ffat"
-    }, "Kunde inte h\xE4mta f\xF6rs\xE4kringar. V\xE4nligen f\xF6rs\xF6k igen.")), /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, data?.insurances && /* @__PURE__ */ import_react69.default.createElement(Repeat, null, data?.insurances.map((insurance) => /* @__PURE__ */ import_react69.default.createElement(Repeat, {
+    }, "Kunde inte h\xE4mta f\xF6rs\xE4kringar. V\xE4nligen f\xF6rs\xF6k igen.")), /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, data?.insurances && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, data?.insurances.map((insurance) => /* @__PURE__ */ import_react66.default.createElement(Repeat, {
       key: insurance.name
-    }, /* @__PURE__ */ import_react69.default.createElement(DetailBox_default, {
+    }, /* @__PURE__ */ import_react66.default.createElement(DetailBox_default, {
       heading: `${numberSeparator(insurance.price)} ${insurance.unit}`,
       description: insurance.name
-    }, /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, insurance.description && /* @__PURE__ */ import_react69.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react69.default.createElement(Content_default, null, /* @__PURE__ */ import_react69.default.createElement("p", null, insurance.description)))), /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, insurance.url && /* @__PURE__ */ import_react69.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react69.default.createElement(ButtonInline, {
+    }, /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, insurance.description && /* @__PURE__ */ import_react66.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react66.default.createElement(Content_default, null, /* @__PURE__ */ import_react66.default.createElement("p", null, insurance.description)))), /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, insurance.url && /* @__PURE__ */ import_react66.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react66.default.createElement(ButtonInline, {
       as: "a",
       href: insurance.url || "",
       target: "_blank",
       rel: "noopener noreferrer nofollow"
-    }, "F\xF6rk\xF6psinformation och villkor (\xF6ppnas i ny flik)")))), insurance.items && insurance.items.length > 0 && /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(H4, null, "F\xF6rs\xE4kringen inneh\xE5ller"), insurance.items.map((item) => /* @__PURE__ */ import_react69.default.createElement(RepeatSmall, {
+    }, "F\xF6rk\xF6psinformation och villkor (\xF6ppnas i ny flik)")))), insurance.items && insurance.items.length > 0 && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(H4, null, "F\xF6rs\xE4kringen inneh\xE5ller"), insurance.items.map((item) => /* @__PURE__ */ import_react66.default.createElement(RepeatSmall, {
       key: item.name || ""
-    }, /* @__PURE__ */ import_react69.default.createElement(ExtendInfo_default, {
+    }, /* @__PURE__ */ import_react66.default.createElement(ExtendInfo_default, {
       title: item.name || ""
-    }, item.description)))), insurance.addons && insurance.addons.length > 0 && /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(H4, null, "V\xE4lj till"), insurance.addons.map((addon) => /* @__PURE__ */ import_react69.default.createElement(RepeatSmall, {
+    }, item.description)))), insurance.addons && insurance.addons.length > 0 && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(H4, null, "V\xE4lj till"), insurance.addons.map((addon) => /* @__PURE__ */ import_react66.default.createElement(RepeatSmall, {
       key: addon.title || ""
-    }, /* @__PURE__ */ import_react69.default.createElement(ColumnRow, null, /* @__PURE__ */ import_react69.default.createElement(ColumnRowItem, null, /* @__PURE__ */ import_react69.default.createElement(ExtendInfo_default, {
+    }, /* @__PURE__ */ import_react66.default.createElement(ColumnRow, null, /* @__PURE__ */ import_react66.default.createElement(ColumnRowItem, null, /* @__PURE__ */ import_react66.default.createElement(ExtendInfo_default, {
       title: addon.title || ""
-    }, addon.description)), /* @__PURE__ */ import_react69.default.createElement(ColumnRowItem, null, /* @__PURE__ */ import_react69.default.createElement(UtilityTextBold, null, "+", addon.price, " ", addon.unit))))))))))));
+    }, addon.description)), /* @__PURE__ */ import_react66.default.createElement(ColumnRowItem, null, /* @__PURE__ */ import_react66.default.createElement(UtilityTextBold, null, "+", addon.price, " ", addon.unit))))))))))));
   };
   var InsuranceModal_default = InsuranceModal;
 
   // src/components/InsuranceOptions/Insurance.tsx
   var Insurance = ({ id, branch, insuranceOptions }) => {
-    const [modal, setModal] = (0, import_react70.useState)(false);
-    const toggleModal = (0, import_react70.useCallback)(() => setModal(!modal), [modal]);
+    const [modal, setModal] = (0, import_react67.useState)(false);
+    const toggleModal = (0, import_react67.useCallback)(() => setModal(!modal), [modal]);
     if (!insuranceOptions.length) {
       return null;
     }
-    return /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, modal && /* @__PURE__ */ import_react70.default.createElement(InsuranceModal_default, {
+    return /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null, modal && /* @__PURE__ */ import_react67.default.createElement(InsuranceModal_default, {
       id,
       branch,
       onClose: toggleModal,
       insuranceOptions: insuranceOptions[0]
-    }), /* @__PURE__ */ import_react70.default.createElement(Repeat, null, /* @__PURE__ */ import_react70.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react70.default.createElement(VisualHeading, null, "V\xE4lj till f\xF6rs\xE4kring")), /* @__PURE__ */ import_react70.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ import_react70.default.createElement(OptionBox_default, {
+    }), /* @__PURE__ */ import_react67.default.createElement(Repeat, null, /* @__PURE__ */ import_react67.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react67.default.createElement(VisualHeading, null, "V\xE4lj till f\xF6rs\xE4kring")), /* @__PURE__ */ import_react67.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ import_react67.default.createElement(OptionBox_default, {
       key: `${insuranceOption.url}-${index2}`,
       logo: insuranceOption.logotype || void 0,
       logoAlt: insuranceOption.name || "Logotyp"
-    }, /* @__PURE__ */ import_react70.default.createElement(OptionBoxHeading, null, "F\xE5 prisf\xF6rslag"), /* @__PURE__ */ import_react70.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react70.default.createElement("p", null, /* @__PURE__ */ import_react70.default.createElement(ButtonInline, {
+    }, /* @__PURE__ */ import_react67.default.createElement(OptionBoxHeading, null, "F\xE5 prisf\xF6rslag"), /* @__PURE__ */ import_react67.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react67.default.createElement("p", null, /* @__PURE__ */ import_react67.default.createElement(ButtonInline, {
       onClick: toggleModal
     }, "Mer information")))))))));
   };
   var Insurance_default = Insurance;
 
   // src/components/InsuranceOptions/InsuranceFree.tsx
-  var import_react72 = __toESM(__require("react"));
+  var import_react69 = __toESM(__require("react"));
   var import_marked2 = __require("marked");
 
   // src/components/InsuranceOptions/InsuranceFreeModal.tsx
-  var import_react71 = __toESM(__require("react"));
+  var import_react68 = __toESM(__require("react"));
   var import_marked = __require("marked");
   var InsuranceFreeModal = ({ onClose, insuranceOptions }) => {
-    return /* @__PURE__ */ import_react71.default.createElement(Modal_default, {
+    return /* @__PURE__ */ import_react68.default.createElement(Modal_default, {
       title: insuranceOptions?.insuranceHeader ?? "F\xF6rs\xE4kring",
       onClose
-    }, insuranceOptions?.longDescription && /* @__PURE__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.createElement(Content_default, {
+    }, insuranceOptions?.longDescription && /* @__PURE__ */ import_react68.default.createElement(Repeat, null, /* @__PURE__ */ import_react68.default.createElement(Content_default, {
       dangerouslySetInnerHTML: {
         __html: (0, import_marked.marked)(insuranceOptions.longDescription)
       }
-    })), insuranceOptions?.url && /* @__PURE__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.createElement(ButtonInline, {
+    })), insuranceOptions?.url && /* @__PURE__ */ import_react68.default.createElement(Repeat, null, /* @__PURE__ */ import_react68.default.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__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.createElement(LogoBox_default, {
+    }, "L\xE4s mer om f\xF6rs\xE4kringen (\xD6ppnas i ett nytt f\xF6nster)")), insuranceOptions?.logotype && /* @__PURE__ */ import_react68.default.createElement(Repeat, null, /* @__PURE__ */ import_react68.default.createElement(LogoBox_default, {
       logo: insuranceOptions.logotype,
       alt: insuranceOptions.name || "Logotyp",
       wide: true
@@ -7924,23 +7591,23 @@
 
   // src/components/InsuranceOptions/InsuranceFree.tsx
   var Insurance2 = ({ insuranceOptions }) => {
-    const [modal, setModal] = (0, import_react72.useState)(false);
-    const toggleModal = (0, import_react72.useCallback)(() => setModal(!modal), [modal]);
+    const [modal, setModal] = (0, import_react69.useState)(false);
+    const toggleModal = (0, import_react69.useCallback)(() => setModal(!modal), [modal]);
     if (!insuranceOptions.length) {
       return null;
     }
-    return /* @__PURE__ */ import_react72.default.createElement(import_react72.default.Fragment, null, modal && /* @__PURE__ */ import_react72.default.createElement(InsuranceFreeModal_default, {
+    return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, modal && /* @__PURE__ */ import_react69.default.createElement(InsuranceFreeModal_default, {
       onClose: toggleModal,
       insuranceOptions: insuranceOptions[0]
-    }), /* @__PURE__ */ import_react72.default.createElement(Repeat, null, /* @__PURE__ */ import_react72.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react72.default.createElement(VisualHeading, null, insuranceOptions[0]?.insuranceHeader ?? "F\xF6rs\xE4kring")), /* @__PURE__ */ import_react72.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react72.default.createElement(import_react72.default.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ import_react72.default.createElement(OptionBox_default, {
+    }), /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react69.default.createElement(VisualHeading, null, insuranceOptions[0]?.insuranceHeader ?? "F\xF6rs\xE4kring")), /* @__PURE__ */ import_react69.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ import_react69.default.createElement(OptionBox_default, {
       key: `${insuranceOption.url}-${index2}`,
       logo: insuranceOption.logotype || void 0,
       logoAlt: insuranceOption.name || "Logotyp"
-    }, insuranceOption.description && /* @__PURE__ */ import_react72.default.createElement(Content_default, {
+    }, insuranceOption.description && /* @__PURE__ */ import_react69.default.createElement(Content_default, {
       dangerouslySetInnerHTML: {
         __html: (0, import_marked2.marked)(insuranceOption.description)
       }
-    }), /* @__PURE__ */ import_react72.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react72.default.createElement("p", null, /* @__PURE__ */ import_react72.default.createElement(ButtonInline, {
+    }), /* @__PURE__ */ import_react69.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react69.default.createElement("p", null, /* @__PURE__ */ import_react69.default.createElement(ButtonInline, {
       onClick: toggleModal
     }, "Mer information")))))))));
   };
@@ -7953,12 +7620,12 @@
     }
     if (insuranceOptions.length > 0) {
       if (insuranceOptions[0].requiresDistance && insuranceOptions[0].requiresPersonalNumber)
-        return /* @__PURE__ */ import_react73.default.createElement(Insurance_default, {
+        return /* @__PURE__ */ import_react70.default.createElement(Insurance_default, {
           id,
           branch,
           insuranceOptions
         });
-      return /* @__PURE__ */ import_react73.default.createElement(InsuranceFree_default, {
+      return /* @__PURE__ */ import_react70.default.createElement(InsuranceFree_default, {
         insuranceOptions
       });
     }
@@ -7967,22 +7634,22 @@
   var InsuranceOptions_default = InsuranceOptions;
 
   // src/layouts/searchItem/ManufacturerPackagesOption.tsx
-  var import_react74 = __toESM(__require("react"));
+  var import_react71 = __toESM(__require("react"));
   var import_marked3 = __require("marked");
   var ManufacturerPackageOption = ({ packageOption }) => {
     if (!packageOption) {
       return null;
     }
-    return /* @__PURE__ */ import_react74.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react74.default.createElement(Repeat, null, /* @__PURE__ */ import_react74.default.createElement(H2, {
+    return /* @__PURE__ */ import_react71.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.createElement(H2, {
       noMargin: true
-    }, packageOption.title)), packageOption.description && /* @__PURE__ */ import_react74.default.createElement(Repeat, null, /* @__PURE__ */ import_react74.default.createElement(Content_default, {
+    }, packageOption.title)), packageOption.description && /* @__PURE__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.createElement(Content_default, {
       dangerouslySetInnerHTML: { __html: (0, import_marked3.marked)(packageOption.description) }
-    })), packageOption.link?.url && /* @__PURE__ */ import_react74.default.createElement(Repeat, null, /* @__PURE__ */ import_react74.default.createElement(ButtonInline, {
+    })), packageOption.link?.url && /* @__PURE__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.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__ */ import_react74.default.createElement(Repeat, null, /* @__PURE__ */ import_react74.default.createElement(LogoBox_default, {
+    }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.createElement(LogoBox_default, {
       logo: packageOption.image,
       alt: "Logotyp",
       wide: true
@@ -7991,23 +7658,23 @@
   var ManufacturerPackagesOption_default = ManufacturerPackageOption;
 
   // src/layouts/searchItem/CheckList.tsx
-  var import_react82 = __toESM(__require("react"));
+  var import_react79 = __toESM(__require("react"));
 
   // src/components/ActionList/index.tsx
-  var import_react76 = __toESM(__require("react"));
+  var import_react73 = __toESM(__require("react"));
 
   // src/components/ActionList/toggle-item.tsx
-  var import_react75 = __toESM(__require("react"));
+  var import_react72 = __toESM(__require("react"));
   var initialValue = {};
   var getInitialValue = (title) => title && !!initialValue[title];
   var ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
-    const [visible, setVisible] = (0, import_react75.useState)(() => getInitialValue(type));
-    const _onClickValue = (0, import_react75.useCallback)(() => {
+    const [visible, setVisible] = (0, import_react72.useState)(() => getInitialValue(type));
+    const _onClickValue = (0, import_react72.useCallback)(() => {
       if (onClickValue) {
         onClickValue();
       }
     }, []);
-    const onClick = (0, import_react75.useCallback)(() => {
+    const onClick = (0, import_react72.useCallback)(() => {
       if (!visible) {
         initialValue[type] = true;
         setVisible(true);
@@ -8017,17 +7684,17 @@
       }
     }, [visible]);
     const visibleTitle = type === "tel" ? "Ring" : type === "mailto" ? "Skicka ett mail till" : "";
-    return /* @__PURE__ */ import_react75.default.createElement(RepeatTiny, null, visible ? /* @__PURE__ */ import_react75.default.createElement(ButtonSecondary, {
+    return /* @__PURE__ */ import_react72.default.createElement(RepeatTiny, null, visible ? /* @__PURE__ */ import_react72.default.createElement(ButtonSecondary, {
       onClick: _onClickValue,
       as: "a",
       href: `${type}:${value}`,
       title: `${visibleTitle} ${value}`,
       fullWidth: true
-    }, /* @__PURE__ */ import_react75.default.createElement(ButtonContent, null, value)) : /* @__PURE__ */ import_react75.default.createElement(ButtonSecondary, {
+    }, /* @__PURE__ */ import_react72.default.createElement(ButtonContent, null, value)) : /* @__PURE__ */ import_react72.default.createElement(ButtonSecondary, {
       onClick,
       title,
       fullWidth: true
-    }, /* @__PURE__ */ import_react75.default.createElement(ButtonContent, null, title)));
+    }, /* @__PURE__ */ import_react72.default.createElement(ButtonContent, null, title)));
   };
   var toggle_item_default = ToggleItem;
 
@@ -8140,18 +7807,18 @@
   var ActionList = ({ contact, branch }) => {
     const email = contact?.email || branch?.contact?.email;
     const phonenumber = contact?.phonenumber || branch?.contact?.phonenumber;
-    const onClickMailVisible = (0, import_react76.useCallback)(() => pubsub_default.publish("MailVisible"), []);
-    const onClickPhoneVisible = (0, import_react76.useCallback)(() => pubsub_default.publish("PhonenumberVisible"), []);
-    const onClickPhoneValue = (0, import_react76.useCallback)(() => pubsub_default.publish("PhonenumberCall"), []);
+    const onClickMailVisible = (0, import_react73.useCallback)(() => pubsub_default.publish("MailVisible"), []);
+    const onClickPhoneVisible = (0, import_react73.useCallback)(() => pubsub_default.publish("PhonenumberVisible"), []);
+    const onClickPhoneValue = (0, import_react73.useCallback)(() => pubsub_default.publish("PhonenumberCall"), []);
     if (!email && !phonenumber) {
       return null;
     }
-    return /* @__PURE__ */ import_react76.default.createElement(import_react76.default.Fragment, null, email && /* @__PURE__ */ import_react76.default.createElement(toggle_item_default, {
+    return /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, email && /* @__PURE__ */ import_react73.default.createElement(toggle_item_default, {
       onClickVisible: onClickMailVisible,
       title: "Visa mailadress",
       value: email,
       type: "mailto"
-    }), phonenumber && /* @__PURE__ */ import_react76.default.createElement(toggle_item_default, {
+    }), phonenumber && /* @__PURE__ */ import_react73.default.createElement(toggle_item_default, {
       title: "Visa telefonnummer",
       value: formatPhonenumber(phonenumber),
       type: "tel",
@@ -8162,16 +7829,16 @@
   var ActionList_default = ActionList;
 
   // src/components/CheckMarkList/index.tsx
-  var import_react77 = __toESM(__require("react"));
+  var import_react74 = __toESM(__require("react"));
 
   // src/components/CheckMarkList/wrapper.tsx
-  var import_styled_components53 = __toESM(__require("styled-components"));
-  var List9 = import_styled_components53.default.ul`
+  var import_styled_components52 = __toESM(__require("styled-components"));
+  var List9 = import_styled_components52.default.ul`
   list-style: none;
   padding: 0;
   margin: 0;
 `;
-  var Item11 = import_styled_components53.default.li`
+  var Item11 = import_styled_components52.default.li`
   position: relative;
   font-size: 0.875rem;
 
@@ -8179,7 +7846,7 @@
     margin-top: ${size(0.5)};
   }
 `;
-  var Icon6 = import_styled_components53.default.div.attrs(() => ({
+  var Icon6 = import_styled_components52.default.div.attrs(() => ({
     className: "wayke__theme wayke__color--primary-text"
   }))`
   position: absolute;
@@ -8187,52 +7854,52 @@
   top: 4px; // Magic number
   font-size: 0.875em;
 `;
-  var Label10 = import_styled_components53.default.div`
+  var Label10 = import_styled_components52.default.div`
   padding-left: calc(1em + ${size(1)});
 `;
 
   // src/components/CheckMarkList/index.tsx
-  var CheckMarkListItem = ({ children }) => /* @__PURE__ */ import_react77.default.createElement(Item11, null, /* @__PURE__ */ import_react77.default.createElement(Icon6, null, /* @__PURE__ */ import_react77.default.createElement(IconCheck, {
+  var CheckMarkListItem = ({ children }) => /* @__PURE__ */ import_react74.default.createElement(Item11, null, /* @__PURE__ */ import_react74.default.createElement(Icon6, null, /* @__PURE__ */ import_react74.default.createElement(IconCheck, {
     block: true
-  })), /* @__PURE__ */ import_react77.default.createElement(Label10, null, children));
-  var CheckMarkList = ({ children }) => /* @__PURE__ */ import_react77.default.createElement(List9, null, children);
+  })), /* @__PURE__ */ import_react74.default.createElement(Label10, null, children));
+  var CheckMarkList = ({ children }) => /* @__PURE__ */ import_react74.default.createElement(List9, null, children);
   var CheckMarkList_default = CheckMarkList;
 
   // src/components/SwitchBar/index.tsx
-  var import_react78 = __toESM(__require("react"));
+  var import_react75 = __toESM(__require("react"));
 
   // src/components/SwitchBar/wrapper.tsx
-  var import_styled_components54 = __toESM(__require("styled-components"));
-  var Wrapper30 = import_styled_components54.default.div`
+  var import_styled_components53 = __toESM(__require("styled-components"));
+  var Wrapper29 = import_styled_components53.default.div`
   padding: ${size(1.5)} ${size(2)};
   background-color: ${(props) => props.theme.color.accentDark};
   border-radius: 3px;
   font-size: 0.875rem;
 `;
-  var Header6 = import_styled_components54.default.div`
+  var Header6 = import_styled_components53.default.div`
   display: flex;
   align-items: center;
 `;
-  var Body5 = import_styled_components54.default.div`
+  var Body5 = import_styled_components53.default.div`
   font-size: 0.875rem;
   margin-top: ${size(1)};
 `;
-  var Info3 = import_styled_components54.default.div`
+  var Info3 = import_styled_components53.default.div`
   flex: 1 1 auto;
   display: flex;
   align-items: center;
 `;
-  var Action7 = import_styled_components54.default.div`
+  var Action7 = import_styled_components53.default.div`
   flex-shrink: 0;
   padding-left: ${size(1.5)};
   font-size: 0.875rem;
 `;
-  var InfoContent = import_styled_components54.default.div`
+  var InfoContent = import_styled_components53.default.div`
   & + & {
     margin-left: ${size(0.75)};
   }
 `;
-  var InfoBtn2 = (0, import_styled_components54.default)(ButtonReset).attrs(() => ({
+  var InfoBtn2 = (0, import_styled_components53.default)(ButtonReset).attrs(() => ({
     className: "wayke__theme wayke__color--primary-text"
   }))`
   position: relative;
@@ -8266,7 +7933,7 @@
     transform: scale(0.95);
   }
 `;
-  var Title2 = import_styled_components54.default.div.attrs(() => ({
+  var Title2 = import_styled_components53.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   font-size: 1rem;
@@ -8274,17 +7941,17 @@
 
   // src/components/SwitchBar/index.tsx
   var SwitchBar = ({ title, body, actionTitle, children, onClick }) => {
-    const [info, setInfo] = (0, import_react78.useState)(false);
-    const onToggleInfo = (0, import_react78.useCallback)(() => setInfo(!info), [info]);
-    return /* @__PURE__ */ import_react78.default.createElement(import_react78.default.Fragment, null, /* @__PURE__ */ import_react78.default.createElement(Wrapper30, null, /* @__PURE__ */ import_react78.default.createElement(Header6, null, /* @__PURE__ */ import_react78.default.createElement(Info3, null, /* @__PURE__ */ import_react78.default.createElement(InfoContent, null, /* @__PURE__ */ import_react78.default.createElement(Title2, null, title)), children && /* @__PURE__ */ import_react78.default.createElement(InfoContent, null, /* @__PURE__ */ import_react78.default.createElement(InfoBtn2, {
+    const [info, setInfo] = (0, import_react75.useState)(false);
+    const onToggleInfo = (0, import_react75.useCallback)(() => setInfo(!info), [info]);
+    return /* @__PURE__ */ import_react75.default.createElement(import_react75.default.Fragment, null, /* @__PURE__ */ import_react75.default.createElement(Wrapper29, null, /* @__PURE__ */ import_react75.default.createElement(Header6, null, /* @__PURE__ */ import_react75.default.createElement(Info3, null, /* @__PURE__ */ import_react75.default.createElement(InfoContent, null, /* @__PURE__ */ import_react75.default.createElement(Title2, null, title)), children && /* @__PURE__ */ import_react75.default.createElement(InfoContent, null, /* @__PURE__ */ import_react75.default.createElement(InfoBtn2, {
       onClick: onToggleInfo,
       title: "Mer information"
-    }, /* @__PURE__ */ import_react78.default.createElement(IconInfo, {
+    }, /* @__PURE__ */ import_react75.default.createElement(IconInfo, {
       block: true
-    })))), actionTitle && /* @__PURE__ */ import_react78.default.createElement(Action7, null, /* @__PURE__ */ import_react78.default.createElement(ButtonInline, {
+    })))), actionTitle && /* @__PURE__ */ import_react75.default.createElement(Action7, null, /* @__PURE__ */ import_react75.default.createElement(ButtonInline, {
       onClick,
       title: actionTitle
-    }, actionTitle))), body && /* @__PURE__ */ import_react78.default.createElement(Body5, null, body)), info && /* @__PURE__ */ import_react78.default.createElement(Modal_default, {
+    }, actionTitle))), body && /* @__PURE__ */ import_react75.default.createElement(Body5, null, body)), info && /* @__PURE__ */ import_react75.default.createElement(Modal_default, {
       title,
       onClose: onToggleInfo
     }, children));
@@ -8292,35 +7959,35 @@
   var SwitchBar_default = SwitchBar;
 
   // src/layouts/searchItem/BranchModal.tsx
-  var import_react80 = __toESM(__require("react"));
+  var import_react77 = __toESM(__require("react"));
 
   // src/State/CentralStorage/CentralStorageContext.ts
-  var import_react79 = __require("react");
-  var CentralStorageContext = (0, import_react79.createContext)({
+  var import_react76 = __require("react");
+  var CentralStorageContext = (0, import_react76.createContext)({
     setCentralStorageId: (_) => {
     }
   });
 
   // src/layouts/searchItem/BranchModal.tsx
   var BranchModal = ({ loading, connections, onClose }) => {
-    const { centralStorageId, setCentralStorageId } = (0, import_react80.useContext)(CentralStorageContext);
-    const [localValue, setLocalValue] = (0, import_react80.useState)(centralStorageId);
-    const onConfirm = (0, import_react80.useCallback)((id) => {
+    const { centralStorageId, setCentralStorageId } = (0, import_react77.useContext)(CentralStorageContext);
+    const [localValue, setLocalValue] = (0, import_react77.useState)(centralStorageId);
+    const onConfirm = (0, import_react77.useCallback)((id) => {
       if (id) {
         setCentralStorageId(id);
       }
     }, []);
-    const onChange = (0, import_react80.useCallback)(
+    const onChange = (0, import_react77.useCallback)(
       (e) => setLocalValue(e.currentTarget.value),
       []
     );
     if (!localValue) {
       return null;
     }
-    return /* @__PURE__ */ import_react80.default.createElement(Modal_default, {
+    return /* @__PURE__ */ import_react77.default.createElement(Modal_default, {
       title: "Byt anl\xE4ggning",
       onClose
-    }, /* @__PURE__ */ import_react80.default.createElement(Repeat, null, /* @__PURE__ */ import_react80.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react80.default.createElement(Content_default, null, /* @__PURE__ */ import_react80.default.createElement("p", null, "V\xE4lj den anl\xE4ggning du vill visa kontaktuppgifter f\xF6r."))), /* @__PURE__ */ import_react80.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react80.default.createElement(InputLabel_default, null, "V\xE4lj anl\xE4ggning"), /* @__PURE__ */ import_react80.default.createElement(InputSelect_default, {
+    }, /* @__PURE__ */ import_react77.default.createElement(Repeat, null, /* @__PURE__ */ import_react77.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react77.default.createElement(Content_default, null, /* @__PURE__ */ import_react77.default.createElement("p", null, "V\xE4lj den anl\xE4ggning du vill visa kontaktuppgifter f\xF6r."))), /* @__PURE__ */ import_react77.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react77.default.createElement(InputLabel_default, null, "V\xE4lj anl\xE4ggning"), /* @__PURE__ */ import_react77.default.createElement(InputSelect_default, {
       value: localValue,
       onChange,
       options: connections?.map((x) => ({
@@ -8328,27 +7995,27 @@
         displayName: x.name
       })),
       title: "V\xE4lj anl\xE4ggning"
-    }))), /* @__PURE__ */ import_react80.default.createElement(Repeat, null, /* @__PURE__ */ import_react80.default.createElement(ButtonPrimary, {
+    }))), /* @__PURE__ */ import_react77.default.createElement(Repeat, null, /* @__PURE__ */ import_react77.default.createElement(ButtonPrimary, {
       disabled: loading,
       fullWidth: true,
       onClick: () => onConfirm(localValue)
-    }, /* @__PURE__ */ import_react80.default.createElement(ButtonContent, null, "V\xE4lj"))));
+    }, /* @__PURE__ */ import_react77.default.createElement(ButtonContent, null, "V\xE4lj"))));
   };
   var BranchModal_default = BranchModal;
 
   // src/layouts/searchItem/PackageOptionModal.tsx
-  var import_react81 = __toESM(__require("react"));
+  var import_react78 = __toESM(__require("react"));
   var import_marked4 = __require("marked");
-  var PackageOptionModal = ({ packageOption, onClose }) => /* @__PURE__ */ import_react81.default.createElement(Modal_default, {
+  var PackageOptionModal = ({ packageOption, onClose }) => /* @__PURE__ */ import_react78.default.createElement(Modal_default, {
     title: packageOption.title || "",
     onClose
-  }, packageOption.image && /* @__PURE__ */ import_react81.default.createElement(Repeat, null, /* @__PURE__ */ import_react81.default.createElement(LogoBox_default, {
+  }, packageOption.image && /* @__PURE__ */ import_react78.default.createElement(Repeat, null, /* @__PURE__ */ import_react78.default.createElement(LogoBox_default, {
     logo: packageOption.image,
     alt: packageOption.title || void 0,
     wide: true
-  })), packageOption.description && /* @__PURE__ */ import_react81.default.createElement(Repeat, null, /* @__PURE__ */ import_react81.default.createElement(Content_default, {
+  })), packageOption.description && /* @__PURE__ */ import_react78.default.createElement(Repeat, null, /* @__PURE__ */ import_react78.default.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: (0, import_marked4.marked)(packageOption.description) }
-  })), packageOption.link?.href && packageOption.link.title && /* @__PURE__ */ import_react81.default.createElement(Repeat, null, /* @__PURE__ */ import_react81.default.createElement(ButtonInline, {
+  })), packageOption.link?.href && packageOption.link.title && /* @__PURE__ */ import_react78.default.createElement(Repeat, null, /* @__PURE__ */ import_react78.default.createElement(ButtonInline, {
     as: "a",
     href: packageOption.link.href,
     target: "_blank",
@@ -8366,90 +8033,90 @@
     toggleEcomModal,
     loadingCentralStorageVehicle
   }) => {
-    const [modalBranch, setModalBranch] = (0, import_react82.useState)(false);
-    const openModalBranch = (0, import_react82.useCallback)(() => setModalBranch(true), []);
-    const closeModalBranch = (0, import_react82.useCallback)(() => setModalBranch(false), []);
-    const [modal, setModal] = (0, import_react82.useState)();
-    const onOpen = (0, import_react82.useCallback)((nextModal) => setModal(nextModal), []);
-    const onClose = (0, import_react82.useCallback)(() => setModal(void 0), []);
-    (0, import_react82.useEffect)(() => {
+    const [modalBranch, setModalBranch] = (0, import_react79.useState)(false);
+    const openModalBranch = (0, import_react79.useCallback)(() => setModalBranch(true), []);
+    const closeModalBranch = (0, import_react79.useCallback)(() => setModalBranch(false), []);
+    const [modal, setModal] = (0, import_react79.useState)();
+    const onOpen = (0, import_react79.useCallback)((nextModal) => setModal(nextModal), []);
+    const onClose = (0, import_react79.useCallback)(() => setModal(void 0), []);
+    (0, import_react79.useEffect)(() => {
       if ((branch || contact) && modalBranch) {
         setModalBranch(false);
       }
     }, [branch, contact]);
     const packageOption = manufacturer?.packageOption;
-    return /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, modalBranch && /* @__PURE__ */ import_react82.default.createElement(BranchModal_default, {
+    return /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null, modalBranch && /* @__PURE__ */ import_react79.default.createElement(BranchModal_default, {
       loading: loadingCentralStorageVehicle,
       connections: branch?.connections,
       onClose: closeModalBranch
-    }), modal && /* @__PURE__ */ import_react82.default.createElement(PackageOptionModal_default, {
+    }), modal && /* @__PURE__ */ import_react79.default.createElement(PackageOptionModal_default, {
       packageOption: modal,
       onClose
-    }), /* @__PURE__ */ import_react82.default.createElement(Repeat, null, /* @__PURE__ */ import_react82.default.createElement(CheckMarkList_default, null, packageOption?.title && /* @__PURE__ */ import_react82.default.createElement(CheckMarkListItem, null, /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, "Inkl.", " ", /* @__PURE__ */ import_react82.default.createElement(ButtonInline, {
+    }), /* @__PURE__ */ import_react79.default.createElement(Repeat, null, /* @__PURE__ */ import_react79.default.createElement(CheckMarkList_default, null, packageOption?.title && /* @__PURE__ */ import_react79.default.createElement(CheckMarkListItem, null, /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null, "Inkl.", " ", /* @__PURE__ */ import_react79.default.createElement(ButtonInline, {
       onClick: () => onOpen({
         title: packageOption?.title,
         image: packageOption?.image,
         description: packageOption?.description,
         link: packageOption?.link
       })
-    }, packageOption.title), " ", "begagnatgaranti")), packageOptions?.map((packageOption2, index2) => /* @__PURE__ */ import_react82.default.createElement(CheckMarkListItem, {
+    }, packageOption.title), " ", "begagnatgaranti")), packageOptions?.map((packageOption2, index2) => /* @__PURE__ */ import_react79.default.createElement(CheckMarkListItem, {
       key: packageOption2.title || index2
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, "Inkl.", " ", /* @__PURE__ */ import_react82.default.createElement(ButtonInline, {
+    }, /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null, "Inkl.", " ", /* @__PURE__ */ import_react79.default.createElement(ButtonInline, {
       onClick: () => onOpen({
         title: packageOption2?.title,
         image: packageOption2?.image,
         description: packageOption2?.description,
         link: packageOption2?.link
       })
-    }, packageOption2.title)))), ecommerce?.withHomeDelivery && /* @__PURE__ */ import_react82.default.createElement(CheckMarkListItem, null, "Hemleverans"))), /* @__PURE__ */ import_react82.default.createElement(Repeat, null, ecommerce && ecommerce.enabled && /* @__PURE__ */ import_react82.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react82.default.createElement(ButtonPrimary, {
+    }, packageOption2.title)))), ecommerce?.withHomeDelivery && /* @__PURE__ */ import_react79.default.createElement(CheckMarkListItem, null, "Hemleverans"))), /* @__PURE__ */ import_react79.default.createElement(Repeat, null, ecommerce && ecommerce.enabled && /* @__PURE__ */ import_react79.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react79.default.createElement(ButtonPrimary, {
       disabled: !!ecommerce.reserved,
       fullWidth: true,
       onClick: toggleEcomModal
-    }, /* @__PURE__ */ import_react82.default.createElement(ButtonContent, null, "K\xF6p bilen online"))), ecommerce?.reserved && /* @__PURE__ */ import_react82.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react82.default.createElement(SwitchBar_default, {
+    }, /* @__PURE__ */ import_react79.default.createElement(ButtonContent, null, "K\xF6p bilen online"))), ecommerce?.reserved && /* @__PURE__ */ import_react79.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react79.default.createElement(SwitchBar_default, {
       title: "Bilen \xE4r reserverad",
       body: "Denna bil \xE4r reserverad av en annan k\xF6pare."
-    }, /* @__PURE__ */ import_react82.default.createElement(Content_default, null, /* @__PURE__ */ import_react82.default.createElement("p", null, "Denna bil \xE4r reserverad av en annan k\xF6pare.")))), /* @__PURE__ */ import_react82.default.createElement(ActionList_default, {
+    }, /* @__PURE__ */ import_react79.default.createElement(Content_default, null, /* @__PURE__ */ import_react79.default.createElement("p", null, "Denna bil \xE4r reserverad av en annan k\xF6pare.")))), /* @__PURE__ */ import_react79.default.createElement(ActionList_default, {
       branch,
       contact
-    })), (branch?.connections.length || 0) > 1 && /* @__PURE__ */ import_react82.default.createElement(Repeat, null, /* @__PURE__ */ import_react82.default.createElement(SwitchBar_default, {
+    })), (branch?.connections.length || 0) > 1 && /* @__PURE__ */ import_react79.default.createElement(Repeat, null, /* @__PURE__ */ import_react79.default.createElement(SwitchBar_default, {
       title: "Centrallagerbil",
       actionTitle: "Byt anl\xE4ggning",
       onClick: openModalBranch
-    }, /* @__PURE__ */ import_react82.default.createElement(Content_default, null, /* @__PURE__ */ import_react82.default.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar. Byt anl\xE4ggning f\xF6r att visa kontaktuppgifter till just den anl\xE4ggningen.")))));
+    }, /* @__PURE__ */ import_react79.default.createElement(Content_default, null, /* @__PURE__ */ import_react79.default.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar. Byt anl\xE4ggning f\xF6r att visa kontaktuppgifter till just den anl\xE4ggningen.")))));
   };
   var CheckList_default = CheckList;
 
   // src/layouts/searchItem/Related.tsx
-  var import_react86 = __toESM(__require("react"));
+  var import_react83 = __toESM(__require("react"));
 
   // src/components/SectionHeader/index.tsx
-  var import_react83 = __toESM(__require("react"));
+  var import_react80 = __toESM(__require("react"));
 
   // src/components/SectionHeader/wrapper.tsx
-  var import_styled_components55 = __toESM(__require("styled-components"));
-  var Wrapper31 = import_styled_components55.default.div`
+  var import_styled_components54 = __toESM(__require("styled-components"));
+  var Wrapper30 = import_styled_components54.default.div`
   display: flex;
   align-items: center;
 `;
-  var Heading7 = import_styled_components55.default.div`
+  var Heading7 = import_styled_components54.default.div`
   flex: 1 1 auto;
 `;
-  var Action8 = import_styled_components55.default.div`
+  var Action8 = import_styled_components54.default.div`
   flex-shrink: 0;
   padding-left: ${size(2)};
 `;
 
   // src/components/SectionHeader/index.tsx
-  var SectionHeader = ({ children, onClick, actionTitle }) => /* @__PURE__ */ import_react83.default.createElement(Wrapper31, null, /* @__PURE__ */ import_react83.default.createElement(Heading7, null, children), onClick && actionTitle && /* @__PURE__ */ import_react83.default.createElement(Action8, null, /* @__PURE__ */ import_react83.default.createElement(ButtonClear, {
+  var SectionHeader = ({ children, onClick, actionTitle }) => /* @__PURE__ */ import_react80.default.createElement(Wrapper30, null, /* @__PURE__ */ import_react80.default.createElement(Heading7, null, children), onClick && actionTitle && /* @__PURE__ */ import_react80.default.createElement(Action8, null, /* @__PURE__ */ import_react80.default.createElement(ButtonClear, {
     as: "a",
     href: "#",
     onClick
-  }, /* @__PURE__ */ import_react83.default.createElement(ButtonContent, null, actionTitle))));
+  }, /* @__PURE__ */ import_react80.default.createElement(ButtonContent, null, actionTitle))));
   var SectionHeader_default = SectionHeader;
 
   // src/components/OverflowGrid/index.tsx
-  var import_styled_components56 = __toESM(__require("styled-components"));
-  var OverflowGrid = import_styled_components56.default.div`
+  var import_styled_components55 = __toESM(__require("styled-components"));
+  var OverflowGrid = import_styled_components55.default.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     ${Wrapper} & {
       margin-left: ${size(-3)};
@@ -8464,7 +8131,7 @@
     }
   }
 `;
-  var OverflowGridList = import_styled_components56.default.ul`
+  var OverflowGridList = import_styled_components55.default.ul`
   display: flex;
   align-items: flex-start;
   list-style: none;
@@ -8496,7 +8163,7 @@
     }
   }
 `;
-  var OverflowGridItem = import_styled_components56.default.li`
+  var OverflowGridItem = import_styled_components55.default.li`
   flex: 1 0 auto;
   width: calc(100% - ${size(2)});
   max-width: calc(100% - ${size(2)});
@@ -8514,11 +8181,11 @@
 `;
 
   // src/State/RelatedSearch/useRelatedSearch.ts
-  var import_react85 = __require("react");
+  var import_react82 = __require("react");
 
   // src/State/RelatedSearch/RelatedSearchContext.ts
-  var import_react84 = __require("react");
-  var RelatedSearchContext = (0, import_react84.createContext)({
+  var import_react81 = __require("react");
+  var RelatedSearchContext = (0, import_react81.createContext)({
     moreLikeThisUrl: false,
     loading: false,
     error: false,
@@ -8529,8 +8196,8 @@
 
   // src/State/RelatedSearch/useRelatedSearch.ts
   var useRelatedSearch = (id) => {
-    const data = (0, import_react85.useContext)(RelatedSearchContext);
-    (0, import_react85.useEffect)(() => {
+    const data = (0, import_react82.useContext)(RelatedSearchContext);
+    (0, import_react82.useEffect)(() => {
       const searchParams = new URLSearchParams();
       searchParams.set("hits", "3");
       if (data.moreLikeThisUrl && id) {
@@ -8556,7 +8223,7 @@
   // src/layouts/searchItem/Related.tsx
   var Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
     const { loading, response, moreLikeThisUrl } = useRelatedSearch_default(id);
-    const onItemClicked = (0, import_react86.useCallback)((id2) => {
+    const onItemClicked = (0, import_react83.useCallback)((id2) => {
       pubsub_default.publish("ItemClicked", id2);
       if (onClickSearchItem) {
         onClickSearchItem(id2);
@@ -8566,30 +8233,30 @@
       return null;
     }
     if (loading) {
-      return /* @__PURE__ */ import_react86.default.createElement(Loader_default, null);
+      return /* @__PURE__ */ import_react83.default.createElement(Loader_default, null);
     }
-    return /* @__PURE__ */ import_react86.default.createElement(PageSection, {
+    return /* @__PURE__ */ import_react83.default.createElement(PageSection, {
       accent: true,
       large: true,
       className: "wayke__theme wayke__color--accent-bg"
-    }, /* @__PURE__ */ import_react86.default.createElement(Container_default, null, moreLikeThisUrl ? /* @__PURE__ */ import_react86.default.createElement(Repeat, null, /* @__PURE__ */ import_react86.default.createElement(SectionHeader_default, {
+    }, /* @__PURE__ */ import_react83.default.createElement(Container_default, null, moreLikeThisUrl ? /* @__PURE__ */ import_react83.default.createElement(Repeat, null, /* @__PURE__ */ import_react83.default.createElement(SectionHeader_default, {
       onClick: () => {
       }
-    }, /* @__PURE__ */ import_react86.default.createElement(H2, {
+    }, /* @__PURE__ */ import_react83.default.createElement(H2, {
       noMargin: true
-    }, "Relaterade fordon"))) : /* @__PURE__ */ import_react86.default.createElement(Repeat, null, /* @__PURE__ */ import_react86.default.createElement(SectionHeader_default, {
+    }, "Relaterade fordon"))) : /* @__PURE__ */ import_react83.default.createElement(Repeat, null, /* @__PURE__ */ import_react83.default.createElement(SectionHeader_default, {
       onClick: () => {
       },
       actionTitle: "Visa alla"
-    }, /* @__PURE__ */ import_react86.default.createElement(H2, {
+    }, /* @__PURE__ */ import_react83.default.createElement(H2, {
       noMargin: true
-    }, "Senast inkomna"))), /* @__PURE__ */ import_react86.default.createElement(Repeat, null, /* @__PURE__ */ import_react86.default.createElement(OverflowGrid, null, /* @__PURE__ */ import_react86.default.createElement(OverflowGridList, null, response?.documentList.documents.map((document2) => {
+    }, "Senast inkomna"))), /* @__PURE__ */ import_react83.default.createElement(Repeat, null, /* @__PURE__ */ import_react83.default.createElement(OverflowGrid, null, /* @__PURE__ */ import_react83.default.createElement(OverflowGridList, null, response?.documentList.documents.map((document2) => {
       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}`;
-      return /* @__PURE__ */ import_react86.default.createElement(OverflowGridItem, {
+      return /* @__PURE__ */ import_react83.default.createElement(OverflowGridItem, {
         key: document2._id
-      }, /* @__PURE__ */ import_react86.default.createElement(ProductCard_default, {
+      }, /* @__PURE__ */ import_react83.default.createElement(ProductCard_default, {
         id: document2._id,
         onClick: onItemClicked,
         title: document2.title,
@@ -8619,24 +8286,24 @@
   var Related_default = Related;
 
   // src/layouts/searchItem/PackageOptions.tsx
-  var import_react87 = __toESM(__require("react"));
+  var import_react84 = __toESM(__require("react"));
   var import_marked5 = __require("marked");
   var PackageOptions = ({ packageOptions }) => {
     if (!packageOptions) {
       return null;
     }
-    return /* @__PURE__ */ import_react87.default.createElement(import_react87.default.Fragment, null, packageOptions.map((packageOption, index2) => /* @__PURE__ */ import_react87.default.createElement(ProductPageMainSection, {
+    return /* @__PURE__ */ import_react84.default.createElement(import_react84.default.Fragment, null, packageOptions.map((packageOption, index2) => /* @__PURE__ */ import_react84.default.createElement(ProductPageMainSection, {
       key: packageOption.title || index2
-    }, /* @__PURE__ */ import_react87.default.createElement(Repeat, null, /* @__PURE__ */ import_react87.default.createElement(H2, {
+    }, /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(H2, {
       noMargin: true
-    }, packageOption.title)), packageOption.description && /* @__PURE__ */ import_react87.default.createElement(Repeat, null, /* @__PURE__ */ import_react87.default.createElement(Content_default, {
+    }, packageOption.title)), packageOption.description && /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(Content_default, {
       dangerouslySetInnerHTML: { __html: (0, import_marked5.marked)(packageOption.description) }
-    })), packageOption.link?.url && /* @__PURE__ */ import_react87.default.createElement(Repeat, null, /* @__PURE__ */ import_react87.default.createElement(ButtonInline, {
+    })), packageOption.link?.url && /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.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__ */ import_react87.default.createElement(Repeat, null, /* @__PURE__ */ import_react87.default.createElement(LogoBox_default, {
+    }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(LogoBox_default, {
       logo: packageOption.image,
       alt: "Logotyp",
       wide: true
@@ -8645,31 +8312,31 @@
   var PackageOptions_default = PackageOptions;
 
   // src/layouts/searchItem/Branch.tsx
-  var import_react94 = __toESM(__require("react"));
+  var import_react91 = __toESM(__require("react"));
 
   // src/components/TableColumn/index.tsx
-  var import_styled_components57 = __toESM(__require("styled-components"));
-  var TableColumn = import_styled_components57.default.div`
+  var import_styled_components56 = __toESM(__require("styled-components"));
+  var TableColumn = import_styled_components56.default.div`
   line-height: 1.2;
 `;
-  var TableColumnRow = import_styled_components57.default.div`
+  var TableColumnRow = import_styled_components56.default.div`
   display: flex;
   align-items: flex-start;
   margin: ${size(-1)};
 `;
-  var TableColumnCell = import_styled_components57.default.div`
+  var TableColumnCell = import_styled_components56.default.div`
   flex: 1 0 50%;
   padding: ${size(1)};
 `;
 
   // src/components/OpeningHours/index.tsx
-  var import_react89 = __toESM(__require("react"));
+  var import_react86 = __toESM(__require("react"));
 
   // src/components/Badge/index.tsx
-  var import_react88 = __toESM(__require("react"));
+  var import_react85 = __toESM(__require("react"));
 
   // src/components/Badge/wrapper.tsx
-  var import_styled_components58 = __toESM(__require("styled-components"));
+  var import_styled_components57 = __toESM(__require("styled-components"));
   var getBg = (severity) => {
     let bg = theme_default.color.textDark;
     if (severity === "positive") {
@@ -8679,7 +8346,7 @@
     }
     return bg;
   };
-  var Wrapper32 = import_styled_components58.default.div.attrs(() => ({
+  var Wrapper31 = import_styled_components57.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   display: inline-block;
@@ -8692,7 +8359,7 @@
 `;
 
   // src/components/Badge/index.tsx
-  var Badge = ({ label, severity }) => /* @__PURE__ */ import_react88.default.createElement(Wrapper32, {
+  var Badge = ({ label, severity }) => /* @__PURE__ */ import_react85.default.createElement(Wrapper31, {
     severity
   }, label);
   var Badge_default = Badge;
@@ -8756,11 +8423,11 @@
     return new Date().setHours(splitted[0], splitted[1]).valueOf();
   };
   var OpeningHours = ({ openingHours }) => {
-    const today = (0, import_react89.useMemo)(
+    const today = (0, import_react86.useMemo)(
       () => openingHours ? GetOpeningHoursToday(openingHours) : null,
       [openingHours]
     );
-    const currentlyOpen = (0, import_react89.useMemo)(() => {
+    const currentlyOpen = (0, import_react86.useMemo)(() => {
       try {
         if (today?.from && today?.until) {
           const currentDate = new Date().valueOf();
@@ -8772,60 +8439,60 @@
         return false;
       }
     }, [today]);
-    const oh = (0, import_react89.useMemo)(() => openingHours ? GetOpeningHours(openingHours) : null, [openingHours]);
+    const oh = (0, import_react86.useMemo)(() => openingHours ? GetOpeningHours(openingHours) : null, [openingHours]);
     if (!oh) {
       return null;
     }
-    return /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react89.default.createElement(Badge_default, {
+    return /* @__PURE__ */ import_react86.default.createElement(import_react86.default.Fragment, null, /* @__PURE__ */ import_react86.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react86.default.createElement(Badge_default, {
       label: currentlyOpen ? "\xD6ppet" : "St\xE4ngt",
       severity: currentlyOpen ? "positive" : "negative"
-    })), /* @__PURE__ */ import_react89.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react89.default.createElement(TableColumn, null, /* @__PURE__ */ import_react89.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react89.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react89.default.createElement(UtilityTextBold, null, today?.title)), /* @__PURE__ */ import_react89.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react89.default.createElement(UtilityTextBold, null, today?.from ? `${today.from}-${today.until}` : "St\xE4ngt"))), oh.map((o) => /* @__PURE__ */ import_react89.default.createElement(TableColumnRow, {
+    })), /* @__PURE__ */ import_react86.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react86.default.createElement(TableColumn, null, /* @__PURE__ */ import_react86.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react86.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react86.default.createElement(UtilityTextBold, null, today?.title)), /* @__PURE__ */ import_react86.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react86.default.createElement(UtilityTextBold, null, today?.from ? `${today.from}-${today.until}` : "St\xE4ngt"))), oh.map((o) => /* @__PURE__ */ import_react86.default.createElement(TableColumnRow, {
       key: o.titleFrom
-    }, /* @__PURE__ */ import_react89.default.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom), /* @__PURE__ */ import_react89.default.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : "St\xE4ngt"))))));
+    }, /* @__PURE__ */ import_react86.default.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom), /* @__PURE__ */ import_react86.default.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : "St\xE4ngt"))))));
   };
   var OpeningHours_default = OpeningHours;
 
   // src/components/PhoneNumber/index.tsx
-  var import_react90 = __toESM(__require("react"));
+  var import_react87 = __toESM(__require("react"));
   var PhoneNumber = ({ phoneNumber }) => {
-    const [visible, setVisible] = (0, import_react90.useState)(false);
-    const onClick = (0, import_react90.useCallback)(() => !visible && setVisible(true), [visible]);
-    return /* @__PURE__ */ import_react90.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react90.default.createElement(TableColumnCell, null, "Telefonnummer"), /* @__PURE__ */ import_react90.default.createElement(TableColumnCell, null, visible ? /* @__PURE__ */ import_react90.default.createElement(ButtonInlineBold, {
+    const [visible, setVisible] = (0, import_react87.useState)(false);
+    const onClick = (0, import_react87.useCallback)(() => !visible && setVisible(true), [visible]);
+    return /* @__PURE__ */ import_react87.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react87.default.createElement(TableColumnCell, null, "Telefonnummer"), /* @__PURE__ */ import_react87.default.createElement(TableColumnCell, null, visible ? /* @__PURE__ */ import_react87.default.createElement(ButtonInlineBold, {
       as: "a",
       href: `tel:${phoneNumber}`,
       title: `Ring ${phoneNumber}`
-    }, /* @__PURE__ */ import_react90.default.createElement(ButtonContent, null, phoneNumber)) : /* @__PURE__ */ import_react90.default.createElement(ButtonInlineBold, {
+    }, /* @__PURE__ */ import_react87.default.createElement(ButtonContent, null, phoneNumber)) : /* @__PURE__ */ import_react87.default.createElement(ButtonInlineBold, {
       onClick,
       title: "Visa telefonnummer"
-    }, /* @__PURE__ */ import_react90.default.createElement(ButtonContent, null, "Visa telefonnummer"))));
+    }, /* @__PURE__ */ import_react87.default.createElement(ButtonContent, null, "Visa telefonnummer"))));
   };
   var PhoneNumber_default = PhoneNumber;
 
   // src/components/Map/index.tsx
-  var import_react93 = __toESM(__require("react"));
+  var import_react90 = __toESM(__require("react"));
 
   // src/State/Settings/useSettings.ts
-  var import_react92 = __require("react");
+  var import_react89 = __require("react");
 
   // src/State/Settings/SettingsContext.ts
-  var import_react91 = __require("react");
-  var SettingsContext = (0, import_react91.createContext)({});
+  var import_react88 = __require("react");
+  var SettingsContext = (0, import_react88.createContext)({});
 
   // src/State/Settings/useSettings.ts
-  var useSettings = () => (0, import_react92.useContext)(SettingsContext);
+  var useSettings = () => (0, import_react89.useContext)(SettingsContext);
   var useSettings_default = useSettings;
 
   // src/components/Map/wrapper.tsx
-  var import_styled_components59 = __toESM(__require("styled-components"));
-  var Wrapper33 = import_styled_components59.default.a`
+  var import_styled_components58 = __toESM(__require("styled-components"));
+  var Wrapper32 = import_styled_components58.default.a`
   display: block;
 `;
-  var Image4 = import_styled_components59.default.img`
+  var Image4 = import_styled_components58.default.img`
   display: block;
   width: 100%;
   border-radius: 3px;
 `;
-  var Placeholder = import_styled_components59.default.a`
+  var Placeholder = import_styled_components58.default.a`
   display: block;
   position: relative;
   width: 100%;
@@ -8835,7 +8502,7 @@
   border-radius: 3px;
   color: ${(props) => props.theme.color.textDark};
 `;
-  var PlaceholderAction = import_styled_components59.default.div`
+  var PlaceholderAction = import_styled_components58.default.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -8845,8 +8512,8 @@
   // src/components/Map/index.tsx
   var StaticMap = ({ position }) => {
     const { googleMapsApiKey, googleMapsMarker } = useSettings_default();
-    const [visible, setVisible] = (0, import_react93.useState)(false);
-    const onShowMap = (0, import_react93.useCallback)((e) => {
+    const [visible, setVisible] = (0, import_react90.useState)(false);
+    const onShowMap = (0, import_react90.useCallback)((e) => {
       if (googleMapsApiKey) {
         e.preventDefault();
         setVisible(true);
@@ -8857,33 +8524,33 @@
     }
     const { latitude, longitude } = position;
     if (visible && googleMapsApiKey) {
-      return /* @__PURE__ */ import_react93.default.createElement(Wrapper33, {
+      return /* @__PURE__ */ import_react90.default.createElement(Wrapper32, {
         href: `http://maps.google.com/maps?q=${latitude},${longitude}`,
         title: "Visa p\xE5 Google Maps",
         target: "_blank",
         rel: "nofollow noopener noreferrer"
-      }, /* @__PURE__ */ import_react93.default.createElement(Image4, {
+      }, /* @__PURE__ */ import_react90.default.createElement(Image4, {
         src: `https://maps.googleapis.com/maps/api/staticmap?center=${latitude},${longitude}&zoom=10&size=640x280&maptype=roadmap&markers=${googleMapsMarker ? `icon:${encodeURIComponent(googleMapsMarker)}` : ""}%7C${latitude},${longitude}&key=${googleMapsApiKey}`,
         alt: "Karta"
       }));
     }
-    return /* @__PURE__ */ import_react93.default.createElement(Placeholder, {
+    return /* @__PURE__ */ import_react90.default.createElement(Placeholder, {
       href: `http://maps.google.com/maps?q=${latitude},${longitude}`,
       target: "_blank",
       rel: "noopener noreferrer nofollow",
       onClick: onShowMap
-    }, /* @__PURE__ */ import_react93.default.createElement(PlaceholderAction, null, /* @__PURE__ */ import_react93.default.createElement(ButtonSecondary, {
+    }, /* @__PURE__ */ import_react90.default.createElement(PlaceholderAction, null, /* @__PURE__ */ import_react90.default.createElement(ButtonSecondary, {
       as: "div"
-    }, /* @__PURE__ */ import_react93.default.createElement(ButtonContent, null, "Visa karta"))));
+    }, /* @__PURE__ */ import_react90.default.createElement(ButtonContent, null, "Visa karta"))));
   };
   var Map_default = StaticMap;
 
   // src/layouts/searchItem/Branch.tsx
   var Branch2 = ({ branch, loading }) => {
-    const [modal, setModal] = (0, import_react94.useState)(false);
-    const openModal = (0, import_react94.useCallback)(() => setModal(true), []);
-    const closeModal = (0, import_react94.useCallback)(() => setModal(false), []);
-    (0, import_react94.useEffect)(() => {
+    const [modal, setModal] = (0, import_react91.useState)(false);
+    const openModal = (0, import_react91.useCallback)(() => setModal(true), []);
+    const closeModal = (0, import_react91.useCallback)(() => setModal(false), []);
+    (0, import_react91.useEffect)(() => {
       if (branch && modal) {
         setModal(false);
       }
@@ -8891,29 +8558,29 @@
     if (!branch) {
       return null;
     }
-    return /* @__PURE__ */ import_react94.default.createElement(import_react94.default.Fragment, null, modal && /* @__PURE__ */ import_react94.default.createElement(BranchModal_default, {
+    return /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null, modal && /* @__PURE__ */ import_react91.default.createElement(BranchModal_default, {
       loading,
       connections: branch?.connections,
       onClose: closeModal
-    }), /* @__PURE__ */ import_react94.default.createElement(Repeat, null, /* @__PURE__ */ import_react94.default.createElement(H2, {
+    }), /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(H2, {
       noMargin: true
-    }, branch?.location?.city ? `Den h\xE4r bilen finns p\xE5 v\xE5r anl\xE4ggning i ${branch?.location?.city}` : "Kontakt")), /* @__PURE__ */ import_react94.default.createElement(Repeat, null, /* @__PURE__ */ import_react94.default.createElement(Map_default, {
+    }, branch?.location?.city ? `Den h\xE4r bilen finns p\xE5 v\xE5r anl\xE4ggning i ${branch?.location?.city}` : "Kontakt")), /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(Map_default, {
       position: branch?.location?.position
-    })), (branch?.connections?.length || 0) > 1 && /* @__PURE__ */ import_react94.default.createElement(Repeat, null, /* @__PURE__ */ import_react94.default.createElement(Content_default, null, /* @__PURE__ */ import_react94.default.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar.", " ", /* @__PURE__ */ import_react94.default.createElement(ButtonInline, {
+    })), (branch?.connections?.length || 0) > 1 && /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(Content_default, null, /* @__PURE__ */ import_react91.default.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar.", " ", /* @__PURE__ */ import_react91.default.createElement(ButtonInline, {
       as: "span",
       role: "button",
       onClick: openModal,
       inline: true
-    }, "Klicka h\xE4r f\xF6r att visa kontaktuppgifter till en annan anl\xE4ggning"), "."))), /* @__PURE__ */ import_react94.default.createElement(Repeat, null, /* @__PURE__ */ import_react94.default.createElement(ProductPageContentLimit, null, /* @__PURE__ */ import_react94.default.createElement(Repeat, null, /* @__PURE__ */ import_react94.default.createElement(TableColumn, null, branch?.location?.streetAddress && branch?.location?.city && /* @__PURE__ */ import_react94.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react94.default.createElement(TableColumnCell, null, "Adress"), /* @__PURE__ */ import_react94.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react94.default.createElement(ButtonInlineBold, null, /* @__PURE__ */ import_react94.default.createElement(ButtonContent, null, `${branch?.location?.streetAddress}, ${branch?.location?.city}`)))), branch?.contact?.phonenumber && /* @__PURE__ */ import_react94.default.createElement(PhoneNumber_default, {
+    }, "Klicka h\xE4r f\xF6r att visa kontaktuppgifter till en annan anl\xE4ggning"), "."))), /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(ProductPageContentLimit, null, /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(TableColumn, null, branch?.location?.streetAddress && branch?.location?.city && /* @__PURE__ */ import_react91.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react91.default.createElement(TableColumnCell, null, "Adress"), /* @__PURE__ */ import_react91.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react91.default.createElement(ButtonInlineBold, null, /* @__PURE__ */ import_react91.default.createElement(ButtonContent, null, `${branch?.location?.streetAddress}, ${branch?.location?.city}`)))), branch?.contact?.phonenumber && /* @__PURE__ */ import_react91.default.createElement(PhoneNumber_default, {
       phoneNumber: formatPhonenumber(branch.contact.phonenumber)
-    }))), branch?.openingHours && /* @__PURE__ */ import_react94.default.createElement(Repeat, null, /* @__PURE__ */ import_react94.default.createElement(OpeningHours_default, {
+    }))), branch?.openingHours && /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(OpeningHours_default, {
       openingHours: branch.openingHours
     })))));
   };
   var Branch_default = Branch2;
 
   // src/State/CentralStorage/useCentralStorage.ts
-  var import_react95 = __require("react");
+  var import_react92 = __require("react");
 
   // src/hooks/useSearchItemBranch.ts
   var import_client8 = __require("@apollo/client");
@@ -9046,11 +8713,11 @@
 
   // src/State/CentralStorage/useCentralStorage.ts
   var useCentralStorage = (vehicle) => {
-    const { centralStorageId, setCentralStorageId } = (0, import_react95.useContext)(CentralStorageContext);
+    const { centralStorageId, setCentralStorageId } = (0, import_react92.useContext)(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);
-    (0, import_react95.useEffect)(() => {
+    (0, import_react92.useEffect)(() => {
       if ((connections?.length || 0) > 0) {
         const match = centralStorageId ? connections?.find((x) => x.id === centralStorageId) : void 0;
         if (!match) {
@@ -9069,23 +8736,23 @@
   var useCentralStorage_default = useCentralStorage;
 
   // src/layouts/searchItem/Page404.tsx
-  var import_react96 = __toESM(__require("react"));
-  var Page404 = () => /* @__PURE__ */ import_react96.default.createElement(Page, null, /* @__PURE__ */ import_react96.default.createElement(PageSection, {
+  var import_react93 = __toESM(__require("react"));
+  var Page404 = () => /* @__PURE__ */ import_react93.default.createElement(Page, null, /* @__PURE__ */ import_react93.default.createElement(PageSection, {
     large: true
-  }, /* @__PURE__ */ import_react96.default.createElement(Container_default, null, /* @__PURE__ */ import_react96.default.createElement(H1, {
+  }, /* @__PURE__ */ import_react93.default.createElement(Container_default, null, /* @__PURE__ */ import_react93.default.createElement(H1, {
     noMargin: true
   }, "404"))));
   var Page404_default = Page404;
 
   // src/layouts/searchItem/PageLoading.tsx
-  var import_react97 = __toESM(__require("react"));
-  var PageLoading = () => /* @__PURE__ */ import_react97.default.createElement(Page, null, /* @__PURE__ */ import_react97.default.createElement(PageSection, {
+  var import_react94 = __toESM(__require("react"));
+  var PageLoading = () => /* @__PURE__ */ import_react94.default.createElement(Page, null, /* @__PURE__ */ import_react94.default.createElement(PageSection, {
     large: true
-  }, /* @__PURE__ */ import_react97.default.createElement(Container_default, null, /* @__PURE__ */ import_react97.default.createElement(Loader_default, null))));
+  }, /* @__PURE__ */ import_react94.default.createElement(Container_default, null, /* @__PURE__ */ import_react94.default.createElement(Loader_default, null))));
   var PageLoading_default = PageLoading;
 
   // src/layouts/searchItem/Property.tsx
-  var import_react99 = __toESM(__require("react"));
+  var import_react96 = __toESM(__require("react"));
 
   // src/utils/vehicle-properties/property-tree-creator.ts
   var _PropertyTreeCreator = class {
@@ -9578,11 +9245,11 @@
   };
 
   // src/layouts/searchItem/MetadataItem.tsx
-  var import_react98 = __toESM(__require("react"));
+  var import_react95 = __toESM(__require("react"));
 
   // src/components/TableList/index.tsx
-  var import_styled_components60 = __toESM(__require("styled-components"));
-  var TableList = import_styled_components60.default.ul`
+  var import_styled_components59 = __toESM(__require("styled-components"));
+  var TableList = import_styled_components59.default.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -9590,7 +9257,7 @@
   border-bottom: 1px solid ${(props) => props.theme.color.border};
   font-size: 0.875rem;
 `;
-  var TableListItem = import_styled_components60.default.li`
+  var TableListItem = import_styled_components59.default.li`
   display: flex;
   align-items: center;
   padding: ${size(1)} 0;
@@ -9599,30 +9266,30 @@
     border-top: 1px solid ${(props) => props.theme.color.border};
   }
 `;
-  var TableListKey = import_styled_components60.default.div`
+  var TableListKey = import_styled_components59.default.div`
   flex: 1 1 auto;
 `;
-  var TableListValue = import_styled_components60.default.div`
+  var TableListValue = import_styled_components59.default.div`
   flex-shrink: 0;
   padding-left: ${size(1)};
 `;
-  var TableListBooleanPos = import_styled_components60.default.div`
+  var TableListBooleanPos = import_styled_components59.default.div`
   color: ${(props) => props.theme.color.ui.positive};
 `;
-  var TableListBooleanNeg = import_styled_components60.default.div`
+  var TableListBooleanNeg = import_styled_components59.default.div`
   color: ${(props) => props.theme.color.ui.negative};
 `;
 
   // src/layouts/searchItem/MetadataItem.tsx
   var formatValue = (value, unit) => {
     if (typeof value === "boolean") {
-      return value ? /* @__PURE__ */ import_react98.default.createElement(TableListBooleanPos, {
+      return value ? /* @__PURE__ */ import_react95.default.createElement(TableListBooleanPos, {
         title: "Ja"
-      }, /* @__PURE__ */ import_react98.default.createElement(SrOnly, null, "Ja"), /* @__PURE__ */ import_react98.default.createElement(IconCheck, {
+      }, /* @__PURE__ */ import_react95.default.createElement(SrOnly, null, "Ja"), /* @__PURE__ */ import_react95.default.createElement(IconCheck, {
         block: true
-      })) : /* @__PURE__ */ import_react98.default.createElement(TableListBooleanNeg, {
+      })) : /* @__PURE__ */ import_react95.default.createElement(TableListBooleanNeg, {
         title: "Nej"
-      }, /* @__PURE__ */ import_react98.default.createElement(SrOnly, null, "Nej"), /* @__PURE__ */ import_react98.default.createElement(IconCancel, {
+      }, /* @__PURE__ */ import_react95.default.createElement(SrOnly, null, "Nej"), /* @__PURE__ */ import_react95.default.createElement(IconCancel, {
         block: true
       }));
     }
@@ -9635,27 +9302,27 @@
     return value;
   };
   var MetadataItem = ({ name, hint, value, unit }) => {
-    const [foldout, setFoldout] = (0, import_react98.useState)(false);
-    const onToggleFoldout = (0, import_react98.useCallback)(() => setFoldout(!foldout), [foldout]);
+    const [foldout, setFoldout] = (0, import_react95.useState)(false);
+    const onToggleFoldout = (0, import_react95.useCallback)(() => setFoldout(!foldout), [foldout]);
     const presentedValue = formatValue(value, unit);
-    return /* @__PURE__ */ import_react98.default.createElement(TableListItem, null, /* @__PURE__ */ import_react98.default.createElement(TableListKey, null, hint ? /* @__PURE__ */ import_react98.default.createElement(ButtonInline, {
+    return /* @__PURE__ */ import_react95.default.createElement(TableListItem, null, /* @__PURE__ */ import_react95.default.createElement(TableListKey, null, hint ? /* @__PURE__ */ import_react95.default.createElement(ButtonInline, {
       onClick: onToggleFoldout,
       title: `Mer information om ${name}`
-    }, name) : name), /* @__PURE__ */ import_react98.default.createElement(TableListValue, null, value !== void 0 ? presentedValue : "Uppgift saknas"), hint && foldout && /* @__PURE__ */ import_react98.default.createElement(Modal_default, {
+    }, name) : name), /* @__PURE__ */ import_react95.default.createElement(TableListValue, null, value !== void 0 ? presentedValue : "Uppgift saknas"), hint && foldout && /* @__PURE__ */ import_react95.default.createElement(Modal_default, {
       title: name,
       onClose: onToggleFoldout
-    }, /* @__PURE__ */ import_react98.default.createElement(Content_default, {
+    }, /* @__PURE__ */ import_react95.default.createElement(Content_default, {
       dangerouslySetInnerHTML: { __html: hint }
     })));
   };
   var MetadataItem_default = MetadataItem;
 
   // src/components/Tabs/index.tsx
-  var React94 = __toESM(__require("react"));
+  var React91 = __toESM(__require("react"));
 
   // src/components/Tabs/wrapper.tsx
-  var import_styled_components61 = __toESM(__require("styled-components"));
-  var Wrapper34 = import_styled_components61.default.div`
+  var import_styled_components60 = __toESM(__require("styled-components"));
+  var Wrapper33 = import_styled_components60.default.div`
   overflow: hidden;
   margin-top: ${size(-1)};
   margin-left: ${size(-1)};
@@ -9666,7 +9333,7 @@
     margin-right: ${size(-2)};
   }
 `;
-  var List10 = import_styled_components61.default.ul`
+  var List10 = import_styled_components60.default.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -9680,12 +9347,12 @@
     padding-right: ${size(1)};
   }
 `;
-  var Item12 = import_styled_components61.default.li`
+  var Item12 = import_styled_components60.default.li`
   display: inline-block;
   vertical-align: bottom;
   font-size: 1rem;
 `;
-  var Action9 = (0, import_styled_components61.default)(ButtonReset).attrs(() => ({
+  var Action9 = (0, import_styled_components60.default)(ButtonReset).attrs(() => ({
     role: "tab",
     className: "wayke__theme wayke__font--bold"
   }))`
@@ -9711,7 +9378,7 @@
     z-index: 1;
   }
 
-  ${(props) => props.active && import_styled_components61.css`
+  ${(props) => props.active && import_styled_components60.css`
       color: ${(props2) => props2.theme.color.textDark};
 
       :after {
@@ -9721,9 +9388,9 @@
 `;
 
   // src/components/Tabs/index.tsx
-  var Tabs = ({ tabs, active, onClick }) => /* @__PURE__ */ React94.createElement(Wrapper34, null, /* @__PURE__ */ React94.createElement(List10, null, tabs.map((tab) => /* @__PURE__ */ React94.createElement(Item12, {
+  var Tabs = ({ tabs, active, onClick }) => /* @__PURE__ */ React91.createElement(Wrapper33, null, /* @__PURE__ */ React91.createElement(List10, null, tabs.map((tab) => /* @__PURE__ */ React91.createElement(Item12, {
     key: tab.name
-  }, /* @__PURE__ */ React94.createElement(Action9, {
+  }, /* @__PURE__ */ React91.createElement(Action9, {
     title: tab.displayName,
     onClick: onClick ? () => onClick(tab.name) : void 0,
     active: tab.name === active ? "true" : void 0
@@ -9731,31 +9398,31 @@
   var Tabs_default = Tabs;
 
   // src/layouts/searchItem/Property.tsx
-  var MetadataSubCategory = ({ name, properties }) => /* @__PURE__ */ import_react99.default.createElement(Repeat, null, /* @__PURE__ */ import_react99.default.createElement(H5, {
+  var MetadataSubCategory = ({ name, properties }) => /* @__PURE__ */ import_react96.default.createElement(Repeat, null, /* @__PURE__ */ import_react96.default.createElement(H5, {
     as: "h3"
-  }, name), /* @__PURE__ */ import_react99.default.createElement(TableList, null, !!properties.length && properties.map((property, index2) => /* @__PURE__ */ import_react99.default.createElement(MetadataItem_default, {
+  }, name), /* @__PURE__ */ import_react96.default.createElement(TableList, null, !!properties.length && properties.map((property, index2) => /* @__PURE__ */ import_react96.default.createElement(MetadataItem_default, {
     name: property.name,
     hint: property.hint,
     value: property.value,
     unit: property.unit,
     key: `${property.name}-${index2}`
   }))));
-  var MetadataCategory = ({ properties, subCategories }) => /* @__PURE__ */ import_react99.default.createElement("div", {
+  var MetadataCategory = ({ properties, subCategories }) => /* @__PURE__ */ import_react96.default.createElement("div", {
     className: "tab-section"
-  }, !!properties.length && /* @__PURE__ */ import_react99.default.createElement(Repeat, null, /* @__PURE__ */ import_react99.default.createElement(TableList, null, properties.map((property, index2) => /* @__PURE__ */ import_react99.default.createElement(MetadataItem_default, {
+  }, !!properties.length && /* @__PURE__ */ import_react96.default.createElement(Repeat, null, /* @__PURE__ */ import_react96.default.createElement(TableList, null, properties.map((property, index2) => /* @__PURE__ */ import_react96.default.createElement(MetadataItem_default, {
     name: property.name,
     hint: property.hint,
     value: property.value,
     unit: property.unit,
     key: `${property.name}-${index2}`
-  })))), !!subCategories.length && subCategories.map((subCategory, index2) => /* @__PURE__ */ import_react99.default.createElement(MetadataSubCategory, {
+  })))), !!subCategories.length && subCategories.map((subCategory, index2) => /* @__PURE__ */ import_react96.default.createElement(MetadataSubCategory, {
     name: subCategory.name,
     properties: subCategory.properties,
     key: `${subCategory.name}-${index2}`
   })));
   var PropertySet = ({ propertySet, vehicleData }) => {
-    const [activeCategoryId, setActiveCategoryId] = (0, import_react99.useState)(-1);
-    const mappedProperties = (0, import_react99.useMemo)(() => {
+    const [activeCategoryId, setActiveCategoryId] = (0, import_react96.useState)(-1);
+    const mappedProperties = (0, import_react96.useMemo)(() => {
       if (!propertySet) {
         return void 0;
       }
@@ -9766,24 +9433,24 @@
       property_tree_sorter_default(tree);
       return tree;
     }, [propertySet]);
-    (0, import_react99.useEffect)(() => {
+    (0, import_react96.useEffect)(() => {
       const categories = mappedProperties?.categories?.length !== void 0 ? mappedProperties?.categories : void 0;
       if (activeCategoryId < 0 && categories !== void 0 && categories.length > 0) {
         setActiveCategoryId(categories[0].id);
       }
     }, [mappedProperties]);
-    const onTab = (0, import_react99.useCallback)((id) => setActiveCategoryId(parseInt(id, 10)), []);
+    const onTab = (0, import_react96.useCallback)((id) => setActiveCategoryId(parseInt(id, 10)), []);
     const activeCategory = mappedProperties?.categories?.find(
       (category) => category.id === activeCategoryId
     );
-    return /* @__PURE__ */ import_react99.default.createElement(import_react99.default.Fragment, null, /* @__PURE__ */ import_react99.default.createElement(Repeat, null, /* @__PURE__ */ import_react99.default.createElement(Tabs_default, {
+    return /* @__PURE__ */ import_react96.default.createElement(import_react96.default.Fragment, null, /* @__PURE__ */ import_react96.default.createElement(Repeat, null, /* @__PURE__ */ import_react96.default.createElement(Tabs_default, {
       tabs: mappedProperties?.categories?.map((category) => ({
         name: `${category.id}`,
         displayName: category.name
       })) || [],
       active: `${activeCategoryId}`,
       onClick: onTab
-    })), activeCategory && /* @__PURE__ */ import_react99.default.createElement(Repeat, null, /* @__PURE__ */ import_react99.default.createElement(MetadataCategory, {
+    })), activeCategory && /* @__PURE__ */ import_react96.default.createElement(Repeat, null, /* @__PURE__ */ import_react96.default.createElement(MetadataCategory, {
       properties: activeCategory.properties,
       subCategories: activeCategory.subCategories
     })));
@@ -9791,11 +9458,11 @@
   var Property_default = PropertySet;
 
   // src/components/Pdf/index.tsx
-  var import_react100 = __toESM(__require("react"));
+  var import_react97 = __toESM(__require("react"));
 
   // src/components/Pdf/wrapper.tsx
-  var import_styled_components62 = __toESM(__require("styled-components"));
-  var PdfListItem = import_styled_components62.default.li.attrs(() => ({
+  var import_styled_components61 = __toESM(__require("styled-components"));
+  var PdfListItem = import_styled_components61.default.li.attrs(() => ({
     className: "wayke__theme wayke__color--primary-text"
   }))`
   flex: 0 0 50%;
@@ -9805,14 +9472,14 @@
     flex: 0 0 100%;
   }
 `;
-  var PdfContainer = import_styled_components62.default.ul`
+  var PdfContainer = import_styled_components61.default.ul`
   list-style: none;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   margin: ${size(-1)};
 `;
-  var PdfLink = import_styled_components62.default.a.attrs(() => ({
+  var PdfLink = import_styled_components61.default.a.attrs(() => ({
     className: "wayke__theme wayke__color--primary-text wayke__font--bold"
   }))`
   text-decoration: none;
@@ -9826,19 +9493,19 @@
     height: 100%;
   }
 `;
-  var PdfTitle = import_styled_components62.default.div`
+  var PdfTitle = import_styled_components61.default.div`
   color: ${(props) => props.theme.color.textDark};
 `;
-  var PdfSubtitle = import_styled_components62.default.div`
+  var PdfSubtitle = import_styled_components61.default.div`
   color: ${(props) => props.theme.color.textDarkLighten};
 `;
-  var PdfColumn = import_styled_components62.default.div`
+  var PdfColumn = import_styled_components61.default.div`
   flex 0 0 auto;
   &:first-child {
     flex: 1 1 auto;
   }
 `;
-  var PdfListInner = import_styled_components62.default.div`
+  var PdfListInner = import_styled_components61.default.div`
   position: relative;
   border: 1px solid ${(props) => props.theme.color.border};
   padding: ${size(1.5)};
@@ -9850,12 +9517,12 @@
 `;
 
   // src/components/Pdf/index.tsx
-  var PdfDownloadItem = ({ document: document2 }) => /* @__PURE__ */ import_react100.default.createElement(PdfListItem, null, /* @__PURE__ */ import_react100.default.createElement(PdfListInner, null, /* @__PURE__ */ import_react100.default.createElement(PdfColumn, null, /* @__PURE__ */ import_react100.default.createElement(PdfTitle, null, document2.name), /* @__PURE__ */ import_react100.default.createElement(PdfSubtitle, null, document2.contentType)), /* @__PURE__ */ import_react100.default.createElement(PdfColumn, null, /* @__PURE__ */ import_react100.default.createElement(PdfLink, {
+  var PdfDownloadItem = ({ document: document2 }) => /* @__PURE__ */ import_react97.default.createElement(PdfListItem, null, /* @__PURE__ */ import_react97.default.createElement(PdfListInner, null, /* @__PURE__ */ import_react97.default.createElement(PdfColumn, null, /* @__PURE__ */ import_react97.default.createElement(PdfTitle, null, document2.name), /* @__PURE__ */ import_react97.default.createElement(PdfSubtitle, null, document2.contentType)), /* @__PURE__ */ import_react97.default.createElement(PdfColumn, null, /* @__PURE__ */ import_react97.default.createElement(PdfLink, {
     href: document2.url,
     rel: "noopener noreferrer nofollow",
     target: "_blank"
   }, "\xD6ppna"))));
-  var PdfDownloadContainer = ({ documents }) => /* @__PURE__ */ import_react100.default.createElement(PdfContainer, null, documents.map((document2, i) => /* @__PURE__ */ import_react100.default.createElement(PdfDownloadItem, {
+  var PdfDownloadContainer = ({ documents }) => /* @__PURE__ */ import_react97.default.createElement(PdfContainer, null, documents.map((document2, i) => /* @__PURE__ */ import_react97.default.createElement(PdfDownloadItem, {
     key: `${document2.url}-${i}`,
     document: document2
   })));
@@ -9872,10 +9539,10 @@
     onClickSearchItem
   }) => {
     const { ecomSettings } = useSettings_default();
-    const ecomContext = (0, import_react101.useRef)();
+    const ecomContext = (0, import_react98.useRef)();
     const { loading, data: result } = useSearchItem_default(id);
     const { vehicle: centralStorageVehicle, loading: loadingCentralStorageVehicle } = useCentralStorage_default(result?.vehicle);
-    (0, import_react101.useEffect)(() => {
+    (0, import_react98.useEffect)(() => {
       if (ecomSettings) {
         ecomContext.current = new import_ecom_web.default({
           id,
@@ -9897,28 +9564,28 @@
         }
       };
     }, []);
-    (0, import_react101.useEffect)(() => {
+    (0, import_react98.useEffect)(() => {
       if (!disableResetScrollOnInit) {
         window.scrollTo(0, 0);
       }
     }, []);
-    (0, import_react101.useEffect)(() => {
+    (0, import_react98.useEffect)(() => {
       if (result?.vehicle?.data && modifyDocumentTitleItem) {
         const { vehicle: vehicle2 } = result;
         const { registrationNumber } = vehicle2.data;
         document.title = `${registrationNumber} | ${vehicle2.title} | ${vehicle2.shortDescription}`;
       }
     }, [result]);
-    const options = (0, import_react101.useMemo)(
+    const options = (0, import_react98.useMemo)(
       () => result?.vehicle?.data?.options?.filter(notEmpty).map((opt) => ({ title: opt })),
       [result?.vehicle?.data?.options]
     );
-    const onShowMoreOptionsClick = (0, import_react101.useCallback)(() => pubsub_default.publish("OptionsClick"), []);
+    const onShowMoreOptionsClick = (0, import_react98.useCallback)(() => pubsub_default.publish("OptionsClick"), []);
     if (loading) {
-      return /* @__PURE__ */ import_react101.default.createElement(PageLoading_default, null);
+      return /* @__PURE__ */ import_react98.default.createElement(PageLoading_default, null);
     }
     if (!result?.vehicle?.data) {
-      return /* @__PURE__ */ import_react101.default.createElement(Page404_default, null);
+      return /* @__PURE__ */ import_react98.default.createElement(Page404_default, null);
     }
     const { vehicle } = result;
     const contact = centralStorageVehicle?.contact;
@@ -9952,40 +9619,40 @@
     if (fuelType) {
       uspList.push({ title: fuelType });
     }
-    return /* @__PURE__ */ import_react101.default.createElement(import_react101.default.Fragment, null, /* @__PURE__ */ import_react101.default.createElement(Page, null, /* @__PURE__ */ import_react101.default.createElement(PageSection, {
+    return /* @__PURE__ */ import_react98.default.createElement(import_react98.default.Fragment, null, /* @__PURE__ */ import_react98.default.createElement(Page, null, /* @__PURE__ */ import_react98.default.createElement(PageSection, {
       large: true
-    }, /* @__PURE__ */ import_react101.default.createElement(Container_default, null, /* @__PURE__ */ import_react101.default.createElement(ProductPage, null, /* @__PURE__ */ import_react101.default.createElement(ProductPageAside, null, /* @__PURE__ */ import_react101.default.createElement(ProductPageAsideSection, {
+    }, /* @__PURE__ */ import_react98.default.createElement(Container_default, null, /* @__PURE__ */ import_react98.default.createElement(ProductPage, null, /* @__PURE__ */ import_react98.default.createElement(ProductPageAside, null, /* @__PURE__ */ import_react98.default.createElement(ProductPageAsideSection, {
       mobileOrder: 1
-    }, !pathRoute && hashRoute ? /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(UtilityFontSizeSmall, null, /* @__PURE__ */ import_react101.default.createElement(ButtonInlineLight, {
+    }, !pathRoute && hashRoute ? /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(UtilityFontSizeSmall, null, /* @__PURE__ */ import_react98.default.createElement(ButtonInlineLight, {
       as: "a",
       href: "#",
       title: "Tillbaka till bils\xF6k"
-    }, /* @__PURE__ */ import_react101.default.createElement(ButtonContent, null, /* @__PURE__ */ import_react101.default.createElement(IconChevronLeft, {
+    }, /* @__PURE__ */ import_react98.default.createElement(ButtonContent, null, /* @__PURE__ */ import_react98.default.createElement(IconChevronLeft, {
       block: true
-    })), /* @__PURE__ */ import_react101.default.createElement(ButtonContent, null, "Tillbaka till bils\xF6k")))) : null, manufacturer?.logotype && /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(LogoBox_default, {
+    })), /* @__PURE__ */ import_react98.default.createElement(ButtonContent, null, "Tillbaka till bils\xF6k")))) : null, manufacturer?.logotype && /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(LogoBox_default, {
       logo: manufacturer.logotype,
       alt: manufacturer.name
-    })), /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react101.default.createElement(H1, {
+    })), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react98.default.createElement(H1, {
       noMargin: true
-    }, title)), shortDescription && /* @__PURE__ */ import_react101.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react101.default.createElement("div", null, shortDescription)), /* @__PURE__ */ import_react101.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react101.default.createElement(UspList_default, {
+    }, title)), shortDescription && /* @__PURE__ */ import_react98.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react98.default.createElement("div", null, shortDescription)), /* @__PURE__ */ import_react98.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react98.default.createElement(UspList_default, {
       small: true,
       items: uspList
-    })))), /* @__PURE__ */ import_react101.default.createElement(ProductPageAsideSection, {
+    })))), /* @__PURE__ */ import_react98.default.createElement(ProductPageAsideSection, {
       mobileOrder: 2
-    }, /* @__PURE__ */ import_react101.default.createElement(PriceTable_default, {
+    }, /* @__PURE__ */ import_react98.default.createElement(PriceTable_default, {
       price
-    })), (financialOptions.length > 0 || insuranceOptions.length > 0) && /* @__PURE__ */ import_react101.default.createElement(ProductPageAsideSection, {
+    })), (financialOptions.length > 0 || insuranceOptions.length > 0) && /* @__PURE__ */ import_react98.default.createElement(ProductPageAsideSection, {
       mobileOrder: 4
-    }, financialOptions.length > 0 && /* @__PURE__ */ import_react101.default.createElement(FinancialOptions_default, {
+    }, financialOptions.length > 0 && /* @__PURE__ */ import_react98.default.createElement(FinancialOptions_default, {
       id,
       financialOptions
-    }), insuranceOptions.length > 0 && /* @__PURE__ */ import_react101.default.createElement(InsuranceOptions_default, {
+    }), insuranceOptions.length > 0 && /* @__PURE__ */ import_react98.default.createElement(InsuranceOptions_default, {
       id,
       branch: centralStorageVehicle?.branch,
       insuranceOptions
-    })), /* @__PURE__ */ import_react101.default.createElement(ProductPageAsideSection, {
+    })), /* @__PURE__ */ import_react98.default.createElement(ProductPageAsideSection, {
       mobileOrder: 5
-    }, /* @__PURE__ */ import_react101.default.createElement(CheckList_default, {
+    }, /* @__PURE__ */ import_react98.default.createElement(CheckList_default, {
       manufacturer,
       packageOptions,
       ecommerce,
@@ -9993,77 +9660,77 @@
       contact: centralStorageVehicle?.contact,
       loadingCentralStorageVehicle,
       toggleEcomModal: () => ecomContext.current?.start()
-    }))), /* @__PURE__ */ import_react101.default.createElement(ProductPageMain, null, /* @__PURE__ */ import_react101.default.createElement(ProductPageAsideSection, {
+    }))), /* @__PURE__ */ import_react98.default.createElement(ProductPageMain, null, /* @__PURE__ */ import_react98.default.createElement(ProductPageAsideSection, {
       mobileOrder: 3
-    }, /* @__PURE__ */ import_react101.default.createElement(Gallery_default, {
+    }, /* @__PURE__ */ import_react98.default.createElement(Gallery_default, {
       media,
       placeholderImage
-    })), /* @__PURE__ */ import_react101.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(H2, {
+    })), /* @__PURE__ */ import_react98.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(H2, {
       noMargin: true
-    }, "Biluppgifter")), /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(Content_default, null, /* @__PURE__ */ import_react101.default.createElement("p", null, "Information direkt fr\xE5n Transportstyrelsen och tillverkaren."))), /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(Property_default, {
+    }, "Biluppgifter")), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(Content_default, null, /* @__PURE__ */ import_react98.default.createElement("p", null, "Information direkt fr\xE5n Transportstyrelsen och tillverkaren."))), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(Property_default, {
       propertySet,
       vehicleData: vehicle.data
-    }))), description && /* @__PURE__ */ import_react101.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react101.default.createElement(Blockquote_default, {
+    }))), description && /* @__PURE__ */ import_react98.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react98.default.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__ */ import_react101.default.createElement("p", null, description))), (options?.length || 0) > 0 && /* @__PURE__ */ import_react101.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(H2, {
+    }, !!description && /* @__PURE__ */ import_react98.default.createElement("p", null, description))), (options?.length || 0) > 0 && /* @__PURE__ */ import_react98.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(H2, {
       noMargin: true
-    }, "Utrustning")), /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(Content_default, null, /* @__PURE__ */ import_react101.default.createElement("p", null, "Kompletterande uppgifter om bilen."))), /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(ExtendContent_default, {
+    }, "Utrustning")), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(Content_default, null, /* @__PURE__ */ import_react98.default.createElement("p", null, "Kompletterande uppgifter om bilen."))), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(ExtendContent_default, {
       actionTitle: "Visa mer",
       onClick: onShowMoreOptionsClick
-    }, /* @__PURE__ */ import_react101.default.createElement(UspList_default, {
+    }, /* @__PURE__ */ import_react98.default.createElement(UspList_default, {
       items: options
-    })))), (documents.length || 0) > 0 && /* @__PURE__ */ import_react101.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(H2, {
+    })))), (documents.length || 0) > 0 && /* @__PURE__ */ import_react98.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(H2, {
       noMargin: true
-    }, "Dokument")), /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(Content_default, null, /* @__PURE__ */ import_react101.default.createElement("p", null, "Tillh\xF6rande dokument f\xF6r bilen."))), /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(Pdf_default, {
+    }, "Dokument")), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(Content_default, null, /* @__PURE__ */ import_react98.default.createElement("p", null, "Tillh\xF6rande dokument f\xF6r bilen."))), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(Pdf_default, {
       documents
-    }))), /* @__PURE__ */ import_react101.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react101.default.createElement(Branch_default, {
+    }))), /* @__PURE__ */ import_react98.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react98.default.createElement(Branch_default, {
       branch,
       loading: loadingCentralStorageVehicle
-    }), ecommerce && ecommerce.enabled && /* @__PURE__ */ import_react101.default.createElement(Repeat, null, /* @__PURE__ */ import_react101.default.createElement(ButtonPrimary, {
+    }), ecommerce && ecommerce.enabled && /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(ButtonPrimary, {
       disabled: !!ecommerce.reserved,
       title: "K\xF6p bilen online",
       onClick: () => ecomContext.current?.start()
-    }, "K\xF6p bilen online"))), /* @__PURE__ */ import_react101.default.createElement(PackageOptions_default, {
+    }, "K\xF6p bilen online"))), /* @__PURE__ */ import_react98.default.createElement(PackageOptions_default, {
       packageOptions
-    }), /* @__PURE__ */ import_react101.default.createElement(ManufacturerPackagesOption_default, {
+    }), /* @__PURE__ */ import_react98.default.createElement(ManufacturerPackagesOption_default, {
       packageOption: manufacturer?.packageOption
-    }))))), /* @__PURE__ */ import_react101.default.createElement(Related_default, {
+    }))))), /* @__PURE__ */ import_react98.default.createElement(Related_default, {
       id,
       hashRoute,
       pathRoute,
       onClickSearchItem
-    })), false, /* @__PURE__ */ import_react101.default.createElement(portal_element_default, {
+    })), false, /* @__PURE__ */ import_react98.default.createElement(portal_element_default, {
       id: portal_namespace_exports.DefaultPortal
     }));
   };
   var searchItem_default = WaykeSearchItem;
 
   // src/providers/WaykeProvider.tsx
-  var import_react111 = __toESM(__require("react"));
+  var import_react108 = __toESM(__require("react"));
 
   // src/providers/graphqlProvider.tsx
-  var import_react102 = __toESM(__require("react"));
+  var import_react99 = __toESM(__require("react"));
   var import_client9 = __require("@apollo/client");
   var GraphqlProvider = ({ uri, children }) => {
     const client = new import_client9.ApolloClient({ uri, cache: new import_client9.InMemoryCache() });
-    return /* @__PURE__ */ import_react102.default.createElement(import_client9.ApolloProvider, {
+    return /* @__PURE__ */ import_react99.default.createElement(import_client9.ApolloProvider, {
       client
     }, children);
   };
   var graphqlProvider_default = GraphqlProvider;
 
   // src/providers/themeProvider.tsx
-  var import_react103 = __toESM(__require("react"));
-  var import_styled_components63 = __require("styled-components");
-  var ThemeProvider = ({ children }) => /* @__PURE__ */ import_react103.default.createElement(import_styled_components63.ThemeProvider, {
+  var import_react100 = __toESM(__require("react"));
+  var import_styled_components62 = __require("styled-components");
+  var ThemeProvider = ({ children }) => /* @__PURE__ */ import_react100.default.createElement(import_styled_components62.ThemeProvider, {
     theme: theme_default
   }, children);
   var themeProvider_default = ThemeProvider;
 
   // src/State/Search/SearchProvider.tsx
-  var import_react104 = __toESM(__require("react"));
+  var import_react101 = __toESM(__require("react"));
 
   // src/utils/url.ts
   var getUrlSearchParamsFromUrl = () => new URLSearchParams(window.location.search);
@@ -10080,12 +9747,12 @@
     children
   }) => {
     const { replaceState, pushState } = usePath_default();
-    const [queryFilter, setQueryFilter] = (0, import_react104.useState)({
+    const [queryFilter, setQueryFilter] = (0, import_react101.useState)({
       searchParams: initialSearchParams
     });
-    const [initialFacets, setInitialFacets] = (0, import_react104.useState)();
-    const [documents, setDocuments] = (0, import_react104.useState)();
-    const [initialize, setInitialize] = (0, import_react104.useState)(false);
+    const [initialFacets, setInitialFacets] = (0, import_react101.useState)();
+    const [documents, setDocuments] = (0, import_react101.useState)();
+    const [initialize, setInitialize] = (0, import_react101.useState)(false);
     const { data: initialDataRepsonse } = useFetch_default(
       `${url}?hits=0`,
       {
@@ -10121,7 +9788,7 @@
         });
       }
     };
-    (0, import_react104.useEffect)(() => {
+    (0, import_react101.useEffect)(() => {
       if (useQueryParamsFromUrl) {
         window.addEventListener("popstate", popStateEvent);
       }
@@ -10135,12 +9802,12 @@
         pubsub_default.unsubscribeAction(onFilterUpdateEvent);
       };
     }, []);
-    (0, import_react104.useEffect)(() => {
+    (0, import_react101.useEffect)(() => {
       if (initialDataRepsonse) {
         setInitialFacets(initialDataRepsonse.facets);
       }
     }, [initialDataRepsonse]);
-    (0, import_react104.useEffect)(() => {
+    (0, import_react101.useEffect)(() => {
       if (useQueryParamsFromUrl) {
         const nextSearchParams = new URLSearchParams(queryFilter.searchParams);
         nextSearchParams.delete("hits");
@@ -10163,7 +9830,7 @@
         }
       }
     }, [queryFilter, initialize, useQueryParamsFromUrl]);
-    (0, import_react104.useEffect)(() => {
+    (0, import_react101.useEffect)(() => {
       if (response) {
         if (!initialFacets && !useQueryParamsFromUrl) {
           setInitialFacets(response.facets);
@@ -10188,7 +9855,7 @@
         }
       }
     }, [response, useQueryParamsFromUrl]);
-    const onFilterUpdate = (0, import_react104.useCallback)(
+    const onFilterUpdate = (0, import_react101.useCallback)(
       (nextQuery) => {
         {
           if (!initialize) {
@@ -10201,7 +9868,7 @@
       },
       [initialize]
     );
-    const onLoadMore = (0, import_react104.useCallback)(() => {
+    const onLoadMore = (0, import_react101.useCallback)(() => {
       if (response) {
         setQueryFilter({
           searchParams: new URLSearchParams(response?.documentList.pagination.nextPage?.query),
@@ -10209,7 +9876,7 @@
         });
       }
     }, [response]);
-    const onInitialize = (0, import_react104.useCallback)(
+    const onInitialize = (0, import_react101.useCallback)(
       (_initialQueryParams) => {
         if (!initialize) {
           const searchParamsFromUrl = getUrlSearchParamsFromUrl();
@@ -10253,15 +9920,15 @@
       onLoadMore,
       onInitialize
     };
-    return /* @__PURE__ */ import_react104.default.createElement(SearchContext.Provider, {
+    return /* @__PURE__ */ import_react101.default.createElement(SearchContext.Provider, {
       value
     }, children);
   };
   var SearchProvider_default = SearchProvider;
 
   // src/components/Root/index.tsx
-  var import_styled_components64 = __toESM(__require("styled-components"));
-  var Root = import_styled_components64.default.div.attrs(() => ({
+  var import_styled_components63 = __toESM(__require("styled-components"));
+  var Root = import_styled_components63.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--regular"
   }))`
   background-color: ${(props) => props.theme.color.bg};
@@ -10303,21 +9970,21 @@
   var useEcom_default = useEcom;
 
   // src/State/Settings/SettingsProvider.tsx
-  var import_react105 = __toESM(__require("react"));
+  var import_react102 = __toESM(__require("react"));
   var SettingsProvider = ({
     googleMapsApiKey,
     googleMapsMarker,
     ecomSettings,
     children
-  }) => /* @__PURE__ */ import_react105.default.createElement(SettingsContext.Provider, {
+  }) => /* @__PURE__ */ import_react102.default.createElement(SettingsContext.Provider, {
     value: { ecomSettings, googleMapsApiKey, googleMapsMarker }
   }, children);
   var SettingsProvider_default = SettingsProvider;
 
   // src/State/RelatedSearch/RelatedSearchProvider.tsx
-  var import_react106 = __toESM(__require("react"));
+  var import_react103 = __toESM(__require("react"));
   var RelatedSearchProvider = ({ url, urlMlt, apiKey, children }) => {
-    const [queryFilter, setQueryFilter] = (0, import_react106.useState)();
+    const [queryFilter, setQueryFilter] = (0, import_react103.useState)();
     const query = queryFilter?.searchParams.toString();
     const {
       loading,
@@ -10332,7 +9999,7 @@
       },
       !queryFilter
     );
-    const fetchRelated = (0, import_react106.useCallback)(
+    const fetchRelated = (0, import_react103.useCallback)(
       (searchParams) => setQueryFilter({
         searchParams
       }),
@@ -10346,31 +10013,31 @@
       queryFilter,
       fetchRelated
     };
-    return /* @__PURE__ */ import_react106.default.createElement(RelatedSearchContext.Provider, {
+    return /* @__PURE__ */ import_react103.default.createElement(RelatedSearchContext.Provider, {
       value
     }, children);
   };
   var RelatedSearchProvider_default = RelatedSearchProvider;
 
   // src/State/CentralStorage/CentralStorageProvider.tsx
-  var import_react108 = __toESM(__require("react"));
+  var import_react105 = __toESM(__require("react"));
 
   // src/hooks/useSessionStorage.ts
-  var import_react107 = __require("react");
+  var import_react104 = __require("react");
   var useSessionStorage = (key) => {
-    const [value, setValue] = (0, import_react107.useState)(sessionStorage.getItem(key));
-    const set = (0, import_react107.useCallback)(
+    const [value, setValue] = (0, import_react104.useState)(sessionStorage.getItem(key));
+    const set = (0, import_react104.useCallback)(
       (v) => {
         sessionStorage.setItem(key, v);
         setValue(v);
       },
       [key]
     );
-    const remove = (0, import_react107.useCallback)(() => {
+    const remove = (0, import_react104.useCallback)(() => {
       sessionStorage.removeItem(key);
       setValue(null);
     }, [key]);
-    const clear = (0, import_react107.useCallback)(() => {
+    const clear = (0, import_react104.useCallback)(() => {
       sessionStorage.clear();
       setValue(null);
     }, [key]);
@@ -10386,21 +10053,21 @@
   // src/State/CentralStorage/CentralStorageProvider.tsx
   var CentralStorageProvider = ({ children }) => {
     const { value, set, remove } = useSessionStorage_default("centralStorage");
-    const setCentralStorageId = (0, import_react108.useCallback)((id) => id ? set(id) : remove(), []);
-    return /* @__PURE__ */ import_react108.default.createElement(CentralStorageContext.Provider, {
+    const setCentralStorageId = (0, import_react105.useCallback)((id) => id ? set(id) : remove(), []);
+    return /* @__PURE__ */ import_react105.default.createElement(CentralStorageContext.Provider, {
       value: { centralStorageId: value, setCentralStorageId }
     }, children);
   };
   var CentralStorageProvider_default = CentralStorageProvider;
 
   // src/State/Path/PathProvider.tsx
-  var import_react110 = __toESM(__require("react"));
+  var import_react107 = __toESM(__require("react"));
 
   // src/hooks/usePrevious.ts
-  var import_react109 = __require("react");
+  var import_react106 = __require("react");
   var usePrevious = (value) => {
-    const ref = (0, import_react109.useRef)();
-    (0, import_react109.useEffect)(() => {
+    const ref = (0, import_react106.useRef)();
+    (0, import_react106.useEffect)(() => {
       ref.current = value;
     });
     return ref.current;
@@ -10428,9 +10095,9 @@
   var regexGuidAnyWhere = /(\{){0,1}[0-9a-fA-F]{8}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{12}(\}){0,1}/g;
   var POP_STATE = "popstate";
   var PathProvider = ({ children }) => {
-    const [state, dispatch] = (0, import_react110.useReducer)(reducer_default, initialState);
+    const [state, dispatch] = (0, import_react107.useReducer)(reducer_default, initialState);
     const previousPath = usePrevious_default(state.path);
-    (0, import_react110.useEffect)(() => {
+    (0, import_react107.useEffect)(() => {
       const onPopState = () => {
         dispatch({ type: SET_PATH, path: window.location.pathname });
       };
@@ -10439,7 +10106,7 @@
         window.removeEventListener(POP_STATE, onPopState);
       };
     }, []);
-    const pushState = (0, import_react110.useCallback)((path) => {
+    const pushState = (0, import_react107.useCallback)((path) => {
       const h1 = window.location.hash;
       history.pushState(null, "", `${path}`);
       const h2 = window.location.hash;
@@ -10448,7 +10115,7 @@
       }
       dispatch({ type: SET_PATH, path });
     }, []);
-    const replaceState = (0, import_react110.useCallback)((path) => {
+    const replaceState = (0, import_react107.useCallback)((path) => {
       const h1 = window.location.hash;
       history.replaceState(null, "", path);
       const h2 = window.location.hash;
@@ -10457,8 +10124,8 @@
       }
       dispatch({ type: SET_PATH, path });
     }, []);
-    const id = (0, import_react110.useMemo)(() => state.path.match(regexGuidAnyWhere)?.pop(), [state.path]);
-    const value = (0, import_react110.useMemo)(
+    const id = (0, import_react107.useMemo)(() => state.path.match(regexGuidAnyWhere)?.pop(), [state.path]);
+    const value = (0, import_react107.useMemo)(
       () => ({
         ...state,
         previousPath,
@@ -10468,7 +10135,7 @@
       }),
       [state]
     );
-    return /* @__PURE__ */ import_react110.default.createElement(PathContext.Provider, {
+    return /* @__PURE__ */ import_react107.default.createElement(PathContext.Provider, {
       value
     }, children);
   };
@@ -10488,33 +10155,33 @@
     children
   }) => {
     useEcom_default(ecomSettings);
-    return /* @__PURE__ */ import_react111.default.createElement(PathProvider_default, null, /* @__PURE__ */ import_react111.default.createElement(SettingsProvider_default, {
+    return /* @__PURE__ */ import_react108.default.createElement(PathProvider_default, null, /* @__PURE__ */ import_react108.default.createElement(SettingsProvider_default, {
       googleMapsApiKey,
       googleMapsMarker,
       ecomSettings
-    }, /* @__PURE__ */ import_react111.default.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ import_react111.default.createElement(graphqlProvider_default, {
+    }, /* @__PURE__ */ import_react108.default.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ import_react108.default.createElement(graphqlProvider_default, {
       uri: graphQlUrl
-    }, /* @__PURE__ */ import_react111.default.createElement(SearchProvider_default, {
+    }, /* @__PURE__ */ import_react108.default.createElement(SearchProvider_default, {
       url,
       apiKey,
       useQueryParamsFromUrl,
       pathRoute
-    }, /* @__PURE__ */ import_react111.default.createElement(RelatedSearchProvider_default, {
+    }, /* @__PURE__ */ import_react108.default.createElement(RelatedSearchProvider_default, {
       url,
       urlMlt,
       apiKey
-    }, /* @__PURE__ */ import_react111.default.createElement(themeProvider_default, null, /* @__PURE__ */ import_react111.default.createElement(Root_default, null, children))))))));
+    }, /* @__PURE__ */ import_react108.default.createElement(themeProvider_default, null, /* @__PURE__ */ import_react108.default.createElement(Root_default, null, children))))))));
   };
   var WaykeProvider_default = WaykeProvider;
 
   // src/layouts/WaykeCompositeWithProvider.tsx
-  var import_react114 = __toESM(__require("react"));
+  var import_react111 = __toESM(__require("react"));
 
   // src/layouts/WaykeComposite.tsx
-  var import_react113 = __toESM(__require("react"));
+  var import_react110 = __toESM(__require("react"));
 
   // src/hooks/useHashGuid.ts
-  var import_react112 = __require("react");
+  var import_react109 = __require("react");
   var regexGuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
   var HASH_CHANGE = "hashchange";
   var getGuid = () => {
@@ -10522,7 +10189,7 @@
     return regexGuid.test(guid) || !guid ? guid : void 0;
   };
   var useHashGuid = () => {
-    const [id, setId] = (0, import_react112.useState)(() => getGuid());
+    const [id, setId] = (0, import_react109.useState)(() => getGuid());
     const onHashChange = () => {
       const guid = window.location.hash.substr(1, window.location.hash.length);
       if (regexGuid.test(guid) || !guid) {
@@ -10531,7 +10198,7 @@
         throw "Invalid Guid";
       }
     };
-    (0, import_react112.useEffect)(() => {
+    (0, import_react109.useEffect)(() => {
       onHashChange();
       window.addEventListener(HASH_CHANGE, onHashChange);
       return () => {
@@ -10556,7 +10223,7 @@
   }) => {
     const hashId = useHashGuid_default();
     const { id: pathId } = usePath_default();
-    (0, import_react113.useEffect)(() => {
+    (0, import_react110.useEffect)(() => {
       if (!pathRoute) {
         if (hashId) {
           pubsub_default.publish("HashRouteChange", hashId);
@@ -10566,14 +10233,14 @@
       }
     }, [hashId]);
     const id = pathId || hashId;
-    return /* @__PURE__ */ import_react113.default.createElement(import_react113.default.Fragment, null, id ? /* @__PURE__ */ import_react113.default.createElement(searchItem_default, {
+    return /* @__PURE__ */ import_react110.default.createElement(import_react110.default.Fragment, null, id ? /* @__PURE__ */ import_react110.default.createElement(searchItem_default, {
       id,
       hashRoute: !pathRoute,
       disableResetScrollOnInit,
       placeholderImage,
       pathRoute,
       modifyDocumentTitleItem
-    }) : /* @__PURE__ */ import_react113.default.createElement(search_default, {
+    }) : /* @__PURE__ */ import_react110.default.createElement(search_default, {
       filterList,
       initialQueryParams,
       removeSearchBar,
@@ -10587,15 +10254,15 @@
   var WaykeComposite_default = WaykeComposite;
 
   // src/layouts/WaykeCompositeWithProvider.tsx
-  var WaykeCompositeWithProvider = ({ provider, composite }) => /* @__PURE__ */ import_react114.default.createElement(WaykeProvider_default, {
+  var WaykeCompositeWithProvider = ({ provider, composite }) => /* @__PURE__ */ import_react111.default.createElement(WaykeProvider_default, {
     ...provider
-  }, /* @__PURE__ */ import_react114.default.createElement(WaykeComposite_default, {
+  }, /* @__PURE__ */ import_react111.default.createElement(WaykeComposite_default, {
     ...composite
   }));
   var WaykeCompositeWithProvider_default = WaykeCompositeWithProvider;
 
   // src/providers/WaykeItemProvidet.tsx
-  var import_react115 = __toESM(__require("react"));
+  var import_react112 = __toESM(__require("react"));
   var WaykeItemProvider = ({
     url,
     urlMlt,
@@ -10607,17 +10274,17 @@
     children
   }) => {
     useEcom_default(ecomSettings);
-    return /* @__PURE__ */ import_react115.default.createElement(PathProvider_default, null, /* @__PURE__ */ import_react115.default.createElement(SettingsProvider_default, {
+    return /* @__PURE__ */ import_react112.default.createElement(PathProvider_default, null, /* @__PURE__ */ import_react112.default.createElement(SettingsProvider_default, {
       googleMapsApiKey,
       googleMapsMarker,
       ecomSettings
-    }, /* @__PURE__ */ import_react115.default.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ import_react115.default.createElement(graphqlProvider_default, {
+    }, /* @__PURE__ */ import_react112.default.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ import_react112.default.createElement(graphqlProvider_default, {
       uri: graphQlUrl
-    }, /* @__PURE__ */ import_react115.default.createElement(RelatedSearchProvider_default, {
+    }, /* @__PURE__ */ import_react112.default.createElement(RelatedSearchProvider_default, {
       url,
       urlMlt,
       apiKey
-    }, /* @__PURE__ */ import_react115.default.createElement(themeProvider_default, null, /* @__PURE__ */ import_react115.default.createElement(Root_default, null, children)))))));
+    }, /* @__PURE__ */ import_react112.default.createElement(themeProvider_default, null, /* @__PURE__ */ import_react112.default.createElement(Root_default, null, children)))))));
   };
   var WaykeItemProvidet_default = WaykeItemProvider;