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

package/dist/index.mjs

@@ -4522,7 +4522,7 @@ var WaykeSearch = ({
 var search_default = WaykeSearch;
 
 // src/layouts/searchItem/index.tsx
-import React97, { useMemo as useMemo6, useRef as useRef4, useCallback as useCallback38, useEffect as useEffect19 } from "react";
+import React94, { useMemo as useMemo6, useRef as useRef4, useCallback as useCallback38, useEffect as useEffect18 } from "react";
 import WaykeEcomWeb from "@wayke-se/ecom-web";
 
 // src/components/PriceTable/index.tsx
@@ -4801,7 +4801,7 @@ var ExtendContent = ({ children, actionTitle, onClick }) => {
 var ExtendContent_default = ExtendContent;
 
 // src/components/Gallery/index.tsx
-import React53, { useState as useState16, useCallback as useCallback18, useRef as useRef3, useMemo as useMemo3 } from "react";
+import React50, { useState as useState15, useCallback as useCallback18, useRef as useRef3, useMemo as useMemo3 } from "react";
 import Slider3 from "react-slick";
 import scrollIntoView from "scroll-into-view-if-needed";
 
@@ -5163,7 +5163,7 @@ var EnableNavigationButton = styled33.div`
 `;
 
 // src/components/Lightbox/index.tsx
-import React47 from "react";
+import React45 from "react";
 
 // src/components/Lightbox/wrapper.tsx
 import styled34 from "styled-components";
@@ -5386,315 +5386,19 @@ var VideoPlayer = ({ url, autoplay = false, controls = true }) => {
 };
 var EmbeddedVideoLightbox_default = VideoPlayer;
 
-// src/components/Sphere/SphereLightbox.tsx
-import React43 from "react";
-
-// src/components/Sphere/SphereViewer.tsx
-import React42, { lazy, useState as useState9, useEffect as useEffect7 } from "react";
-
-// src/components/Sphere/wrapper.tsx
-import styled37 from "styled-components";
-var compassSize = size(4);
-var controlBtnSize = size(4);
-var Wrapper20 = styled37.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 = lazy(() => import("pannellum-react/es/elements/Pannellum"));
-var SphereViewer = ({ id, src, preview, autoLoad, onStart }) => {
-  const [number] = useState9(Math.floor(1e8 + Math.random() * 9e8));
-  useEffect7(() => {
-    setTimeout(() => {
-      if (onStart) {
-        const startBtn = document.querySelector(".pnlm-load-button");
-        if (startBtn)
-          startBtn.addEventListener("click", onStart);
-      }
-    }, 100);
-  }, []);
-  return /* @__PURE__ */ React42.createElement(Wrapper20, null, /* @__PURE__ */ React42.createElement(React42.Suspense, {
-    fallback: /* @__PURE__ */ React42.createElement(Loader_default, null)
-  }, /* @__PURE__ */ React42.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__ */ React43.createElement(SphereViewer_default, {
-  id: url,
-  src: url,
-  preview: url,
-  autoLoad: true
-});
-var SphereLightbox_default = SphereLightbox;
-
 // src/components/ThreeSixty/ThreeSixtLightbox.tsx
-import React46, { useState as useState11, useCallback as useCallback14 } from "react";
+import React44, { useState as useState10, useCallback as useCallback14 } from "react";
 
 // src/components/Gallery/MediaButton.tsx
-import React44 from "react";
-var MediaButton = ({ text, onClick }) => /* @__PURE__ */ React44.createElement(MediaButtonWrapper, null, /* @__PURE__ */ React44.createElement(ButtonSecondary, {
+import React42 from "react";
+var MediaButton = ({ text, onClick }) => /* @__PURE__ */ React42.createElement(MediaButtonWrapper, null, /* @__PURE__ */ React42.createElement(ButtonSecondary, {
   onClick,
   title: text
-}, /* @__PURE__ */ React44.createElement(ButtonContent, null, text)));
+}, /* @__PURE__ */ React42.createElement(ButtonContent, null, text)));
 var MediaButton_default = MediaButton;
 
 // src/components/ThreeSixty/Rotation.tsx
-import React45, { useState as useState10, useEffect as useEffect8, useRef as useRef2, cloneElement, Children } from "react";
+import React43, { useState as useState9, useEffect as useEffect7, useRef as useRef2, cloneElement, Children } from "react";
 var calculateCurrentFrame = (startFrame, delta, length) => {
   const frame = (startFrame + delta) % length;
   if (frame < 0) {
@@ -5706,11 +5410,11 @@ var Rotation = ({ children }) => {
   const startFrame = useRef2(0);
   const pointerPosition = useRef2();
   const max = useRef2(0);
-  const [state, setState] = useState10({
+  const [state, setState] = useState9({
     current: 0,
     outsideMouseMove: false
   });
-  useEffect8(() => {
+  useEffect7(() => {
     document.addEventListener("mouseup", touchEnd);
     return () => {
       window.document.removeEventListener("mouseup", touchEnd);
@@ -5781,7 +5485,7 @@ var Rotation = ({ children }) => {
     const { offsetLeft } = event.currentTarget;
     return clientX - offsetLeft;
   };
-  return /* @__PURE__ */ React45.createElement("div", {
+  return /* @__PURE__ */ React43.createElement("div", {
     onTouchStart: touchStart,
     onTouchMove: touchMove,
     onTouchEnd: touchEnd,
@@ -5803,18 +5507,18 @@ var Rotation_default = Rotation;
 
 // src/components/ThreeSixty/ThreeSixtLightbox.tsx
 var ThreeSixtyLightbox = ({ urls }) => {
-  const [started2, setStarted] = useState11(false);
+  const [started2, setStarted] = useState10(false);
   const onStart = useCallback14(() => setStarted(true), []);
   if (!started2) {
-    return /* @__PURE__ */ React46.createElement(Item9, null, /* @__PURE__ */ React46.createElement(Img2, {
+    return /* @__PURE__ */ React44.createElement(Item9, null, /* @__PURE__ */ React44.createElement(Img2, {
       src: urls[0],
       alt: "alt"
-    }), /* @__PURE__ */ React46.createElement(MediaButton_default, {
+    }), /* @__PURE__ */ React44.createElement(MediaButton_default, {
       text: "Starta 360\xB0 exteri\xF6rt",
       onClick: onStart
     }));
   }
-  return /* @__PURE__ */ React46.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ React46.createElement(Img2, {
+  return /* @__PURE__ */ React44.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ React44.createElement(Img2, {
     key: image,
     src: image,
     alt: `Bild ${i + 1}`
@@ -5836,46 +5540,44 @@ var Lightbox = ({ index: index2, media, onClose }) => {
       onClose();
     }
   };
-  return /* @__PURE__ */ React47.createElement(Wrapper18, {
+  return /* @__PURE__ */ React45.createElement(Wrapper18, {
     ref: (ref) => ref?.focus(),
     onKeyDown,
     tabIndex: 0
-  }, /* @__PURE__ */ React47.createElement(UiBlock2, {
+  }, /* @__PURE__ */ React45.createElement(UiBlock2, {
     onClick: onClose,
     "aria-hidden": true
-  }), media.map((m, i) => /* @__PURE__ */ React47.createElement(Item9, {
+  }), media.filter((x) => x.type !== "sphere").map((m, i) => /* @__PURE__ */ React45.createElement(Item9, {
     key: i,
     ref: index2 === i ? onRef : void 0
-  }, m.type === "image" && /* @__PURE__ */ React47.createElement(Img2, {
+  }, m.type === "image" && /* @__PURE__ */ React45.createElement(Img2, {
     id: `lightbox-image-${i}`,
     src: m.files[0].url,
     alt: `Bild ${i + 1}`
-  }), m.type === "threesixty" && /* @__PURE__ */ React47.createElement(ThreeSixtLightbox_default, {
+  }), m.type === "threesixty" && /* @__PURE__ */ React45.createElement(ThreeSixtLightbox_default, {
     urls: m.files.map((x) => x.url)
-  }), m.type === "sphere" && /* @__PURE__ */ React47.createElement(SphereLightbox_default, {
-    url: m.files[0].url
-  }), m.type === "embedded" && /* @__PURE__ */ React47.createElement(EmbeddedVideoLightbox_default, {
+  }), m.type === "embedded" && /* @__PURE__ */ React45.createElement(EmbeddedVideoLightbox_default, {
     url: m.files[0].url
-  }))), /* @__PURE__ */ React47.createElement(CloseBtn2, {
+  }))), /* @__PURE__ */ React45.createElement(CloseBtn2, {
     onClick: onClose,
     title: "St\xE4ng"
-  }, /* @__PURE__ */ React47.createElement(IconCancel, {
+  }, /* @__PURE__ */ React45.createElement(IconCancel, {
     block: true
   })));
 };
 var Lightbox_default = Lightbox;
 
 // src/components/Video/EmbededVideo.tsx
-import React49, { useState as useState15, useCallback as useCallback16 } from "react";
+import React47, { useState as useState14, useCallback as useCallback16 } from "react";
 
 // src/components/Video/useThumbnail.ts
-import { useEffect as useEffect11, useState as useState14 } from "react";
+import { useEffect as useEffect10, useState as useState13 } from "react";
 
 // src/hooks/useVimeoThumbnail.ts
-import { useEffect as useEffect10, useState as useState13 } from "react";
+import { useEffect as useEffect9, useState as useState12 } from "react";
 
 // src/hooks/useFetch.ts
-import { useEffect as useEffect9, useState as useState12, useCallback as useCallback15 } from "react";
+import { useEffect as useEffect8, useState as useState11, useCallback as useCallback15 } from "react";
 var cache = {};
 var getCachedResult = (key) => cache?.[key] || void 0;
 var setCachedResult = (key, value) => {
@@ -5893,9 +5595,9 @@ var clearPendingPromise = (url) => {
   delete pendingPromise[url];
 };
 var useFetch = (path, options, skip, promiseCache) => {
-  const [data, setData] = useState12();
-  const [loading, setLoading] = useState12(false);
-  const [error, setError] = useState12(false);
+  const [data, setData] = useState11();
+  const [loading, setLoading] = useState11(false);
+  const [error, setError] = useState11(false);
   const doFetch = useCallback15(async () => {
     const key = path.toString();
     const cached = getCachedResult(key);
@@ -5925,7 +5627,7 @@ var useFetch = (path, options, skip, promiseCache) => {
     }
     return;
   }, [path, options]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (!skip) {
       doFetch();
     }
@@ -5940,14 +5642,14 @@ var useFetch_default = useFetch;
 
 // src/hooks/useVimeoThumbnail.ts
 var useVimeoThumbnail = (id, small) => {
-  const [thumbnail, setThumbnail] = useState13();
+  const [thumbnail, setThumbnail] = useState12();
   const { data } = useFetch_default(
     `http://vimeo.com/api/v2/video/${id}.json`,
     {},
     !id || !!thumbnail,
     true
   );
-  useEffect10(() => {
+  useEffect9(() => {
     if (data?.[0]) {
       if (small && data[0].thumbnail_small) {
         setThumbnail(data[0].thumbnail_small);
@@ -5964,10 +5666,10 @@ var useVimeoThumbnail_default = useVimeoThumbnail;
 var useThumbnail = (url, small) => {
   if (url?.toLowerCase().endsWith(".mp4"))
     return;
-  const [thumbnail, setThumbnail] = useState14();
+  const [thumbnail, setThumbnail] = useState13();
   const vimeoId = url ? getVimeoId(url) : void 0;
   const vimeoThumbnail = useVimeoThumbnail_default(vimeoId, small);
-  useEffect11(() => {
+  useEffect10(() => {
     if (url) {
       const youtubeThumbnail = getYoutubeThumbnail(url);
       if (youtubeThumbnail) {
@@ -5984,11 +5686,11 @@ var useThumbnail = (url, small) => {
 var useThumbnail_default = useThumbnail;
 
 // src/components/Modal/index.tsx
-import * as React48 from "react";
+import * as React46 from "react";
 
 // src/components/Modal/wrapper.tsx
-import styled38 from "styled-components";
-var Wrapper21 = styled38.div.attrs(() => ({
+import styled37 from "styled-components";
+var Wrapper20 = styled37.div.attrs(() => ({
   role: "dialog"
 }))`
   position: fixed;
@@ -6008,7 +5710,7 @@ var Wrapper21 = styled38.div.attrs(() => ({
     padding: ${size(2)};
   }
 `;
-var UiBlock3 = styled38.div.attrs(() => ({
+var UiBlock3 = styled37.div.attrs(() => ({
   "aria-hidden": "true",
   role: "button"
 }))`
@@ -6028,7 +5730,7 @@ var UiBlock3 = styled38.div.attrs(() => ({
     animation: ${fadeIn} 400ms ease forwards;
   }
 `;
-var Dialog = styled38.article.attrs(() => ({
+var Dialog = styled37.article.attrs(() => ({
   className: "wayke__theme wayke__font--regular"
 }))`
   display: flex;
@@ -6052,74 +5754,74 @@ var Dialog = styled38.article.attrs(() => ({
     animation: ${fadeIn} 400ms ease, ${noTransform} 400ms ease forwards;
   }
 `;
-var Content4 = styled38.div`
+var Content4 = styled37.div`
   flex: 1 1 auto;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 `;
-var Header4 = styled38.header`
+var Header4 = styled37.header`
   display: flex;
   align-items: center;
   min-height: 60px;
   padding: ${size(3)};
   padding-bottom: 0;
 `;
-var Heading5 = styled38.div`
+var Heading5 = styled37.div`
   flex: 1 1 auto;
 
   ${H1} {
     font-size: 1.5rem;
   }
 `;
-var Close2 = styled38.div`
+var Close2 = styled37.div`
   flex-shrink: 0;
   margin: ${size(-2)};
   padding-left: ${size(3)};
 `;
-var CloseBtn3 = styled38(ButtonReset)`
+var CloseBtn3 = styled37(ButtonReset)`
   display: block;
   padding: ${size(2)};
 `;
-var Body4 = styled38.div`
+var Body4 = styled37.div`
   padding: ${size(3)};
 `;
-var Image3 = styled38.img`
+var Image3 = styled37.img`
   display: block;
   width: calc(100% + ${size(6)});
   margin-left: ${size(-3)};
   margin-bottom: ${size(3)};
 `;
-var ModalFoldout = styled38.div`
+var ModalFoldout = styled37.div`
   background-color: ${(props) => props.theme.color.accent};
   margin: ${size(-3)};
   margin-top: ${size(3)};
   padding: ${size(3)};
 `;
-var ModalFoldoutBody = styled38.div``;
+var ModalFoldoutBody = styled37.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] = useState15();
+  const [modal, setModal] = useState14();
   const thumbnail = useThumbnail_default(src);
   const onClick = (e) => {
     e.stopPropagation();
@@ -6139,34 +5841,34 @@ var GalleryEmbed = ({ src, index: index2 }) => {
   );
   const customVideo = src.toLowerCase().endsWith(".mp4");
   if (thumbnail?.length && !customVideo) {
-    return /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(ImageFull, {
+    return /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(ImageFull, {
       onLoad,
       src: thumbnail[0],
       onError,
       alt: `Bild ${index2 + 1}`
-    }), /* @__PURE__ */ React49.createElement(MediaButton_default, {
+    }), /* @__PURE__ */ React47.createElement(MediaButton_default, {
       text: "Spela video",
       onClick
-    }), modal && /* @__PURE__ */ React49.createElement(Modal_default, {
+    }), modal && /* @__PURE__ */ React47.createElement(Modal_default, {
       title: "Video",
       onClose: onCloseModal
-    }, /* @__PURE__ */ React49.createElement(EmbeddedVideoLightbox_default, {
+    }, /* @__PURE__ */ React47.createElement(EmbeddedVideoLightbox_default, {
       url: modal
     })));
   }
   if (customVideo)
-    return /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(CustomPlayer_default, {
+    return /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(CustomPlayer_default, {
       ratio: "66.66%",
       isPreview: true,
       controls: false,
       url: src
-    }), /* @__PURE__ */ React49.createElement(MediaButton_default, {
+    }), /* @__PURE__ */ React47.createElement(MediaButton_default, {
       text: "Spela video",
       onClick
-    }), modal && /* @__PURE__ */ React49.createElement(Modal_default, {
+    }), modal && /* @__PURE__ */ React47.createElement(Modal_default, {
       title: "Video",
       onClose: onCloseModal
-    }, /* @__PURE__ */ React49.createElement(EmbeddedVideoLightbox_default, {
+    }, /* @__PURE__ */ React47.createElement(EmbeddedVideoLightbox_default, {
       url: modal
     })));
   return null;
@@ -6174,7 +5876,7 @@ var GalleryEmbed = ({ src, index: index2 }) => {
 var EmbededVideo_default = GalleryEmbed;
 
 // src/components/Video/QuickNavEmbeded.tsx
-import React50, { useCallback as useCallback17 } from "react";
+import React48, { useCallback as useCallback17 } from "react";
 var QuickNavEmbeded = ({ src, index: index2 }) => {
   const thumbnail = useThumbnail_default(src);
   const onError = useCallback17(
@@ -6187,14 +5889,14 @@ var QuickNavEmbeded = ({ src, index: index2 }) => {
   );
   const customVideo = src?.toLowerCase().endsWith(".mp4");
   if (thumbnail?.length && !customVideo)
-    return /* @__PURE__ */ React50.createElement(QuickNavImg, {
+    return /* @__PURE__ */ React48.createElement(QuickNavImg, {
       onLoad,
       src: thumbnail[0],
       onError,
       alt: `Bild ${index2 + 1}`
     });
   if (customVideo)
-    return /* @__PURE__ */ React50.createElement(CustomPlayer_default, {
+    return /* @__PURE__ */ React48.createElement(CustomPlayer_default, {
       key: index2,
       url: src,
       ratio: "66.66%"
@@ -6203,60 +5905,30 @@ var QuickNavEmbeded = ({ src, index: index2 }) => {
 };
 var QuickNavEmbeded_default = QuickNavEmbeded;
 
-// src/components/Sphere/Sphere.tsx
-import React51 from "react";
-var onMediaClick = (e, func) => {
-  e.stopPropagation();
-  e.preventDefault();
-  func();
-};
-var Sphere = ({ url, preview, visible, onDisableNavigation, navigationDisabled }) => {
-  if (!visible || !navigationDisabled && visible) {
-    return /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(ImageFull, {
-      src: preview,
-      alt: "alt"
-    }), /* @__PURE__ */ React51.createElement(MediaButton_default, {
-      text: "Starta 360\xB0 interi\xF6rt",
-      onClick: (e) => onMediaClick(e, onDisableNavigation)
-    }));
-  }
-  if (navigationDisabled && visible) {
-    return /* @__PURE__ */ React51.createElement(SphereViewer_default, {
-      id: url,
-      preview: url,
-      src: url,
-      autoLoad: true,
-      onStart: onDisableNavigation
-    });
-  }
-  return null;
-};
-var Sphere_default = Sphere;
-
 // src/components/ThreeSixty/ThreeSixty.tsx
-import React52 from "react";
-var onMediaClick2 = (e, func) => {
+import React49 from "react";
+var onMediaClick = (e, func) => {
   e.stopPropagation();
   e.preventDefault();
   func();
 };
 var ThreeSixty = ({ urls, visible, onDisableNavigation, navigationDisabled }) => {
   if (!visible || !navigationDisabled && visible) {
-    return /* @__PURE__ */ React52.createElement(React52.Fragment, null, /* @__PURE__ */ React52.createElement(Image2, {
+    return /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(Image2, {
       src: urls[0],
       alt: "alt"
-    }), /* @__PURE__ */ React52.createElement(MediaButton_default, {
+    }), /* @__PURE__ */ React49.createElement(MediaButton_default, {
       text: "Starta 360\xB0 exteri\xF6rt",
-      onClick: (e) => onMediaClick2(e, onDisableNavigation)
+      onClick: (e) => onMediaClick(e, onDisableNavigation)
     }));
   }
   if (navigationDisabled && visible) {
-    return /* @__PURE__ */ React52.createElement("div", {
+    return /* @__PURE__ */ React49.createElement("div", {
       onClick: (e) => {
         e.stopPropagation();
         e.preventDefault();
       }
-    }, /* @__PURE__ */ React52.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ React52.createElement(Image2, {
+    }, /* @__PURE__ */ React49.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ React49.createElement(Image2, {
       key: image,
       src: image,
       alt: `Bild ${i + 1}`
@@ -6279,9 +5951,9 @@ var Gallery = ({ media, placeholderImage }) => {
   const slider = useRef3(null);
   const quickNavRef = useRef3(null);
   const isDragging = useRef3(false);
-  const [index2, setIndex] = useState16(0);
-  const [lightbox, setLightbox] = useState16(false);
-  const [navigationDisabled, setNavigationDisabled] = useState16(false);
+  const [index2, setIndex] = useState15(0);
+  const [lightbox, setLightbox] = useState15(false);
+  const [navigationDisabled, setNavigationDisabled] = useState15(false);
   const beforeChange = useCallback18((_, newIndex) => {
     const element = quickNavRef.current?.querySelectorAll("li")?.[newIndex];
     if (element) {
@@ -6341,87 +6013,81 @@ var Gallery = ({ media, placeholderImage }) => {
     () => placeholderImage || DEFAULT_PLACEHOLDER_IMAGE,
     [placeholderImage]
   );
-  return /* @__PURE__ */ React53.createElement(React53.Fragment, null, /* @__PURE__ */ React53.createElement(Wrapper17, null, /* @__PURE__ */ React53.createElement(Main, null, /* @__PURE__ */ React53.createElement(SliderWrapper, {
+  return /* @__PURE__ */ React50.createElement(React50.Fragment, null, /* @__PURE__ */ React50.createElement(Wrapper17, null, /* @__PURE__ */ React50.createElement(Main, null, /* @__PURE__ */ React50.createElement(SliderWrapper, {
     onMouseDown,
     onMouseMove,
     onClick
-  }, /* @__PURE__ */ React53.createElement(Slider3, {
+  }, /* @__PURE__ */ React50.createElement(Slider3, {
     ...sliderSettings,
     swipe: !navigationDisabled,
     touchMove: !navigationDisabled,
     swipeToSlide: !navigationDisabled,
     ref: slider,
     beforeChange
-  }, !!media?.length ? media.map((m, i) => /* @__PURE__ */ React53.createElement(Item8, {
+  }, !!media?.length ? media.filter((x) => x.type !== "sphere").map((m, i) => /* @__PURE__ */ React50.createElement(Item8, {
     key: m.files[0].url || i
-  }, m.type === "image" && /* @__PURE__ */ React53.createElement(Image2, {
+  }, m.type === "image" && /* @__PURE__ */ React50.createElement(Image2, {
     src: m.files[0].formats.filter(notEmpty).find((x) => x.format === "1170x")?.url,
     alt: `Bild ${i + 1}`
-  }), m.type === "threesixty" && /* @__PURE__ */ React53.createElement(ThreeSixty_default, {
+  }), m.type === "threesixty" && /* @__PURE__ */ React50.createElement(ThreeSixty_default, {
     urls: m.files.map((x) => x.url),
     visible: i === index2,
     onDisableNavigation,
     navigationDisabled
-  }), m.type === "embedded" && /* @__PURE__ */ React53.createElement(EmbededVideo_default, {
+  }), m.type === "embedded" && /* @__PURE__ */ React50.createElement(EmbededVideo_default, {
     src: m.files[0].url,
     index: i + 1
-  }), m.type === "sphere" && /* @__PURE__ */ React53.createElement(Sphere_default, {
-    visible: i === index2,
-    url: m.files[0].url,
-    preview: m.files[0].url,
-    onDisableNavigation,
-    navigationDisabled
-  }))) : /* @__PURE__ */ React53.createElement(Item8, {
+  }))) : /* @__PURE__ */ React50.createElement(Item8, {
     key: placeholder
-  }, /* @__PURE__ */ React53.createElement(Image2, {
+  }, /* @__PURE__ */ React50.createElement(Image2, {
     src: placeholder,
     alt: `Bild 1`
-  }))), navigationDisabled && mediaLength > 1 && /* @__PURE__ */ React53.createElement(EnableNavigationButton, null, /* @__PURE__ */ React53.createElement(ButtonSecondary, {
+  }))), navigationDisabled && mediaLength > 1 && /* @__PURE__ */ React50.createElement(EnableNavigationButton, null, /* @__PURE__ */ React50.createElement(ButtonSecondary, {
     onClick: onEnableNavigation,
     title: "St\xE4ng"
-  }, /* @__PURE__ */ React53.createElement(ButtonContent, null, "St\xE4ng")))), !navigationDisabled && mediaLength > 1 && /* @__PURE__ */ React53.createElement(React53.Fragment, null, /* @__PURE__ */ React53.createElement(ArrowLeft, {
+  }, /* @__PURE__ */ React50.createElement(ButtonContent, null, "St\xE4ng")))), !navigationDisabled && mediaLength > 1 && /* @__PURE__ */ React50.createElement(React50.Fragment, null, /* @__PURE__ */ React50.createElement(ArrowLeft, {
     onClick: prevImage,
     title: "F\xF6reg\xE5ende bild"
-  }, /* @__PURE__ */ React53.createElement(IconChevronLeft, {
+  }, /* @__PURE__ */ React50.createElement(IconChevronLeft, {
     block: true
-  })), /* @__PURE__ */ React53.createElement(ArrowRight, {
+  })), /* @__PURE__ */ React50.createElement(ArrowRight, {
     onClick: nextImage,
     title: "N\xE4sta bild"
-  }, /* @__PURE__ */ React53.createElement(IconChevronRight, {
+  }, /* @__PURE__ */ React50.createElement(IconChevronRight, {
     block: true
-  })))), /* @__PURE__ */ React53.createElement(Alt, null, /* @__PURE__ */ React53.createElement(QuickNav, {
+  })))), /* @__PURE__ */ React50.createElement(Alt, null, /* @__PURE__ */ React50.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__ */ React53.createElement(QuickNavItem, {
+    return /* @__PURE__ */ React50.createElement(QuickNavItem, {
       key: src || i,
       active: index2 === i
-    }, /* @__PURE__ */ React53.createElement(QuickNavBtn, {
+    }, /* @__PURE__ */ React50.createElement(QuickNavBtn, {
       onClick: () => goTo(i),
       title: `G\xE5 till bild ${i + 1}`
-    }, m.type === "image" && /* @__PURE__ */ React53.createElement(QuickNavImg, {
+    }, m.type === "image" && /* @__PURE__ */ React50.createElement(QuickNavImg, {
       src,
       alt: `Bild ${i + 1}`
-    }), m.type === "threesixty" && /* @__PURE__ */ React53.createElement(QuickNavImg, {
+    }), m.type === "threesixty" && /* @__PURE__ */ React50.createElement(QuickNavImg, {
       src,
       alt: `Bild ${i + 1}`
-    }), m.type === "embedded" && /* @__PURE__ */ React53.createElement(QuickNavEmbeded_default, {
+    }), m.type === "embedded" && /* @__PURE__ */ React50.createElement(QuickNavEmbeded_default, {
       src,
       index: i
-    }), m.type === "sphere" && /* @__PURE__ */ React53.createElement(QuickNavImg, {
+    }), m.type === "sphere" && /* @__PURE__ */ React50.createElement(QuickNavImg, {
       src: m.files[0].url,
       alt: `Bild ${i + 1}`
     })));
-  }) : /* @__PURE__ */ React53.createElement(QuickNavItem, {
+  }) : /* @__PURE__ */ React50.createElement(QuickNavItem, {
     key: placeholder,
     active: true
-  }, /* @__PURE__ */ React53.createElement(QuickNavBtn, {
+  }, /* @__PURE__ */ React50.createElement(QuickNavBtn, {
     onClick: () => goTo(0),
     title: `G\xE5 till bild 0`
-  }, /* @__PURE__ */ React53.createElement(QuickNavImg, {
+  }, /* @__PURE__ */ React50.createElement(QuickNavImg, {
     src: placeholder,
     alt: `Bild 1`
-  })))))), lightbox && !!media?.length && /* @__PURE__ */ React53.createElement(Lightbox_default, {
+  })))))), lightbox && !!media?.length && /* @__PURE__ */ React50.createElement(Lightbox_default, {
     media,
     index: index2,
     onClose: onToggleLightbox
@@ -6430,8 +6096,8 @@ var Gallery = ({ media, placeholderImage }) => {
 var Gallery_default = Gallery;
 
 // src/components/ProductPage/index.tsx
-import styled39 from "styled-components";
-var ProductPage = styled39.div`
+import styled38 from "styled-components";
+var ProductPage = styled38.div`
   display: flex;
   flex-direction: column;
 
@@ -6439,7 +6105,7 @@ var ProductPage = styled39.div`
     flex-direction: row;
   }
 `;
-var ProductPageAside = styled39.div`
+var ProductPageAside = styled38.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     display: contents;
   }
@@ -6450,7 +6116,7 @@ var ProductPageAside = styled39.div`
     padding-right: ${size(2)};
   }
 `;
-var ProductPageMain = styled39.div`
+var ProductPageMain = styled38.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     display: contents;
   }
@@ -6461,7 +6127,7 @@ var ProductPageMain = styled39.div`
     padding-left: ${size(2)};
   }
 `;
-var ProductPageAsideSection = styled39.div`
+var ProductPageAsideSection = styled38.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     order: ${(props) => props.mobileOrder};
 
@@ -6488,7 +6154,7 @@ var ProductPageAsideSection = styled39.div`
     }
   }
 `;
-var ProductPageMainSection = styled39.div`
+var ProductPageMainSection = styled38.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     order: 99;
     padding: ${size(4)} 0;
@@ -6510,7 +6176,7 @@ var ProductPageMainSection = styled39.div`
     }
   }
 `;
-var ProductPageContentLimit = styled39.div`
+var ProductPageContentLimit = styled38.div`
   max-width: 420px;
 `;
 
@@ -6760,17 +6426,17 @@ var useSearchItem = (id) => useQuery(SEARCH_ITEM_QUERY_default, {
 var useSearchItem_default = useSearchItem;
 
 // src/components/FinancialOptions/index.tsx
-import React62, { Fragment } from "react";
+import React59, { Fragment } from "react";
 
 // src/components/FinancialOptions/leasing.tsx
-import React56, { useState as useState17, useCallback as useCallback19 } from "react";
+import React53, { useState as useState16, useCallback as useCallback19 } from "react";
 
 // src/components/OptionBox/index.tsx
-import * as React54 from "react";
+import * as React51 from "react";
 
 // src/components/OptionBox/wrapper.tsx
-import styled40 from "styled-components";
-var Wrapper22 = styled40.div`
+import styled39 from "styled-components";
+var Wrapper21 = styled39.div`
   display: flex;
   align-items: center;
   padding: ${size(1)};
@@ -6781,14 +6447,14 @@ var Wrapper22 = styled40.div`
     margin-top: ${size(1)};
   }
 `;
-var Logo2 = styled40.div`
+var Logo2 = styled39.div`
   position: relative;
   flex-shrink: 0;
   margin-right: ${size(1)};
   width: ${size(9.5)};
   height: ${size(6)};
 `;
-var LogoImg = styled40.img`
+var LogoImg = styled39.img`
   display: block;
   position: absolute;
   left: 0;
@@ -6799,17 +6465,17 @@ var LogoImg = styled40.img`
   max-width: 100%;
   max-height: 100%;
 `;
-var Content5 = styled40.div`
+var Content5 = styled39.div`
   flex: 1 1 auto;
   text-align: right;
   line-height: 1.4;
 `;
-var OptionBoxHeading = styled40.div.attrs(() => ({
+var OptionBoxHeading = styled39.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   font-size: 1rem;
 `;
-var OptionBoxContent = styled40.div`
+var OptionBoxContent = styled39.div`
   margin-top: ${size(0.5)};
   font-size: 0.875rem;
 
@@ -6819,24 +6485,24 @@ var OptionBoxContent = styled40.div`
 `;
 
 // 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
-import React55 from "react";
+import React52 from "react";
 
 // src/components/DataList/wrapper.tsx
-import styled41 from "styled-components";
-var List8 = styled41.ul`
+import styled40 from "styled-components";
+var List8 = styled40.ul`
   list-style: none;
   padding: 0;
   margin: 0;
 `;
-var Item10 = styled41.li`
+var Item10 = styled40.li`
   display: flex;
   align-items: flex-start;
 
@@ -6844,10 +6510,10 @@ var Item10 = styled41.li`
     margin-top: ${size(1)};
   }
 `;
-var Label7 = styled41.div`
+var Label7 = styled40.div`
   flex: 1 1 auto;
 `;
-var Value2 = styled41.div.attrs(() => ({
+var Value2 = styled40.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   flex-shrink: 0;
@@ -6855,25 +6521,25 @@ var Value2 = styled41.div.attrs(() => ({
 `;
 
 // src/components/DataList/index.tsx
-var DataList = ({ items }) => /* @__PURE__ */ React55.createElement(List8, null, items.map((item) => /* @__PURE__ */ React55.createElement(Item10, {
+var DataList = ({ items }) => /* @__PURE__ */ React52.createElement(List8, null, items.map((item) => /* @__PURE__ */ React52.createElement(Item10, {
   key: item.label
-}, /* @__PURE__ */ React55.createElement(Label7, null, item.label), /* @__PURE__ */ React55.createElement(Value2, null, item.value))));
+}, /* @__PURE__ */ React52.createElement(Label7, null, item.label), /* @__PURE__ */ React52.createElement(Value2, null, item.value))));
 var DataList_default = DataList;
 
 // src/components/FinancialOptions/leasing.tsx
 var Leasing = ({ financialOption }) => {
-  const [modal, setModal] = useState17(false);
+  const [modal, setModal] = useState16(false);
   const toggleModal = useCallback19(() => setModal(!modal), [modal]);
   const { image, description, monthlyCost, duration, mileage } = financialOption;
-  return /* @__PURE__ */ React56.createElement(React56.Fragment, null, modal && /* @__PURE__ */ React56.createElement(Modal_default, {
+  return /* @__PURE__ */ React53.createElement(React53.Fragment, null, modal && /* @__PURE__ */ React53.createElement(Modal_default, {
     title: "Privatleasing",
     onClose: toggleModal
-  }, image && /* @__PURE__ */ React56.createElement(Image3, {
+  }, image && /* @__PURE__ */ React53.createElement(Image3, {
     src: image,
     alt: "Privatleasing"
-  }), description && /* @__PURE__ */ React56.createElement(Content_default, {
+  }), description && /* @__PURE__ */ React53.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: description }
-  }), /* @__PURE__ */ React56.createElement(ModalFoldout, null, /* @__PURE__ */ React56.createElement(ModalFoldoutBody, null, /* @__PURE__ */ React56.createElement(DataList_default, {
+  }), /* @__PURE__ */ React53.createElement(ModalFoldout, null, /* @__PURE__ */ React53.createElement(ModalFoldoutBody, null, /* @__PURE__ */ React53.createElement(DataList_default, {
     items: [
       {
         label: "M\xE5nadskostnad",
@@ -6888,14 +6554,14 @@ var Leasing = ({ financialOption }) => {
         value: `${numberSeparator(mileage?.current || 0)} mil/\xE5r`
       }
     ]
-  })))), /* @__PURE__ */ React56.createElement(OptionBox_default, null, /* @__PURE__ */ React56.createElement(React56.Fragment, null, monthlyCost !== null && monthlyCost !== void 0 && /* @__PURE__ */ React56.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/m\xE5n`)), /* @__PURE__ */ React56.createElement(OptionBoxContent, null, /* @__PURE__ */ React56.createElement("p", null, "Privatleasing", " ", mileage?.current && duration?.current && /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(UtilityTextPrimary, null, numberSeparator(mileage?.current), " mil/\xE5r"), " ", "i ", /* @__PURE__ */ React56.createElement(UtilityTextPrimary, null, duration?.current, " m\xE5n"), ".", " ")), /* @__PURE__ */ React56.createElement("p", null, /* @__PURE__ */ React56.createElement(ButtonInline, {
+  })))), /* @__PURE__ */ React53.createElement(OptionBox_default, null, /* @__PURE__ */ React53.createElement(React53.Fragment, null, monthlyCost !== null && monthlyCost !== void 0 && /* @__PURE__ */ React53.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/m\xE5n`)), /* @__PURE__ */ React53.createElement(OptionBoxContent, null, /* @__PURE__ */ React53.createElement("p", null, "Privatleasing", " ", mileage?.current && duration?.current && /* @__PURE__ */ React53.createElement(React53.Fragment, null, /* @__PURE__ */ React53.createElement(UtilityTextPrimary, null, numberSeparator(mileage?.current), " mil/\xE5r"), " ", "i ", /* @__PURE__ */ React53.createElement(UtilityTextPrimary, null, duration?.current, " m\xE5n"), ".", " ")), /* @__PURE__ */ React53.createElement("p", null, /* @__PURE__ */ React53.createElement(ButtonInline, {
     onClick: toggleModal
   }, "L\xE4s mer")))));
 };
 var leasing_default = Leasing;
 
 // src/components/FinancialOptions/loan.tsx
-import React61, { useState as useState20, useCallback as useCallback22 } from "react";
+import React58, { useState as useState19, useCallback as useCallback22 } from "react";
 
 // src/hooks/useLoan.ts
 import { useQuery as useQuery2 } from "@apollo/client";
@@ -6951,22 +6617,22 @@ var useLoanCalculation = (id, duration, downPayment, residual) => useQuery2(LOAN
 var useLoan_default = useLoanCalculation;
 
 // src/components/FinancialOptions/LoanModal.tsx
-import React60, { useState as useState19, useCallback as useCallback21, useEffect as useEffect13 } from "react";
+import React57, { useState as useState18, useCallback as useCallback21, useEffect as useEffect12 } from "react";
 
 // src/components/ContentLogo/index.tsx
-import styled42 from "styled-components";
-var ContentLogo = styled42.div`
+import styled41 from "styled-components";
+var ContentLogo = styled41.div`
   ${(props) => props.theme.breakpoint.Sm} {
     display: flex;
     align-items: flex-start;
   }
 `;
-var ContentLogoText = styled42.div`
+var ContentLogoText = styled41.div`
   ${(props) => props.theme.breakpoint.Sm} {
     flex: 1 1 auto;
   }
 `;
-var ContentLogoMedia = styled42.div`
+var ContentLogoMedia = styled41.div`
   ${(props) => props.theme.breakpoint.LtSm} {
     margin-top: ${size(2)};
   }
@@ -6978,23 +6644,23 @@ var ContentLogoMedia = styled42.div`
 `;
 
 // src/components/RangeSlider/SliderWithLabel.tsx
-import React59, { useCallback as useCallback20, useEffect as useEffect12, useState as useState18 } from "react";
+import React56, { useCallback as useCallback20, useEffect as useEffect11, useState as useState17 } from "react";
 
 // src/components/RangeSliderLabel/index.tsx
-import React57 from "react";
+import React54 from "react";
 
 // src/components/RangeSliderLabel/wrapper.tsx
-import styled43, { css as css13 } from "styled-components";
-var Wrapper23 = styled43.div`
+import styled42, { css as css13 } from "styled-components";
+var Wrapper22 = styled42.div`
   display: flex;
   align-items: flex-end;
 `;
-var Label8 = styled43.div.attrs(() => ({
+var Label8 = styled42.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   flex: 1 1 auto;
 `;
-var Value3 = styled43.div.attrs(() => ({
+var Value3 = styled42.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold wayke__color--primary-text"
 }))`
   flex-shrink: 0;
@@ -7008,13 +6674,13 @@ var Value3 = styled43.div.attrs(() => ({
 `;
 
 // src/components/RangeSliderLabel/index.tsx
-var RangeSliderLabel = ({ label, value, highlight }) => /* @__PURE__ */ React57.createElement(Wrapper23, null, /* @__PURE__ */ React57.createElement(Label8, null, label), value && /* @__PURE__ */ React57.createElement(Value3, {
+var RangeSliderLabel = ({ label, value, highlight }) => /* @__PURE__ */ React54.createElement(Wrapper22, null, /* @__PURE__ */ React54.createElement(Label8, null, label), value && /* @__PURE__ */ React54.createElement(Value3, {
   isHighlighted: highlight
 }, value));
 var RangeSliderLabel_default = RangeSliderLabel;
 
 // src/components/RangeSlider/RangeSliderSimple.tsx
-import React58 from "react";
+import React55 from "react";
 import { Slider as Slider4, Rail as Rail2, Handles as Handles2, Tracks as Tracks2 } from "react-compound-slider";
 var RangeSliderSimple = ({
   loading,
@@ -7034,7 +6700,7 @@ var RangeSliderSimple = ({
   if (steps.length < 2) {
     return null;
   }
-  return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(Slider, null, /* @__PURE__ */ React58.createElement(Slider4, {
+  return /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement(Slider, null, /* @__PURE__ */ React55.createElement(Slider4, {
     disabled: loading,
     mode: 1,
     step,
@@ -7043,20 +6709,20 @@ var RangeSliderSimple = ({
     onUpdate,
     values,
     rootStyle: { position: "relative" }
-  }, /* @__PURE__ */ React58.createElement(Rail2, null, ({ getRailProps }) => /* @__PURE__ */ React58.createElement(Bar2, {
+  }, /* @__PURE__ */ React55.createElement(Rail2, null, ({ getRailProps }) => /* @__PURE__ */ React55.createElement(Bar2, {
     ...getRailProps()
-  })), /* @__PURE__ */ React58.createElement(Handles2, null, ({ handles, getHandleProps }) => /* @__PURE__ */ React58.createElement("div", {
+  })), /* @__PURE__ */ React55.createElement(Handles2, null, ({ handles, getHandleProps }) => /* @__PURE__ */ React55.createElement("div", {
     className: "slider-handles"
-  }, handles.map((handle) => /* @__PURE__ */ React58.createElement(Handle2, {
+  }, handles.map((handle) => /* @__PURE__ */ React55.createElement(Handle2, {
     key: handle.id,
     handle,
     domain,
     getHandleProps
-  })))), /* @__PURE__ */ React58.createElement(Tracks2, {
+  })))), /* @__PURE__ */ React55.createElement(Tracks2, {
     right: false
-  }, ({ tracks, getTrackProps }) => /* @__PURE__ */ React58.createElement("div", {
+  }, ({ tracks, getTrackProps }) => /* @__PURE__ */ React55.createElement("div", {
     className: "slider-tracks"
-  }, tracks.map(({ id, source, target }) => /* @__PURE__ */ React58.createElement(Track2, {
+  }, tracks.map(({ id, source, target }) => /* @__PURE__ */ React55.createElement(Track2, {
     key: id,
     source,
     target,
@@ -7076,18 +6742,18 @@ var SliderWithLabel = ({
   formatValues,
   onChange
 }) => {
-  const [local, setLocal] = useState18(steps);
+  const [local, setLocal] = useState17(steps);
   const onUpdate = useCallback20((nextValues) => {
     setLocal([...nextValues]);
   }, []);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!loading)
       setLocal(void 0);
   }, [loading]);
-  return /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(RepeatTiny, null, /* @__PURE__ */ React59.createElement(RangeSliderLabel_default, {
+  return /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(RepeatTiny, null, /* @__PURE__ */ React56.createElement(RangeSliderLabel_default, {
     label,
     value: `${numberSeparator(local?.[0] || values[0])}${unit ? ` ${unit}` : ""}`
-  })), /* @__PURE__ */ React59.createElement(RepeatTiny, null, /* @__PURE__ */ React59.createElement(RangeSliderSimple_default, {
+  })), /* @__PURE__ */ React56.createElement(RepeatTiny, null, /* @__PURE__ */ React56.createElement(RangeSliderSimple_default, {
     loading,
     values,
     domain,
@@ -7112,22 +6778,22 @@ var stepGenerator = (step, max, steps = [], current) => {
   return stepGenerator(step, max, steps, nextCurrent);
 };
 var LoanModal = ({ id, financialOption, onClose }) => {
-  const [tmp, setTmp] = useState19();
-  const [extend, setExtend] = React60.useState(false);
-  const onToggleExtend = React60.useCallback(() => {
+  const [tmp, setTmp] = useState18();
+  const [extend, setExtend] = React57.useState(false);
+  const onToggleExtend = React57.useCallback(() => {
     if (!extend) {
       pubsub_default.publish("FinanceInterest");
     }
     setExtend(!extend);
   }, [extend]);
-  const [variables, setVariables] = useState19({
+  const [variables, setVariables] = useState18({
     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);
-  useEffect13(() => {
+  useEffect12(() => {
     if (data) {
       setTmp(data);
       setVariables({
@@ -7176,14 +6842,14 @@ var LoanModal = ({ id, financialOption, onClose }) => {
   );
   const interestText = ((loan?.interest || 0) * 100).toFixed(2);
   const effectiveInterestText = ((loan?.effectiveInterest || 0) * 100).toFixed(2);
-  return /* @__PURE__ */ React60.createElement(Modal_default, {
+  return /* @__PURE__ */ React57.createElement(Modal_default, {
     title: "L\xE5nealternativ",
     onClose
-  }, /* @__PURE__ */ React60.createElement(Repeat, null, /* @__PURE__ */ React60.createElement(ContentLogo, null, financialOption?.description && /* @__PURE__ */ React60.createElement(ContentLogoText, null, /* @__PURE__ */ React60.createElement(Content_default, null, /* @__PURE__ */ React60.createElement("p", null, financialOption.description))), financialOption?.image && /* @__PURE__ */ React60.createElement(ContentLogoMedia, null, /* @__PURE__ */ React60.createElement(LogoBox_default, {
+  }, /* @__PURE__ */ React57.createElement(Repeat, null, /* @__PURE__ */ React57.createElement(ContentLogo, null, financialOption?.description && /* @__PURE__ */ React57.createElement(ContentLogoText, null, /* @__PURE__ */ React57.createElement(Content_default, null, /* @__PURE__ */ React57.createElement("p", null, financialOption.description))), financialOption?.image && /* @__PURE__ */ React57.createElement(ContentLogoMedia, null, /* @__PURE__ */ React57.createElement(LogoBox_default, {
     logo: financialOption.image,
     alt: financialOption.name || "Logotyp",
     wide: true
-  })))), /* @__PURE__ */ React60.createElement(Repeat, null, /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(SliderWithLabel_default, {
+  })))), /* @__PURE__ */ React57.createElement(Repeat, null, /* @__PURE__ */ React57.createElement(RepeatSmall, null, /* @__PURE__ */ React57.createElement(SliderWithLabel_default, {
     label: "Kontantinsatts",
     values: [downPaymentCurrent],
     domain: [downPaymentMin, downPaymentMax],
@@ -7192,7 +6858,7 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     formatValues: true,
     loading,
     onChange: onDownPaymentChange
-  })), /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(SliderWithLabel_default, {
+  })), /* @__PURE__ */ React57.createElement(RepeatSmall, null, /* @__PURE__ */ React57.createElement(SliderWithLabel_default, {
     label: "Avbetalning",
     values: [durationCurrent],
     domain: [durationMin, durationMax],
@@ -7200,7 +6866,7 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     unit: "m\xE5n",
     loading,
     onChange: onDurationChange
-  })), residual !== void 0 && residualMax !== 0 && /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(SliderWithLabel_default, {
+  })), residual !== void 0 && residualMax !== 0 && /* @__PURE__ */ React57.createElement(RepeatSmall, null, /* @__PURE__ */ React57.createElement(SliderWithLabel_default, {
     label: "Restskuld",
     values: [residualCurrent],
     domain: [residualMin, residualMax],
@@ -7208,12 +6874,12 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     unit: "%",
     loading,
     onChange: onResidualChange
-  })), /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(RepeatTiny, null, /* @__PURE__ */ React60.createElement(Content_default, {
+  })), /* @__PURE__ */ React57.createElement(RepeatSmall, null, /* @__PURE__ */ React57.createElement(RepeatTiny, null, /* @__PURE__ */ React57.createElement(Content_default, {
     small: true
-  }, /* @__PURE__ */ React60.createElement("p", null, `*Ber\xE4knat p\xE5 ${interestText} % r\xE4nta (effektivt ${effectiveInterestText} %)${loan?.mileage !== null ? `och en \xE5rlig k\xF6rstr\xE4cka om ${loan?.mileage} mil.` : ""}`)))), /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(ButtonClear, {
+  }, /* @__PURE__ */ React57.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__ */ React57.createElement(RepeatSmall, null, /* @__PURE__ */ React57.createElement(ButtonClear, {
     onClick: onToggleExtend,
     title: extend ? "Visa mindre information" : "Visa mer information"
-  }, /* @__PURE__ */ React60.createElement(ButtonContent, null, extend ? "Mindre information" : "Mer information"))), /* @__PURE__ */ React60.createElement(React60.Fragment, null, extend && /* @__PURE__ */ React60.createElement(ModalFoldout, null, /* @__PURE__ */ React60.createElement(ModalFoldoutBody, null, /* @__PURE__ */ React60.createElement(DataList_default, {
+  }, /* @__PURE__ */ React57.createElement(ButtonContent, null, extend ? "Mindre information" : "Mer information"))), /* @__PURE__ */ React57.createElement(React57.Fragment, null, extend && /* @__PURE__ */ React57.createElement(ModalFoldout, null, /* @__PURE__ */ React57.createElement(ModalFoldoutBody, null, /* @__PURE__ */ React57.createElement(DataList_default, {
     items: [
       {
         label: "R\xE4nta",
@@ -7242,7 +6908,7 @@ var LoanModal_default = LoanModal;
 
 // src/components/FinancialOptions/loan.tsx
 var Loan = ({ id, financialOption }) => {
-  const [modal, setModal] = useState20(false);
+  const [modal, setModal] = useState19(false);
   const toggleModal = useCallback22(() => setModal(!modal), [modal]);
   const { data } = useLoan_default(
     id,
@@ -7255,100 +6921,100 @@ var Loan = ({ id, financialOption }) => {
   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__ */ React61.createElement(OptionBox_default, {
+    return /* @__PURE__ */ React58.createElement(OptionBox_default, {
       logo,
       logoAlt: "Logotyp"
-    }, /* @__PURE__ */ React61.createElement(OptionBoxHeading, null, "Laddar..."), /* @__PURE__ */ React61.createElement(OptionBoxContent, null, /* @__PURE__ */ React61.createElement("p", null, "Laddar...")));
+    }, /* @__PURE__ */ React58.createElement(OptionBoxHeading, null, "Laddar..."), /* @__PURE__ */ React58.createElement(OptionBoxContent, null, /* @__PURE__ */ React58.createElement("p", null, "Laddar...")));
   }
-  return /* @__PURE__ */ React61.createElement(React61.Fragment, null, modal && /* @__PURE__ */ React61.createElement(LoanModal_default, {
+  return /* @__PURE__ */ React58.createElement(React58.Fragment, null, modal && /* @__PURE__ */ React58.createElement(LoanModal_default, {
     id,
     financialOption,
     onClose: toggleModal
-  }), /* @__PURE__ */ React61.createElement(OptionBox_default, {
+  }), /* @__PURE__ */ React58.createElement(OptionBox_default, {
     logo,
     logoAlt: "Logotyp"
-  }, /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(OptionBoxHeading, null, `${numberSeparator(monthlyCost)} kr/m\xE5n*`), /* @__PURE__ */ React61.createElement(OptionBoxContent, null, /* @__PURE__ */ React61.createElement("p", null, "Delbetala", " ", financialOption.loanAmount && duration && /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(UtilityTextPrimary, null, numberSeparator(financialOption.loanAmount), " kr"), " ", "i ", /* @__PURE__ */ React61.createElement(UtilityTextPrimary, null, duration, " m\xE5n"), ".")), /* @__PURE__ */ React61.createElement("p", null, `*Ber\xE4knat p\xE5 ${(interest * 100).toFixed(2)}% r\xE4nta. `, /* @__PURE__ */ React61.createElement(ButtonInline, {
+  }, /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(OptionBoxHeading, null, `${numberSeparator(monthlyCost)} kr/m\xE5n*`), /* @__PURE__ */ React58.createElement(OptionBoxContent, null, /* @__PURE__ */ React58.createElement("p", null, "Delbetala", " ", financialOption.loanAmount && duration && /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(UtilityTextPrimary, null, numberSeparator(financialOption.loanAmount), " kr"), " ", "i ", /* @__PURE__ */ React58.createElement(UtilityTextPrimary, null, duration, " m\xE5n"), ".")), /* @__PURE__ */ React58.createElement("p", null, `*Ber\xE4knat p\xE5 ${(interest * 100).toFixed(2)}% r\xE4nta. `, /* @__PURE__ */ React58.createElement(ButtonInline, {
     onClick: toggleModal
   }, "L\xE4s mer"))))));
 };
 var loan_default = Loan;
 
 // src/components/FinancialOptions/index.tsx
-var FinancialOptions = ({ id, financialOptions }) => /* @__PURE__ */ React62.createElement(Repeat, null, /* @__PURE__ */ React62.createElement(RepeatTiny, null, /* @__PURE__ */ React62.createElement(VisualHeading, null, "Andra finansieringsalternativ")), /* @__PURE__ */ React62.createElement(RepeatTiny, null, financialOptions.map((financialOption, index2) => /* @__PURE__ */ React62.createElement(Fragment, {
+var FinancialOptions = ({ id, financialOptions }) => /* @__PURE__ */ React59.createElement(Repeat, null, /* @__PURE__ */ React59.createElement(RepeatTiny, null, /* @__PURE__ */ React59.createElement(VisualHeading, null, "Andra finansieringsalternativ")), /* @__PURE__ */ React59.createElement(RepeatTiny, null, financialOptions.map((financialOption, index2) => /* @__PURE__ */ React59.createElement(Fragment, {
   key: index2
-}, financialOption.type === "leasing" && /* @__PURE__ */ React62.createElement(leasing_default, {
+}, financialOption.type === "leasing" && /* @__PURE__ */ React59.createElement(leasing_default, {
   financialOption
-}), financialOption.type === "loan" && /* @__PURE__ */ React62.createElement(loan_default, {
+}), financialOption.type === "loan" && /* @__PURE__ */ React59.createElement(loan_default, {
   id,
   financialOption
 })))));
 var FinancialOptions_default = FinancialOptions;
 
 // src/components/InsuranceOptions/index.tsx
-import React74 from "react";
+import React71 from "react";
 
 // src/components/InsuranceOptions/Insurance.tsx
-import React71, { useState as useState23, useCallback as useCallback25 } from "react";
+import React68, { useState as useState22, useCallback as useCallback25 } from "react";
 
 // src/components/InsuranceOptions/InsuranceModal.tsx
-import React70, { useState as useState22, useCallback as useCallback24 } from "react";
+import React67, { useState as useState21, useCallback as useCallback24 } from "react";
 
 // src/components/DetailBox/index.tsx
-import React63 from "react";
+import React60 from "react";
 
 // src/components/DetailBox/wrapper.tsx
-import styled44 from "styled-components";
-var Wrapper24 = styled44.article`
+import styled43 from "styled-components";
+var Wrapper23 = styled43.article`
   box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
   overflow: hidden;
 `;
-var Main2 = styled44.div`
+var Main2 = styled43.div`
   padding: ${size(2.5)};
 `;
-var Heading6 = styled44(H2).attrs(() => ({
+var Heading6 = styled43(H2).attrs(() => ({
   as: "h1"
 }))`
   margin-bottom: 0;
 `;
-var Description3 = styled44.div`
+var Description3 = styled43.div`
   margin-top: ${size(1)};
 `;
-var Footer3 = styled44.div`
+var Footer3 = styled43.div`
   margin-top: ${size(1)};
   color: red;
 `;
-var Foldout = styled44.div`
+var Foldout = styled43.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] = React63.useState(false);
-  const onToggleExtend = React63.useCallback(() => setExtend(!extend), [extend]);
+  const [extend, setExtend] = React60.useState(false);
+  const onToggleExtend = React60.useCallback(() => setExtend(!extend), [extend]);
   const extendBtnText = extend ? "Mindre information" : "Mer information";
-  return /* @__PURE__ */ React63.createElement(Wrapper24, null, /* @__PURE__ */ React63.createElement(Main2, null, /* @__PURE__ */ React63.createElement(Heading6, null, heading), description && /* @__PURE__ */ React63.createElement(Description3, null, description), /* @__PURE__ */ React63.createElement(Footer3, null, /* @__PURE__ */ React63.createElement(ButtonClear, {
+  return /* @__PURE__ */ React60.createElement(Wrapper23, null, /* @__PURE__ */ React60.createElement(Main2, null, /* @__PURE__ */ React60.createElement(Heading6, null, heading), description && /* @__PURE__ */ React60.createElement(Description3, null, description), /* @__PURE__ */ React60.createElement(Footer3, null, /* @__PURE__ */ React60.createElement(ButtonClear, {
     onClick: onToggleExtend
-  }, /* @__PURE__ */ React63.createElement(ButtonContent, null, extendBtnText)))), extend && /* @__PURE__ */ React63.createElement(Foldout, null, children));
+  }, /* @__PURE__ */ React60.createElement(ButtonContent, null, extendBtnText)))), extend && /* @__PURE__ */ React60.createElement(Foldout, null, children));
 };
 var DetailBox_default = DetailBox;
 
 // src/components/ExtendInfo/index.tsx
-import React64, { useState as useState21, useCallback as useCallback23 } from "react";
+import React61, { useState as useState20, useCallback as useCallback23 } from "react";
 
 // src/components/ExtendInfo/wrapper.tsx
-import styled45 from "styled-components";
-var Wrapper25 = styled45.div``;
-var Header5 = styled45.div`
+import styled44 from "styled-components";
+var Wrapper24 = styled44.div``;
+var Header5 = styled44.div`
   display: flex;
   align-items: center;
 `;
-var Title = styled45.div``;
-var Info2 = styled45.div`
+var Title = styled44.div``;
+var Info2 = styled44.div`
   margin-left: ${size(1)};
 `;
-var InfoBtn = styled45(ButtonReset).attrs(() => ({
+var InfoBtn = styled44(ButtonReset).attrs(() => ({
   className: "wayke__theme wayke__color--primary-text"
 }))`
   position: relative;
@@ -7386,7 +7052,7 @@ var InfoBtn = styled45(ButtonReset).attrs(() => ({
     transform: scale(0.95);
   }
 `;
-var Extend2 = styled45.div`
+var Extend2 = styled44.div`
   padding-top: ${size(1)};
   margin-top: ${size(1)};
   border-top: 1px solid ${(props) => props.theme.color.border};
@@ -7395,23 +7061,23 @@ var Extend2 = styled45.div`
 
 // src/components/ExtendInfo/index.tsx
 var ExtendInfo = ({ title, children }) => {
-  const [extend, setExtend] = useState21(false);
+  const [extend, setExtend] = useState20(false);
   const onToggleExtend = useCallback23(() => setExtend(!extend), [extend]);
-  return /* @__PURE__ */ React64.createElement(Wrapper25, null, /* @__PURE__ */ React64.createElement(Header5, null, /* @__PURE__ */ React64.createElement(Title, null, title), children && /* @__PURE__ */ React64.createElement(Info2, null, /* @__PURE__ */ React64.createElement(InfoBtn, {
+  return /* @__PURE__ */ React61.createElement(Wrapper24, null, /* @__PURE__ */ React61.createElement(Header5, null, /* @__PURE__ */ React61.createElement(Title, null, title), children && /* @__PURE__ */ React61.createElement(Info2, null, /* @__PURE__ */ React61.createElement(InfoBtn, {
     onClick: onToggleExtend,
     title: "Mer information"
-  }, /* @__PURE__ */ React64.createElement(IconInfo, {
+  }, /* @__PURE__ */ React61.createElement(IconInfo, {
     block: true
-  })))), extend && /* @__PURE__ */ React64.createElement(Extend2, null, children));
+  })))), extend && /* @__PURE__ */ React61.createElement(Extend2, null, children));
 };
 var ExtendInfo_default = ExtendInfo;
 
 // src/components/InputLabel/index.tsx
-import React65 from "react";
+import React62 from "react";
 
 // src/components/InputLabel/wrapper.tsx
-import styled46 from "styled-components";
-var Wrapper26 = styled46.label.attrs(() => ({
+import styled45 from "styled-components";
+var Wrapper25 = styled45.label.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   margin-bottom: ${size(0.5)};
@@ -7419,24 +7085,24 @@ var Wrapper26 = styled46.label.attrs(() => ({
 `;
 
 // src/components/InputLabel/index.tsx
-var InputLabel = ({ children, htmlFor }) => /* @__PURE__ */ React65.createElement(Wrapper26, {
+var InputLabel = ({ children, htmlFor }) => /* @__PURE__ */ React62.createElement(Wrapper25, {
   htmlFor
 }, children);
 var InputLabel_default = InputLabel;
 
 // src/components/InputText/index.tsx
-import React66 from "react";
+import React63 from "react";
 
 // src/components/InputText/wrapper.tsx
-import styled47 from "styled-components";
-var Wrapper27 = styled47.div`
+import styled46 from "styled-components";
+var Wrapper26 = styled46.div`
   position: relative;
   display: flex;
   align-items: stretch;
   background-color: ${(props) => props.theme.color.accent};
   border-radius: 3px;
 `;
-var Input2 = styled47.input.attrs(() => ({
+var Input2 = styled46.input.attrs(() => ({
   type: "text",
   className: "wayke__theme wayke__font--regular"
 }))`
@@ -7483,7 +7149,7 @@ var Input2 = styled47.input.attrs(() => ({
 `;
 
 // src/components/InputText/index.tsx
-var InputText = ({ placeholder, label, value, id, onChange, onKeyDown }) => /* @__PURE__ */ React66.createElement(Wrapper27, null, /* @__PURE__ */ React66.createElement(Input2, {
+var InputText = ({ placeholder, label, value, id, onChange, onKeyDown }) => /* @__PURE__ */ React63.createElement(Wrapper26, null, /* @__PURE__ */ React63.createElement(Input2, {
   placeholder,
   value,
   id,
@@ -7494,12 +7160,12 @@ var InputText = ({ placeholder, label, value, id, onChange, onKeyDown }) => /* @
 var InputText_default = InputText;
 
 // src/components/InputCheckbox/index.tsx
-import * as React68 from "react";
+import * as React65 from "react";
 
 // src/components/InputCheckbox/wrapper.tsx
-import * as React67 from "react";
-import styled48, { css as css14 } from "styled-components";
-var Label9 = styled48.label.attrs(() => ({
+import * as React64 from "react";
+import styled47, { css as css14 } from "styled-components";
+var Label9 = styled47.label.attrs(() => ({
   className: "wayke__theme wayke__color--primary-text"
 }))`
   position: relative;
@@ -7529,7 +7195,7 @@ var Label9 = styled48.label.attrs(() => ({
     margin-top: -2px;
   }
 `;
-var Wrapper28 = styled48((props) => /* @__PURE__ */ React67.createElement("div", {
+var Wrapper27 = styled47((props) => /* @__PURE__ */ React64.createElement("div", {
   ...props
 })).attrs(({ type, checked }) => ({
   role: type || "checkbox",
@@ -7545,7 +7211,7 @@ var Wrapper28 = styled48((props) => /* @__PURE__ */ React67.createElement("div",
       }
     `}
 `;
-var Input3 = styled48((props) => /* @__PURE__ */ React67.createElement("input", {
+var Input3 = styled47((props) => /* @__PURE__ */ React64.createElement("input", {
   ...props,
   className: `${props.checked ? "checked" : void 0} ${props.className}`
 })).attrs(({ type, checked }) => ({
@@ -7576,23 +7242,23 @@ var Input3 = styled48((props) => /* @__PURE__ */ React67.createElement("input",
     }
   }
 `;
-var LabelText = styled48.div`
+var LabelText = styled47.div`
   color: ${(props) => props.theme.color.textDark};
 `;
 
 // src/components/InputSelect/index.tsx
-import React69 from "react";
+import React66 from "react";
 
 // src/components/InputSelect/wrapper.tsx
-import styled49 from "styled-components";
+import styled48 from "styled-components";
 var iconSize2 = "0.875rem";
 var selectPadding = size(2);
-var Wrapper29 = styled49.div`
+var Wrapper28 = styled48.div`
   position: relative;
   background-color: ${(props) => props.theme.color.accent};
   border-radius: 3px;
 `;
-var Select2 = styled49.select.attrs(() => ({
+var Select2 = styled48.select.attrs(() => ({
   className: "wayke__theme wayke__font--regular"
 }))`
   position: relative;
@@ -7626,10 +7292,10 @@ var Select2 = styled49.select.attrs(() => ({
     border: 0;
   }
 `;
-var Option2 = styled49.option`
+var Option2 = styled48.option`
   color: ${(props) => props.theme.color.textDark};
 `;
-var Icon5 = styled49.div`
+var Icon5 = styled48.div`
   position: absolute;
   top: 50%;
   right: ${selectPadding};
@@ -7638,29 +7304,29 @@ var Icon5 = styled49.div`
 `;
 
 // src/components/InputSelect/index.tsx
-var InputSelect = ({ value, options, onChange, unit, title }) => /* @__PURE__ */ React69.createElement(Wrapper29, null, /* @__PURE__ */ React69.createElement(Select2, {
+var InputSelect = ({ value, options, onChange, unit, title }) => /* @__PURE__ */ React66.createElement(Wrapper28, null, /* @__PURE__ */ React66.createElement(Select2, {
   value,
   onChange,
   title,
   "aria-label": title
-}, options?.map((option) => /* @__PURE__ */ React69.createElement(Option2, {
+}, options?.map((option) => /* @__PURE__ */ React66.createElement(Option2, {
   key: option.value,
   value: option.value
-}, option.displayName || option.value, unit ? ` ${unit}` : ""))), /* @__PURE__ */ React69.createElement(Icon5, null, /* @__PURE__ */ React69.createElement(IconChevronDown, {
+}, option.displayName || option.value, unit ? ` ${unit}` : ""))), /* @__PURE__ */ React66.createElement(Icon5, null, /* @__PURE__ */ React66.createElement(IconChevronDown, {
   block: true
 })));
 var InputSelect_default = InputSelect;
 
 // src/components/InputGroup/index.tsx
-import styled50 from "styled-components";
-var InputGroup = styled50.div`
+import styled49 from "styled-components";
+var InputGroup = styled49.div`
   ${(props) => props.theme.breakpoint.Sm} {
     display: flex;
     align-items: flex-start;
     margin: ${size(-0.5)};
   }
 `;
-var InputGroupColumn = styled50.div`
+var InputGroupColumn = styled49.div`
   ${(props) => props.theme.breakpoint.LtSm} {
     & + & {
       margin-top: ${size(1)};
@@ -7674,12 +7340,12 @@ var InputGroupColumn = styled50.div`
 `;
 
 // src/components/ColumnRow/index.tsx
-import styled51 from "styled-components";
-var ColumnRow = styled51.div`
+import styled50 from "styled-components";
+var ColumnRow = styled50.div`
   display: flex;
   align-items: flex-start;
 `;
-var ColumnRowItem = styled51.div`
+var ColumnRowItem = styled50.div`
   flex: 1 1 auto;
 
   :last-child:not(:only-child) {
@@ -7754,11 +7420,11 @@ var ssnIsValid = (s) => s ? /^\d{2,4}\d{2}\d{2}\-?\d{4}$/.test(s) : false;
 
 // src/components/InsuranceOptions/InsuranceModal.tsx
 var InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
-  const [form, setForm] = useState22({
+  const [form, setForm] = useState21({
     ssn: "",
     drivingDistance: "BETWEEN0AND1000" /* Between0And1000 */
   });
-  const [payload, setPayload] = useState22();
+  const [payload, setPayload] = useState21();
   const { loading, data, error } = useInsurance_default(
     id,
     branch?.id ? branch?.id : void 0,
@@ -7792,105 +7458,105 @@ var InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
     { value: "BETWEEN2000AND2500" /* Between2000And2500 */, displayName: "2000 - 2500" },
     { value: "OVER2500" /* Over2500 */, displayName: "2500+" }
   ];
-  return /* @__PURE__ */ React70.createElement(Modal_default, {
+  return /* @__PURE__ */ React67.createElement(Modal_default, {
     title: "F\xF6rs\xE4kring",
     onClose
-  }, (insuranceOptions?.description || insuranceOptions?.logotype) && /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(ContentLogo, null, insuranceOptions.description && /* @__PURE__ */ React70.createElement(ContentLogoText, null, /* @__PURE__ */ React70.createElement(Content_default, null, /* @__PURE__ */ React70.createElement("p", null, insuranceOptions.description))), insuranceOptions.logotype && /* @__PURE__ */ React70.createElement(ContentLogoMedia, null, /* @__PURE__ */ React70.createElement(LogoBox_default, {
+  }, (insuranceOptions?.description || insuranceOptions?.logotype) && /* @__PURE__ */ React67.createElement(Repeat, null, /* @__PURE__ */ React67.createElement(ContentLogo, null, insuranceOptions.description && /* @__PURE__ */ React67.createElement(ContentLogoText, null, /* @__PURE__ */ React67.createElement(Content_default, null, /* @__PURE__ */ React67.createElement("p", null, insuranceOptions.description))), insuranceOptions.logotype && /* @__PURE__ */ React67.createElement(ContentLogoMedia, null, /* @__PURE__ */ React67.createElement(LogoBox_default, {
     logo: insuranceOptions.logotype,
     alt: insuranceOptions.name || "Logotyp",
     wide: true
-  })))), /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(RepeatSmall, null, /* @__PURE__ */ React70.createElement(RepeatTiny, null, /* @__PURE__ */ React70.createElement(InputGroup, null, /* @__PURE__ */ React70.createElement(InputGroupColumn, null, /* @__PURE__ */ React70.createElement(InputLabel_default, {
+  })))), /* @__PURE__ */ React67.createElement(Repeat, null, /* @__PURE__ */ React67.createElement(RepeatSmall, null, /* @__PURE__ */ React67.createElement(RepeatTiny, null, /* @__PURE__ */ React67.createElement(InputGroup, null, /* @__PURE__ */ React67.createElement(InputGroupColumn, null, /* @__PURE__ */ React67.createElement(InputLabel_default, {
     htmlFor: "input-insurance-personalnumber"
-  }, "Personnummer"), /* @__PURE__ */ React70.createElement(InputText_default, {
+  }, "Personnummer"), /* @__PURE__ */ React67.createElement(InputText_default, {
     placeholder: "\xC5\xC5\xC5\xC5MMDD-XXXX",
     label: "Personnummer",
     value: form.ssn,
     onChange: onChangeSsn,
     onKeyDown,
     id: "input-insurance-personalnumber"
-  })), /* @__PURE__ */ React70.createElement(InputGroupColumn, null, /* @__PURE__ */ React70.createElement(InputLabel_default, {
+  })), /* @__PURE__ */ React67.createElement(InputGroupColumn, null, /* @__PURE__ */ React67.createElement(InputLabel_default, {
     htmlFor: "input-insurance-mileage"
-  }, "Uppskattad k\xF6rstr\xE4cka per \xE5r"), /* @__PURE__ */ React70.createElement(InputSelect_default, {
+  }, "Uppskattad k\xF6rstr\xE4cka per \xE5r"), /* @__PURE__ */ React67.createElement(InputSelect_default, {
     value: form.drivingDistance,
     onChange: onChangeDrivingDistance,
     options,
     unit: "mil",
     title: "Uppskattad k\xF6rstr\xE4cka per \xE5r"
-  })))), /* @__PURE__ */ React70.createElement(RepeatTiny, null, /* @__PURE__ */ React70.createElement(ButtonPrimary, {
+  })))), /* @__PURE__ */ React67.createElement(RepeatTiny, null, /* @__PURE__ */ React67.createElement(ButtonPrimary, {
     fullWidth: true,
     disabled: !ssnIsValid(form.ssn) || loading,
     onClick: onShowInsurances
-  }, /* @__PURE__ */ React70.createElement(ButtonContent, null, "Visa f\xF6rs\xE4kringar")))), false, /* @__PURE__ */ React70.createElement(RepeatSmall, null, /* @__PURE__ */ React70.createElement(Content_default, {
+  }, /* @__PURE__ */ React67.createElement(ButtonContent, null, "Visa f\xF6rs\xE4kringar")))), false, /* @__PURE__ */ React67.createElement(RepeatSmall, null, /* @__PURE__ */ React67.createElement(Content_default, {
     small: true
-  }, /* @__PURE__ */ React70.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__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(Loader_default, null)), error && /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(Snackbar_default, {
+  }, /* @__PURE__ */ React67.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__ */ React67.createElement(Repeat, null, /* @__PURE__ */ React67.createElement(Loader_default, null)), error && /* @__PURE__ */ React67.createElement(Repeat, null, /* @__PURE__ */ React67.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__ */ React70.createElement(React70.Fragment, null, data?.insurances && /* @__PURE__ */ React70.createElement(Repeat, null, data?.insurances.map((insurance) => /* @__PURE__ */ React70.createElement(Repeat, {
+  }, "Kunde inte h\xE4mta f\xF6rs\xE4kringar. V\xE4nligen f\xF6rs\xF6k igen.")), /* @__PURE__ */ React67.createElement(React67.Fragment, null, data?.insurances && /* @__PURE__ */ React67.createElement(Repeat, null, data?.insurances.map((insurance) => /* @__PURE__ */ React67.createElement(Repeat, {
     key: insurance.name
-  }, /* @__PURE__ */ React70.createElement(DetailBox_default, {
+  }, /* @__PURE__ */ React67.createElement(DetailBox_default, {
     heading: `${numberSeparator(insurance.price)} ${insurance.unit}`,
     description: insurance.name
-  }, /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(React70.Fragment, null, insurance.description && /* @__PURE__ */ React70.createElement(RepeatTiny, null, /* @__PURE__ */ React70.createElement(Content_default, null, /* @__PURE__ */ React70.createElement("p", null, insurance.description)))), /* @__PURE__ */ React70.createElement(React70.Fragment, null, insurance.url && /* @__PURE__ */ React70.createElement(RepeatTiny, null, /* @__PURE__ */ React70.createElement(ButtonInline, {
+  }, /* @__PURE__ */ React67.createElement(Repeat, null, /* @__PURE__ */ React67.createElement(React67.Fragment, null, insurance.description && /* @__PURE__ */ React67.createElement(RepeatTiny, null, /* @__PURE__ */ React67.createElement(Content_default, null, /* @__PURE__ */ React67.createElement("p", null, insurance.description)))), /* @__PURE__ */ React67.createElement(React67.Fragment, null, insurance.url && /* @__PURE__ */ React67.createElement(RepeatTiny, null, /* @__PURE__ */ React67.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__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(H4, null, "F\xF6rs\xE4kringen inneh\xE5ller"), insurance.items.map((item) => /* @__PURE__ */ React70.createElement(RepeatSmall, {
+  }, "F\xF6rk\xF6psinformation och villkor (\xF6ppnas i ny flik)")))), insurance.items && insurance.items.length > 0 && /* @__PURE__ */ React67.createElement(Repeat, null, /* @__PURE__ */ React67.createElement(H4, null, "F\xF6rs\xE4kringen inneh\xE5ller"), insurance.items.map((item) => /* @__PURE__ */ React67.createElement(RepeatSmall, {
     key: item.name || ""
-  }, /* @__PURE__ */ React70.createElement(ExtendInfo_default, {
+  }, /* @__PURE__ */ React67.createElement(ExtendInfo_default, {
     title: item.name || ""
-  }, item.description)))), insurance.addons && insurance.addons.length > 0 && /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(H4, null, "V\xE4lj till"), insurance.addons.map((addon) => /* @__PURE__ */ React70.createElement(RepeatSmall, {
+  }, item.description)))), insurance.addons && insurance.addons.length > 0 && /* @__PURE__ */ React67.createElement(Repeat, null, /* @__PURE__ */ React67.createElement(H4, null, "V\xE4lj till"), insurance.addons.map((addon) => /* @__PURE__ */ React67.createElement(RepeatSmall, {
     key: addon.title || ""
-  }, /* @__PURE__ */ React70.createElement(ColumnRow, null, /* @__PURE__ */ React70.createElement(ColumnRowItem, null, /* @__PURE__ */ React70.createElement(ExtendInfo_default, {
+  }, /* @__PURE__ */ React67.createElement(ColumnRow, null, /* @__PURE__ */ React67.createElement(ColumnRowItem, null, /* @__PURE__ */ React67.createElement(ExtendInfo_default, {
     title: addon.title || ""
-  }, addon.description)), /* @__PURE__ */ React70.createElement(ColumnRowItem, null, /* @__PURE__ */ React70.createElement(UtilityTextBold, null, "+", addon.price, " ", addon.unit))))))))))));
+  }, addon.description)), /* @__PURE__ */ React67.createElement(ColumnRowItem, null, /* @__PURE__ */ React67.createElement(UtilityTextBold, null, "+", addon.price, " ", addon.unit))))))))))));
 };
 var InsuranceModal_default = InsuranceModal;
 
 // src/components/InsuranceOptions/Insurance.tsx
 var Insurance = ({ id, branch, insuranceOptions }) => {
-  const [modal, setModal] = useState23(false);
+  const [modal, setModal] = useState22(false);
   const toggleModal = useCallback25(() => setModal(!modal), [modal]);
   if (!insuranceOptions.length) {
     return null;
   }
-  return /* @__PURE__ */ React71.createElement(React71.Fragment, null, modal && /* @__PURE__ */ React71.createElement(InsuranceModal_default, {
+  return /* @__PURE__ */ React68.createElement(React68.Fragment, null, modal && /* @__PURE__ */ React68.createElement(InsuranceModal_default, {
     id,
     branch,
     onClose: toggleModal,
     insuranceOptions: insuranceOptions[0]
-  }), /* @__PURE__ */ React71.createElement(Repeat, null, /* @__PURE__ */ React71.createElement(RepeatTiny, null, /* @__PURE__ */ React71.createElement(VisualHeading, null, "V\xE4lj till f\xF6rs\xE4kring")), /* @__PURE__ */ React71.createElement(RepeatTiny, null, /* @__PURE__ */ React71.createElement(React71.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ React71.createElement(OptionBox_default, {
+  }), /* @__PURE__ */ React68.createElement(Repeat, null, /* @__PURE__ */ React68.createElement(RepeatTiny, null, /* @__PURE__ */ React68.createElement(VisualHeading, null, "V\xE4lj till f\xF6rs\xE4kring")), /* @__PURE__ */ React68.createElement(RepeatTiny, null, /* @__PURE__ */ React68.createElement(React68.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ React68.createElement(OptionBox_default, {
     key: `${insuranceOption.url}-${index2}`,
     logo: insuranceOption.logotype || void 0,
     logoAlt: insuranceOption.name || "Logotyp"
-  }, /* @__PURE__ */ React71.createElement(OptionBoxHeading, null, "F\xE5 prisf\xF6rslag"), /* @__PURE__ */ React71.createElement(OptionBoxContent, null, /* @__PURE__ */ React71.createElement("p", null, /* @__PURE__ */ React71.createElement(ButtonInline, {
+  }, /* @__PURE__ */ React68.createElement(OptionBoxHeading, null, "F\xE5 prisf\xF6rslag"), /* @__PURE__ */ React68.createElement(OptionBoxContent, null, /* @__PURE__ */ React68.createElement("p", null, /* @__PURE__ */ React68.createElement(ButtonInline, {
     onClick: toggleModal
   }, "Mer information")))))))));
 };
 var Insurance_default = Insurance;
 
 // src/components/InsuranceOptions/InsuranceFree.tsx
-import React73, { useState as useState24, useCallback as useCallback26 } from "react";
+import React70, { useState as useState23, useCallback as useCallback26 } from "react";
 import { marked as marked2 } from "marked";
 
 // src/components/InsuranceOptions/InsuranceFreeModal.tsx
-import React72 from "react";
+import React69 from "react";
 import { marked } from "marked";
 var InsuranceFreeModal = ({ onClose, insuranceOptions }) => {
-  return /* @__PURE__ */ React72.createElement(Modal_default, {
+  return /* @__PURE__ */ React69.createElement(Modal_default, {
     title: insuranceOptions?.insuranceHeader ?? "F\xF6rs\xE4kring",
     onClose
-  }, insuranceOptions?.longDescription && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(Content_default, {
+  }, insuranceOptions?.longDescription && /* @__PURE__ */ React69.createElement(Repeat, null, /* @__PURE__ */ React69.createElement(Content_default, {
     dangerouslySetInnerHTML: {
       __html: marked(insuranceOptions.longDescription)
     }
-  })), insuranceOptions?.url && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(ButtonInline, {
+  })), insuranceOptions?.url && /* @__PURE__ */ React69.createElement(Repeat, null, /* @__PURE__ */ React69.createElement(ButtonInline, {
     as: "a",
     href: insuranceOptions.url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, "L\xE4s mer om f\xF6rs\xE4kringen (\xD6ppnas i ett nytt f\xF6nster)")), insuranceOptions?.logotype && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(LogoBox_default, {
+  }, "L\xE4s mer om f\xF6rs\xE4kringen (\xD6ppnas i ett nytt f\xF6nster)")), insuranceOptions?.logotype && /* @__PURE__ */ React69.createElement(Repeat, null, /* @__PURE__ */ React69.createElement(LogoBox_default, {
     logo: insuranceOptions.logotype,
     alt: insuranceOptions.name || "Logotyp",
     wide: true
@@ -7900,23 +7566,23 @@ var InsuranceFreeModal_default = InsuranceFreeModal;
 
 // src/components/InsuranceOptions/InsuranceFree.tsx
 var Insurance2 = ({ insuranceOptions }) => {
-  const [modal, setModal] = useState24(false);
+  const [modal, setModal] = useState23(false);
   const toggleModal = useCallback26(() => setModal(!modal), [modal]);
   if (!insuranceOptions.length) {
     return null;
   }
-  return /* @__PURE__ */ React73.createElement(React73.Fragment, null, modal && /* @__PURE__ */ React73.createElement(InsuranceFreeModal_default, {
+  return /* @__PURE__ */ React70.createElement(React70.Fragment, null, modal && /* @__PURE__ */ React70.createElement(InsuranceFreeModal_default, {
     onClose: toggleModal,
     insuranceOptions: insuranceOptions[0]
-  }), /* @__PURE__ */ React73.createElement(Repeat, null, /* @__PURE__ */ React73.createElement(RepeatTiny, null, /* @__PURE__ */ React73.createElement(VisualHeading, null, insuranceOptions[0]?.insuranceHeader ?? "F\xF6rs\xE4kring")), /* @__PURE__ */ React73.createElement(RepeatTiny, null, /* @__PURE__ */ React73.createElement(React73.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ React73.createElement(OptionBox_default, {
+  }), /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(RepeatTiny, null, /* @__PURE__ */ React70.createElement(VisualHeading, null, insuranceOptions[0]?.insuranceHeader ?? "F\xF6rs\xE4kring")), /* @__PURE__ */ React70.createElement(RepeatTiny, null, /* @__PURE__ */ React70.createElement(React70.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ React70.createElement(OptionBox_default, {
     key: `${insuranceOption.url}-${index2}`,
     logo: insuranceOption.logotype || void 0,
     logoAlt: insuranceOption.name || "Logotyp"
-  }, insuranceOption.description && /* @__PURE__ */ React73.createElement(Content_default, {
+  }, insuranceOption.description && /* @__PURE__ */ React70.createElement(Content_default, {
     dangerouslySetInnerHTML: {
       __html: marked2(insuranceOption.description)
     }
-  }), /* @__PURE__ */ React73.createElement(OptionBoxContent, null, /* @__PURE__ */ React73.createElement("p", null, /* @__PURE__ */ React73.createElement(ButtonInline, {
+  }), /* @__PURE__ */ React70.createElement(OptionBoxContent, null, /* @__PURE__ */ React70.createElement("p", null, /* @__PURE__ */ React70.createElement(ButtonInline, {
     onClick: toggleModal
   }, "Mer information")))))))));
 };
@@ -7929,12 +7595,12 @@ var InsuranceOptions = ({ id, branch, insuranceOptions }) => {
   }
   if (insuranceOptions.length > 0) {
     if (insuranceOptions[0].requiresDistance && insuranceOptions[0].requiresPersonalNumber)
-      return /* @__PURE__ */ React74.createElement(Insurance_default, {
+      return /* @__PURE__ */ React71.createElement(Insurance_default, {
         id,
         branch,
         insuranceOptions
       });
-    return /* @__PURE__ */ React74.createElement(InsuranceFree_default, {
+    return /* @__PURE__ */ React71.createElement(InsuranceFree_default, {
       insuranceOptions
     });
   }
@@ -7943,22 +7609,22 @@ var InsuranceOptions = ({ id, branch, insuranceOptions }) => {
 var InsuranceOptions_default = InsuranceOptions;
 
 // src/layouts/searchItem/ManufacturerPackagesOption.tsx
-import React75 from "react";
+import React72 from "react";
 import { marked as marked3 } from "marked";
 var ManufacturerPackageOption = ({ packageOption }) => {
   if (!packageOption) {
     return null;
   }
-  return /* @__PURE__ */ React75.createElement(ProductPageMainSection, null, /* @__PURE__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(H2, {
+  return /* @__PURE__ */ React72.createElement(ProductPageMainSection, null, /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(H2, {
     noMargin: true
-  }, packageOption.title)), packageOption.description && /* @__PURE__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(Content_default, {
+  }, packageOption.title)), packageOption.description && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: marked3(packageOption.description) }
-  })), packageOption.link?.url && /* @__PURE__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(ButtonInline, {
+  })), packageOption.link?.url && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.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__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(LogoBox_default, {
+  }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(LogoBox_default, {
     logo: packageOption.image,
     alt: "Logotyp",
     wide: true
@@ -7967,17 +7633,17 @@ var ManufacturerPackageOption = ({ packageOption }) => {
 var ManufacturerPackagesOption_default = ManufacturerPackageOption;
 
 // src/layouts/searchItem/CheckList.tsx
-import React82, { useState as useState28, useCallback as useCallback31, useEffect as useEffect14 } from "react";
+import React79, { useState as useState27, useCallback as useCallback31, useEffect as useEffect13 } from "react";
 
 // src/components/ActionList/index.tsx
-import React77, { useCallback as useCallback28 } from "react";
+import React74, { useCallback as useCallback28 } from "react";
 
 // src/components/ActionList/toggle-item.tsx
-import React76, { useState as useState25, useCallback as useCallback27 } from "react";
+import React73, { useState as useState24, useCallback as useCallback27 } from "react";
 var initialValue = {};
 var getInitialValue = (title) => title && !!initialValue[title];
 var ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
-  const [visible, setVisible] = useState25(() => getInitialValue(type));
+  const [visible, setVisible] = useState24(() => getInitialValue(type));
   const _onClickValue = useCallback27(() => {
     if (onClickValue) {
       onClickValue();
@@ -7993,17 +7659,17 @@ var ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
     }
   }, [visible]);
   const visibleTitle = type === "tel" ? "Ring" : type === "mailto" ? "Skicka ett mail till" : "";
-  return /* @__PURE__ */ React76.createElement(RepeatTiny, null, visible ? /* @__PURE__ */ React76.createElement(ButtonSecondary, {
+  return /* @__PURE__ */ React73.createElement(RepeatTiny, null, visible ? /* @__PURE__ */ React73.createElement(ButtonSecondary, {
     onClick: _onClickValue,
     as: "a",
     href: `${type}:${value}`,
     title: `${visibleTitle} ${value}`,
     fullWidth: true
-  }, /* @__PURE__ */ React76.createElement(ButtonContent, null, value)) : /* @__PURE__ */ React76.createElement(ButtonSecondary, {
+  }, /* @__PURE__ */ React73.createElement(ButtonContent, null, value)) : /* @__PURE__ */ React73.createElement(ButtonSecondary, {
     onClick,
     title,
     fullWidth: true
-  }, /* @__PURE__ */ React76.createElement(ButtonContent, null, title)));
+  }, /* @__PURE__ */ React73.createElement(ButtonContent, null, title)));
 };
 var toggle_item_default = ToggleItem;
 
@@ -8122,12 +7788,12 @@ var ActionList = ({ contact, branch }) => {
   if (!email && !phonenumber) {
     return null;
   }
-  return /* @__PURE__ */ React77.createElement(React77.Fragment, null, email && /* @__PURE__ */ React77.createElement(toggle_item_default, {
+  return /* @__PURE__ */ React74.createElement(React74.Fragment, null, email && /* @__PURE__ */ React74.createElement(toggle_item_default, {
     onClickVisible: onClickMailVisible,
     title: "Visa mailadress",
     value: email,
     type: "mailto"
-  }), phonenumber && /* @__PURE__ */ React77.createElement(toggle_item_default, {
+  }), phonenumber && /* @__PURE__ */ React74.createElement(toggle_item_default, {
     title: "Visa telefonnummer",
     value: formatPhonenumber(phonenumber),
     type: "tel",
@@ -8138,16 +7804,16 @@ var ActionList = ({ contact, branch }) => {
 var ActionList_default = ActionList;
 
 // src/components/CheckMarkList/index.tsx
-import React78 from "react";
+import React75 from "react";
 
 // src/components/CheckMarkList/wrapper.tsx
-import styled52 from "styled-components";
-var List9 = styled52.ul`
+import styled51 from "styled-components";
+var List9 = styled51.ul`
   list-style: none;
   padding: 0;
   margin: 0;
 `;
-var Item11 = styled52.li`
+var Item11 = styled51.li`
   position: relative;
   font-size: 0.875rem;
 
@@ -8155,7 +7821,7 @@ var Item11 = styled52.li`
     margin-top: ${size(0.5)};
   }
 `;
-var Icon6 = styled52.div.attrs(() => ({
+var Icon6 = styled51.div.attrs(() => ({
   className: "wayke__theme wayke__color--primary-text"
 }))`
   position: absolute;
@@ -8163,52 +7829,52 @@ var Icon6 = styled52.div.attrs(() => ({
   top: 4px; // Magic number
   font-size: 0.875em;
 `;
-var Label10 = styled52.div`
+var Label10 = styled51.div`
   padding-left: calc(1em + ${size(1)});
 `;
 
 // src/components/CheckMarkList/index.tsx
-var CheckMarkListItem = ({ children }) => /* @__PURE__ */ React78.createElement(Item11, null, /* @__PURE__ */ React78.createElement(Icon6, null, /* @__PURE__ */ React78.createElement(IconCheck, {
+var CheckMarkListItem = ({ children }) => /* @__PURE__ */ React75.createElement(Item11, null, /* @__PURE__ */ React75.createElement(Icon6, null, /* @__PURE__ */ React75.createElement(IconCheck, {
   block: true
-})), /* @__PURE__ */ React78.createElement(Label10, null, children));
-var CheckMarkList = ({ children }) => /* @__PURE__ */ React78.createElement(List9, null, children);
+})), /* @__PURE__ */ React75.createElement(Label10, null, children));
+var CheckMarkList = ({ children }) => /* @__PURE__ */ React75.createElement(List9, null, children);
 var CheckMarkList_default = CheckMarkList;
 
 // src/components/SwitchBar/index.tsx
-import React79, { useState as useState26, useCallback as useCallback29 } from "react";
+import React76, { useState as useState25, useCallback as useCallback29 } from "react";
 
 // src/components/SwitchBar/wrapper.tsx
-import styled53 from "styled-components";
-var Wrapper30 = styled53.div`
+import styled52 from "styled-components";
+var Wrapper29 = styled52.div`
   padding: ${size(1.5)} ${size(2)};
   background-color: ${(props) => props.theme.color.accentDark};
   border-radius: 3px;
   font-size: 0.875rem;
 `;
-var Header6 = styled53.div`
+var Header6 = styled52.div`
   display: flex;
   align-items: center;
 `;
-var Body5 = styled53.div`
+var Body5 = styled52.div`
   font-size: 0.875rem;
   margin-top: ${size(1)};
 `;
-var Info3 = styled53.div`
+var Info3 = styled52.div`
   flex: 1 1 auto;
   display: flex;
   align-items: center;
 `;
-var Action7 = styled53.div`
+var Action7 = styled52.div`
   flex-shrink: 0;
   padding-left: ${size(1.5)};
   font-size: 0.875rem;
 `;
-var InfoContent = styled53.div`
+var InfoContent = styled52.div`
   & + & {
     margin-left: ${size(0.75)};
   }
 `;
-var InfoBtn2 = styled53(ButtonReset).attrs(() => ({
+var InfoBtn2 = styled52(ButtonReset).attrs(() => ({
   className: "wayke__theme wayke__color--primary-text"
 }))`
   position: relative;
@@ -8242,7 +7908,7 @@ var InfoBtn2 = styled53(ButtonReset).attrs(() => ({
     transform: scale(0.95);
   }
 `;
-var Title2 = styled53.div.attrs(() => ({
+var Title2 = styled52.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   font-size: 1rem;
@@ -8250,17 +7916,17 @@ var Title2 = styled53.div.attrs(() => ({
 
 // src/components/SwitchBar/index.tsx
 var SwitchBar = ({ title, body, actionTitle, children, onClick }) => {
-  const [info, setInfo] = useState26(false);
+  const [info, setInfo] = useState25(false);
   const onToggleInfo = useCallback29(() => setInfo(!info), [info]);
-  return /* @__PURE__ */ React79.createElement(React79.Fragment, null, /* @__PURE__ */ React79.createElement(Wrapper30, null, /* @__PURE__ */ React79.createElement(Header6, null, /* @__PURE__ */ React79.createElement(Info3, null, /* @__PURE__ */ React79.createElement(InfoContent, null, /* @__PURE__ */ React79.createElement(Title2, null, title)), children && /* @__PURE__ */ React79.createElement(InfoContent, null, /* @__PURE__ */ React79.createElement(InfoBtn2, {
+  return /* @__PURE__ */ React76.createElement(React76.Fragment, null, /* @__PURE__ */ React76.createElement(Wrapper29, null, /* @__PURE__ */ React76.createElement(Header6, null, /* @__PURE__ */ React76.createElement(Info3, null, /* @__PURE__ */ React76.createElement(InfoContent, null, /* @__PURE__ */ React76.createElement(Title2, null, title)), children && /* @__PURE__ */ React76.createElement(InfoContent, null, /* @__PURE__ */ React76.createElement(InfoBtn2, {
     onClick: onToggleInfo,
     title: "Mer information"
-  }, /* @__PURE__ */ React79.createElement(IconInfo, {
+  }, /* @__PURE__ */ React76.createElement(IconInfo, {
     block: true
-  })))), actionTitle && /* @__PURE__ */ React79.createElement(Action7, null, /* @__PURE__ */ React79.createElement(ButtonInline, {
+  })))), actionTitle && /* @__PURE__ */ React76.createElement(Action7, null, /* @__PURE__ */ React76.createElement(ButtonInline, {
     onClick,
     title: actionTitle
-  }, actionTitle))), body && /* @__PURE__ */ React79.createElement(Body5, null, body)), info && /* @__PURE__ */ React79.createElement(Modal_default, {
+  }, actionTitle))), body && /* @__PURE__ */ React76.createElement(Body5, null, body)), info && /* @__PURE__ */ React76.createElement(Modal_default, {
     title,
     onClose: onToggleInfo
   }, children));
@@ -8268,7 +7934,7 @@ var SwitchBar = ({ title, body, actionTitle, children, onClick }) => {
 var SwitchBar_default = SwitchBar;
 
 // src/layouts/searchItem/BranchModal.tsx
-import React80, { useState as useState27, useCallback as useCallback30, useContext as useContext3 } from "react";
+import React77, { useState as useState26, useCallback as useCallback30, useContext as useContext3 } from "react";
 
 // src/State/CentralStorage/CentralStorageContext.ts
 import { createContext as createContext3 } from "react";
@@ -8280,7 +7946,7 @@ var CentralStorageContext = createContext3({
 // src/layouts/searchItem/BranchModal.tsx
 var BranchModal = ({ loading, connections, onClose }) => {
   const { centralStorageId, setCentralStorageId } = useContext3(CentralStorageContext);
-  const [localValue, setLocalValue] = useState27(centralStorageId);
+  const [localValue, setLocalValue] = useState26(centralStorageId);
   const onConfirm = useCallback30((id) => {
     if (id) {
       setCentralStorageId(id);
@@ -8293,10 +7959,10 @@ var BranchModal = ({ loading, connections, onClose }) => {
   if (!localValue) {
     return null;
   }
-  return /* @__PURE__ */ React80.createElement(Modal_default, {
+  return /* @__PURE__ */ React77.createElement(Modal_default, {
     title: "Byt anl\xE4ggning",
     onClose
-  }, /* @__PURE__ */ React80.createElement(Repeat, null, /* @__PURE__ */ React80.createElement(RepeatTiny, null, /* @__PURE__ */ React80.createElement(Content_default, null, /* @__PURE__ */ React80.createElement("p", null, "V\xE4lj den anl\xE4ggning du vill visa kontaktuppgifter f\xF6r."))), /* @__PURE__ */ React80.createElement(RepeatTiny, null, /* @__PURE__ */ React80.createElement(InputLabel_default, null, "V\xE4lj anl\xE4ggning"), /* @__PURE__ */ React80.createElement(InputSelect_default, {
+  }, /* @__PURE__ */ React77.createElement(Repeat, null, /* @__PURE__ */ React77.createElement(RepeatTiny, null, /* @__PURE__ */ React77.createElement(Content_default, null, /* @__PURE__ */ React77.createElement("p", null, "V\xE4lj den anl\xE4ggning du vill visa kontaktuppgifter f\xF6r."))), /* @__PURE__ */ React77.createElement(RepeatTiny, null, /* @__PURE__ */ React77.createElement(InputLabel_default, null, "V\xE4lj anl\xE4ggning"), /* @__PURE__ */ React77.createElement(InputSelect_default, {
     value: localValue,
     onChange,
     options: connections?.map((x) => ({
@@ -8304,27 +7970,27 @@ var BranchModal = ({ loading, connections, onClose }) => {
       displayName: x.name
     })),
     title: "V\xE4lj anl\xE4ggning"
-  }))), /* @__PURE__ */ React80.createElement(Repeat, null, /* @__PURE__ */ React80.createElement(ButtonPrimary, {
+  }))), /* @__PURE__ */ React77.createElement(Repeat, null, /* @__PURE__ */ React77.createElement(ButtonPrimary, {
     disabled: loading,
     fullWidth: true,
     onClick: () => onConfirm(localValue)
-  }, /* @__PURE__ */ React80.createElement(ButtonContent, null, "V\xE4lj"))));
+  }, /* @__PURE__ */ React77.createElement(ButtonContent, null, "V\xE4lj"))));
 };
 var BranchModal_default = BranchModal;
 
 // src/layouts/searchItem/PackageOptionModal.tsx
-import React81 from "react";
+import React78 from "react";
 import { marked as marked4 } from "marked";
-var PackageOptionModal = ({ packageOption, onClose }) => /* @__PURE__ */ React81.createElement(Modal_default, {
+var PackageOptionModal = ({ packageOption, onClose }) => /* @__PURE__ */ React78.createElement(Modal_default, {
   title: packageOption.title || "",
   onClose
-}, packageOption.image && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(LogoBox_default, {
+}, packageOption.image && /* @__PURE__ */ React78.createElement(Repeat, null, /* @__PURE__ */ React78.createElement(LogoBox_default, {
   logo: packageOption.image,
   alt: packageOption.title || void 0,
   wide: true
-})), packageOption.description && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(Content_default, {
+})), packageOption.description && /* @__PURE__ */ React78.createElement(Repeat, null, /* @__PURE__ */ React78.createElement(Content_default, {
   dangerouslySetInnerHTML: { __html: marked4(packageOption.description) }
-})), packageOption.link?.href && packageOption.link.title && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(ButtonInline, {
+})), packageOption.link?.href && packageOption.link.title && /* @__PURE__ */ React78.createElement(Repeat, null, /* @__PURE__ */ React78.createElement(ButtonInline, {
   as: "a",
   href: packageOption.link.href,
   target: "_blank",
@@ -8342,90 +8008,90 @@ var CheckList = ({
   toggleEcomModal,
   loadingCentralStorageVehicle
 }) => {
-  const [modalBranch, setModalBranch] = useState28(false);
+  const [modalBranch, setModalBranch] = useState27(false);
   const openModalBranch = useCallback31(() => setModalBranch(true), []);
   const closeModalBranch = useCallback31(() => setModalBranch(false), []);
-  const [modal, setModal] = useState28();
+  const [modal, setModal] = useState27();
   const onOpen = useCallback31((nextModal) => setModal(nextModal), []);
   const onClose = useCallback31(() => setModal(void 0), []);
-  useEffect14(() => {
+  useEffect13(() => {
     if ((branch || contact) && modalBranch) {
       setModalBranch(false);
     }
   }, [branch, contact]);
   const packageOption = manufacturer?.packageOption;
-  return /* @__PURE__ */ React82.createElement(React82.Fragment, null, modalBranch && /* @__PURE__ */ React82.createElement(BranchModal_default, {
+  return /* @__PURE__ */ React79.createElement(React79.Fragment, null, modalBranch && /* @__PURE__ */ React79.createElement(BranchModal_default, {
     loading: loadingCentralStorageVehicle,
     connections: branch?.connections,
     onClose: closeModalBranch
-  }), modal && /* @__PURE__ */ React82.createElement(PackageOptionModal_default, {
+  }), modal && /* @__PURE__ */ React79.createElement(PackageOptionModal_default, {
     packageOption: modal,
     onClose
-  }), /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(CheckMarkList_default, null, packageOption?.title && /* @__PURE__ */ React82.createElement(CheckMarkListItem, null, /* @__PURE__ */ React82.createElement(React82.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React82.createElement(ButtonInline, {
+  }), /* @__PURE__ */ React79.createElement(Repeat, null, /* @__PURE__ */ React79.createElement(CheckMarkList_default, null, packageOption?.title && /* @__PURE__ */ React79.createElement(CheckMarkListItem, null, /* @__PURE__ */ React79.createElement(React79.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React79.createElement(ButtonInline, {
     onClick: () => onOpen({
       title: packageOption?.title,
       image: packageOption?.image,
       description: packageOption?.description,
       link: packageOption?.link
     })
-  }, packageOption.title), " ", "begagnatgaranti")), packageOptions?.map((packageOption2, index2) => /* @__PURE__ */ React82.createElement(CheckMarkListItem, {
+  }, packageOption.title), " ", "begagnatgaranti")), packageOptions?.map((packageOption2, index2) => /* @__PURE__ */ React79.createElement(CheckMarkListItem, {
     key: packageOption2.title || index2
-  }, /* @__PURE__ */ React82.createElement(React82.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React82.createElement(ButtonInline, {
+  }, /* @__PURE__ */ React79.createElement(React79.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React79.createElement(ButtonInline, {
     onClick: () => onOpen({
       title: packageOption2?.title,
       image: packageOption2?.image,
       description: packageOption2?.description,
       link: packageOption2?.link
     })
-  }, packageOption2.title)))), ecommerce?.withHomeDelivery && /* @__PURE__ */ React82.createElement(CheckMarkListItem, null, "Hemleverans"))), /* @__PURE__ */ React82.createElement(Repeat, null, ecommerce && ecommerce.enabled && /* @__PURE__ */ React82.createElement(RepeatTiny, null, /* @__PURE__ */ React82.createElement(ButtonPrimary, {
+  }, packageOption2.title)))), ecommerce?.withHomeDelivery && /* @__PURE__ */ React79.createElement(CheckMarkListItem, null, "Hemleverans"))), /* @__PURE__ */ React79.createElement(Repeat, null, ecommerce && ecommerce.enabled && /* @__PURE__ */ React79.createElement(RepeatTiny, null, /* @__PURE__ */ React79.createElement(ButtonPrimary, {
     disabled: !!ecommerce.reserved,
     fullWidth: true,
     onClick: toggleEcomModal
-  }, /* @__PURE__ */ React82.createElement(ButtonContent, null, "K\xF6p bilen online"))), ecommerce?.reserved && /* @__PURE__ */ React82.createElement(RepeatTiny, null, /* @__PURE__ */ React82.createElement(SwitchBar_default, {
+  }, /* @__PURE__ */ React79.createElement(ButtonContent, null, "K\xF6p bilen online"))), ecommerce?.reserved && /* @__PURE__ */ React79.createElement(RepeatTiny, null, /* @__PURE__ */ React79.createElement(SwitchBar_default, {
     title: "Bilen \xE4r reserverad",
     body: "Denna bil \xE4r reserverad av en annan k\xF6pare."
-  }, /* @__PURE__ */ React82.createElement(Content_default, null, /* @__PURE__ */ React82.createElement("p", null, "Denna bil \xE4r reserverad av en annan k\xF6pare.")))), /* @__PURE__ */ React82.createElement(ActionList_default, {
+  }, /* @__PURE__ */ React79.createElement(Content_default, null, /* @__PURE__ */ React79.createElement("p", null, "Denna bil \xE4r reserverad av en annan k\xF6pare.")))), /* @__PURE__ */ React79.createElement(ActionList_default, {
     branch,
     contact
-  })), (branch?.connections.length || 0) > 1 && /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(SwitchBar_default, {
+  })), (branch?.connections.length || 0) > 1 && /* @__PURE__ */ React79.createElement(Repeat, null, /* @__PURE__ */ React79.createElement(SwitchBar_default, {
     title: "Centrallagerbil",
     actionTitle: "Byt anl\xE4ggning",
     onClick: openModalBranch
-  }, /* @__PURE__ */ React82.createElement(Content_default, null, /* @__PURE__ */ React82.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__ */ React79.createElement(Content_default, null, /* @__PURE__ */ React79.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
-import React84, { useCallback as useCallback32 } from "react";
+import React81, { useCallback as useCallback32 } from "react";
 
 // src/components/SectionHeader/index.tsx
-import React83 from "react";
+import React80 from "react";
 
 // src/components/SectionHeader/wrapper.tsx
-import styled54 from "styled-components";
-var Wrapper31 = styled54.div`
+import styled53 from "styled-components";
+var Wrapper30 = styled53.div`
   display: flex;
   align-items: center;
 `;
-var Heading7 = styled54.div`
+var Heading7 = styled53.div`
   flex: 1 1 auto;
 `;
-var Action8 = styled54.div`
+var Action8 = styled53.div`
   flex-shrink: 0;
   padding-left: ${size(2)};
 `;
 
 // src/components/SectionHeader/index.tsx
-var SectionHeader = ({ children, onClick, actionTitle }) => /* @__PURE__ */ React83.createElement(Wrapper31, null, /* @__PURE__ */ React83.createElement(Heading7, null, children), onClick && actionTitle && /* @__PURE__ */ React83.createElement(Action8, null, /* @__PURE__ */ React83.createElement(ButtonClear, {
+var SectionHeader = ({ children, onClick, actionTitle }) => /* @__PURE__ */ React80.createElement(Wrapper30, null, /* @__PURE__ */ React80.createElement(Heading7, null, children), onClick && actionTitle && /* @__PURE__ */ React80.createElement(Action8, null, /* @__PURE__ */ React80.createElement(ButtonClear, {
   as: "a",
   href: "#",
   onClick
-}, /* @__PURE__ */ React83.createElement(ButtonContent, null, actionTitle))));
+}, /* @__PURE__ */ React80.createElement(ButtonContent, null, actionTitle))));
 var SectionHeader_default = SectionHeader;
 
 // src/components/OverflowGrid/index.tsx
-import styled55 from "styled-components";
-var OverflowGrid = styled55.div`
+import styled54 from "styled-components";
+var OverflowGrid = styled54.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     ${Wrapper} & {
       margin-left: ${size(-3)};
@@ -8440,7 +8106,7 @@ var OverflowGrid = styled55.div`
     }
   }
 `;
-var OverflowGridList = styled55.ul`
+var OverflowGridList = styled54.ul`
   display: flex;
   align-items: flex-start;
   list-style: none;
@@ -8472,7 +8138,7 @@ var OverflowGridList = styled55.ul`
     }
   }
 `;
-var OverflowGridItem = styled55.li`
+var OverflowGridItem = styled54.li`
   flex: 1 0 auto;
   width: calc(100% - ${size(2)});
   max-width: calc(100% - ${size(2)});
@@ -8490,7 +8156,7 @@ var OverflowGridItem = styled55.li`
 `;
 
 // src/State/RelatedSearch/useRelatedSearch.ts
-import { useContext as useContext4, useEffect as useEffect15 } from "react";
+import { useContext as useContext4, useEffect as useEffect14 } from "react";
 
 // src/State/RelatedSearch/RelatedSearchContext.ts
 import { createContext as createContext4 } from "react";
@@ -8506,7 +8172,7 @@ var RelatedSearchContext = createContext4({
 // src/State/RelatedSearch/useRelatedSearch.ts
 var useRelatedSearch = (id) => {
   const data = useContext4(RelatedSearchContext);
-  useEffect15(() => {
+  useEffect14(() => {
     const searchParams = new URLSearchParams();
     searchParams.set("hits", "3");
     if (data.moreLikeThisUrl && id) {
@@ -8542,30 +8208,30 @@ var Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
     return null;
   }
   if (loading) {
-    return /* @__PURE__ */ React84.createElement(Loader_default, null);
+    return /* @__PURE__ */ React81.createElement(Loader_default, null);
   }
-  return /* @__PURE__ */ React84.createElement(PageSection, {
+  return /* @__PURE__ */ React81.createElement(PageSection, {
     accent: true,
     large: true,
     className: "wayke__theme wayke__color--accent-bg"
-  }, /* @__PURE__ */ React84.createElement(Container_default, null, moreLikeThisUrl ? /* @__PURE__ */ React84.createElement(Repeat, null, /* @__PURE__ */ React84.createElement(SectionHeader_default, {
+  }, /* @__PURE__ */ React81.createElement(Container_default, null, moreLikeThisUrl ? /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(SectionHeader_default, {
     onClick: () => {
     }
-  }, /* @__PURE__ */ React84.createElement(H2, {
+  }, /* @__PURE__ */ React81.createElement(H2, {
     noMargin: true
-  }, "Relaterade fordon"))) : /* @__PURE__ */ React84.createElement(Repeat, null, /* @__PURE__ */ React84.createElement(SectionHeader_default, {
+  }, "Relaterade fordon"))) : /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(SectionHeader_default, {
     onClick: () => {
     },
     actionTitle: "Visa alla"
-  }, /* @__PURE__ */ React84.createElement(H2, {
+  }, /* @__PURE__ */ React81.createElement(H2, {
     noMargin: true
-  }, "Senast inkomna"))), /* @__PURE__ */ React84.createElement(Repeat, null, /* @__PURE__ */ React84.createElement(OverflowGrid, null, /* @__PURE__ */ React84.createElement(OverflowGridList, null, response?.documentList.documents.map((document2) => {
+  }, "Senast inkomna"))), /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(OverflowGrid, null, /* @__PURE__ */ React81.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__ */ React84.createElement(OverflowGridItem, {
+    return /* @__PURE__ */ React81.createElement(OverflowGridItem, {
       key: document2._id
-    }, /* @__PURE__ */ React84.createElement(ProductCard_default, {
+    }, /* @__PURE__ */ React81.createElement(ProductCard_default, {
       id: document2._id,
       onClick: onItemClicked,
       title: document2.title,
@@ -8595,24 +8261,24 @@ var Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
 var Related_default = Related;
 
 // src/layouts/searchItem/PackageOptions.tsx
-import React85 from "react";
+import React82 from "react";
 import { marked as marked5 } from "marked";
 var PackageOptions = ({ packageOptions }) => {
   if (!packageOptions) {
     return null;
   }
-  return /* @__PURE__ */ React85.createElement(React85.Fragment, null, packageOptions.map((packageOption, index2) => /* @__PURE__ */ React85.createElement(ProductPageMainSection, {
+  return /* @__PURE__ */ React82.createElement(React82.Fragment, null, packageOptions.map((packageOption, index2) => /* @__PURE__ */ React82.createElement(ProductPageMainSection, {
     key: packageOption.title || index2
-  }, /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(H2, {
+  }, /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(H2, {
     noMargin: true
-  }, packageOption.title)), packageOption.description && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(Content_default, {
+  }, packageOption.title)), packageOption.description && /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: marked5(packageOption.description) }
-  })), packageOption.link?.url && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(ButtonInline, {
+  })), packageOption.link?.url && /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(ButtonInline, {
     as: "a",
     href: packageOption.link.url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(LogoBox_default, {
+  }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(LogoBox_default, {
     logo: packageOption.image,
     alt: "Logotyp",
     wide: true
@@ -8621,31 +8287,31 @@ var PackageOptions = ({ packageOptions }) => {
 var PackageOptions_default = PackageOptions;
 
 // src/layouts/searchItem/Branch.tsx
-import React90, { useState as useState31, useCallback as useCallback35, useEffect as useEffect16 } from "react";
+import React87, { useState as useState30, useCallback as useCallback35, useEffect as useEffect15 } from "react";
 
 // src/components/TableColumn/index.tsx
-import styled56 from "styled-components";
-var TableColumn = styled56.div`
+import styled55 from "styled-components";
+var TableColumn = styled55.div`
   line-height: 1.2;
 `;
-var TableColumnRow = styled56.div`
+var TableColumnRow = styled55.div`
   display: flex;
   align-items: flex-start;
   margin: ${size(-1)};
 `;
-var TableColumnCell = styled56.div`
+var TableColumnCell = styled55.div`
   flex: 1 0 50%;
   padding: ${size(1)};
 `;
 
 // src/components/OpeningHours/index.tsx
-import React87, { useMemo as useMemo4 } from "react";
+import React84, { useMemo as useMemo4 } from "react";
 
 // src/components/Badge/index.tsx
-import React86 from "react";
+import React83 from "react";
 
 // src/components/Badge/wrapper.tsx
-import styled57 from "styled-components";
+import styled56 from "styled-components";
 var getBg = (severity) => {
   let bg = theme_default.color.textDark;
   if (severity === "positive") {
@@ -8655,7 +8321,7 @@ var getBg = (severity) => {
   }
   return bg;
 };
-var Wrapper32 = styled57.div.attrs(() => ({
+var Wrapper31 = styled56.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   display: inline-block;
@@ -8668,7 +8334,7 @@ var Wrapper32 = styled57.div.attrs(() => ({
 `;
 
 // src/components/Badge/index.tsx
-var Badge = ({ label, severity }) => /* @__PURE__ */ React86.createElement(Wrapper32, {
+var Badge = ({ label, severity }) => /* @__PURE__ */ React83.createElement(Wrapper31, {
   severity
 }, label);
 var Badge_default = Badge;
@@ -8752,33 +8418,33 @@ var OpeningHours = ({ openingHours }) => {
   if (!oh) {
     return null;
   }
-  return /* @__PURE__ */ React87.createElement(React87.Fragment, null, /* @__PURE__ */ React87.createElement(RepeatSmall, null, /* @__PURE__ */ React87.createElement(Badge_default, {
+  return /* @__PURE__ */ React84.createElement(React84.Fragment, null, /* @__PURE__ */ React84.createElement(RepeatSmall, null, /* @__PURE__ */ React84.createElement(Badge_default, {
     label: currentlyOpen ? "\xD6ppet" : "St\xE4ngt",
     severity: currentlyOpen ? "positive" : "negative"
-  })), /* @__PURE__ */ React87.createElement(RepeatSmall, null, /* @__PURE__ */ React87.createElement(TableColumn, null, /* @__PURE__ */ React87.createElement(TableColumnRow, null, /* @__PURE__ */ React87.createElement(TableColumnCell, null, /* @__PURE__ */ React87.createElement(UtilityTextBold, null, today?.title)), /* @__PURE__ */ React87.createElement(TableColumnCell, null, /* @__PURE__ */ React87.createElement(UtilityTextBold, null, today?.from ? `${today.from}-${today.until}` : "St\xE4ngt"))), oh.map((o) => /* @__PURE__ */ React87.createElement(TableColumnRow, {
+  })), /* @__PURE__ */ React84.createElement(RepeatSmall, null, /* @__PURE__ */ React84.createElement(TableColumn, null, /* @__PURE__ */ React84.createElement(TableColumnRow, null, /* @__PURE__ */ React84.createElement(TableColumnCell, null, /* @__PURE__ */ React84.createElement(UtilityTextBold, null, today?.title)), /* @__PURE__ */ React84.createElement(TableColumnCell, null, /* @__PURE__ */ React84.createElement(UtilityTextBold, null, today?.from ? `${today.from}-${today.until}` : "St\xE4ngt"))), oh.map((o) => /* @__PURE__ */ React84.createElement(TableColumnRow, {
     key: o.titleFrom
-  }, /* @__PURE__ */ React87.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom), /* @__PURE__ */ React87.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : "St\xE4ngt"))))));
+  }, /* @__PURE__ */ React84.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom), /* @__PURE__ */ React84.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : "St\xE4ngt"))))));
 };
 var OpeningHours_default = OpeningHours;
 
 // src/components/PhoneNumber/index.tsx
-import React88, { useState as useState29, useCallback as useCallback33 } from "react";
+import React85, { useState as useState28, useCallback as useCallback33 } from "react";
 var PhoneNumber = ({ phoneNumber }) => {
-  const [visible, setVisible] = useState29(false);
+  const [visible, setVisible] = useState28(false);
   const onClick = useCallback33(() => !visible && setVisible(true), [visible]);
-  return /* @__PURE__ */ React88.createElement(TableColumnRow, null, /* @__PURE__ */ React88.createElement(TableColumnCell, null, "Telefonnummer"), /* @__PURE__ */ React88.createElement(TableColumnCell, null, visible ? /* @__PURE__ */ React88.createElement(ButtonInlineBold, {
+  return /* @__PURE__ */ React85.createElement(TableColumnRow, null, /* @__PURE__ */ React85.createElement(TableColumnCell, null, "Telefonnummer"), /* @__PURE__ */ React85.createElement(TableColumnCell, null, visible ? /* @__PURE__ */ React85.createElement(ButtonInlineBold, {
     as: "a",
     href: `tel:${phoneNumber}`,
     title: `Ring ${phoneNumber}`
-  }, /* @__PURE__ */ React88.createElement(ButtonContent, null, phoneNumber)) : /* @__PURE__ */ React88.createElement(ButtonInlineBold, {
+  }, /* @__PURE__ */ React85.createElement(ButtonContent, null, phoneNumber)) : /* @__PURE__ */ React85.createElement(ButtonInlineBold, {
     onClick,
     title: "Visa telefonnummer"
-  }, /* @__PURE__ */ React88.createElement(ButtonContent, null, "Visa telefonnummer"))));
+  }, /* @__PURE__ */ React85.createElement(ButtonContent, null, "Visa telefonnummer"))));
 };
 var PhoneNumber_default = PhoneNumber;
 
 // src/components/Map/index.tsx
-import React89, { useState as useState30, useCallback as useCallback34 } from "react";
+import React86, { useState as useState29, useCallback as useCallback34 } from "react";
 
 // src/State/Settings/useSettings.ts
 import { useContext as useContext5 } from "react";
@@ -8792,16 +8458,16 @@ var useSettings = () => useContext5(SettingsContext);
 var useSettings_default = useSettings;
 
 // src/components/Map/wrapper.tsx
-import styled58 from "styled-components";
-var Wrapper33 = styled58.a`
+import styled57 from "styled-components";
+var Wrapper32 = styled57.a`
   display: block;
 `;
-var Image4 = styled58.img`
+var Image4 = styled57.img`
   display: block;
   width: 100%;
   border-radius: 3px;
 `;
-var Placeholder = styled58.a`
+var Placeholder = styled57.a`
   display: block;
   position: relative;
   width: 100%;
@@ -8811,7 +8477,7 @@ var Placeholder = styled58.a`
   border-radius: 3px;
   color: ${(props) => props.theme.color.textDark};
 `;
-var PlaceholderAction = styled58.div`
+var PlaceholderAction = styled57.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -8821,7 +8487,7 @@ var PlaceholderAction = styled58.div`
 // src/components/Map/index.tsx
 var StaticMap = ({ position }) => {
   const { googleMapsApiKey, googleMapsMarker } = useSettings_default();
-  const [visible, setVisible] = useState30(false);
+  const [visible, setVisible] = useState29(false);
   const onShowMap = useCallback34((e) => {
     if (googleMapsApiKey) {
       e.preventDefault();
@@ -8833,33 +8499,33 @@ var StaticMap = ({ position }) => {
   }
   const { latitude, longitude } = position;
   if (visible && googleMapsApiKey) {
-    return /* @__PURE__ */ React89.createElement(Wrapper33, {
+    return /* @__PURE__ */ React86.createElement(Wrapper32, {
       href: `http://maps.google.com/maps?q=${latitude},${longitude}`,
       title: "Visa p\xE5 Google Maps",
       target: "_blank",
       rel: "nofollow noopener noreferrer"
-    }, /* @__PURE__ */ React89.createElement(Image4, {
+    }, /* @__PURE__ */ React86.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__ */ React89.createElement(Placeholder, {
+  return /* @__PURE__ */ React86.createElement(Placeholder, {
     href: `http://maps.google.com/maps?q=${latitude},${longitude}`,
     target: "_blank",
     rel: "noopener noreferrer nofollow",
     onClick: onShowMap
-  }, /* @__PURE__ */ React89.createElement(PlaceholderAction, null, /* @__PURE__ */ React89.createElement(ButtonSecondary, {
+  }, /* @__PURE__ */ React86.createElement(PlaceholderAction, null, /* @__PURE__ */ React86.createElement(ButtonSecondary, {
     as: "div"
-  }, /* @__PURE__ */ React89.createElement(ButtonContent, null, "Visa karta"))));
+  }, /* @__PURE__ */ React86.createElement(ButtonContent, null, "Visa karta"))));
 };
 var Map_default = StaticMap;
 
 // src/layouts/searchItem/Branch.tsx
 var Branch2 = ({ branch, loading }) => {
-  const [modal, setModal] = useState31(false);
+  const [modal, setModal] = useState30(false);
   const openModal = useCallback35(() => setModal(true), []);
   const closeModal = useCallback35(() => setModal(false), []);
-  useEffect16(() => {
+  useEffect15(() => {
     if (branch && modal) {
       setModal(false);
     }
@@ -8867,29 +8533,29 @@ var Branch2 = ({ branch, loading }) => {
   if (!branch) {
     return null;
   }
-  return /* @__PURE__ */ React90.createElement(React90.Fragment, null, modal && /* @__PURE__ */ React90.createElement(BranchModal_default, {
+  return /* @__PURE__ */ React87.createElement(React87.Fragment, null, modal && /* @__PURE__ */ React87.createElement(BranchModal_default, {
     loading,
     connections: branch?.connections,
     onClose: closeModal
-  }), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(H2, {
+  }), /* @__PURE__ */ React87.createElement(Repeat, null, /* @__PURE__ */ React87.createElement(H2, {
     noMargin: true
-  }, branch?.location?.city ? `Den h\xE4r bilen finns p\xE5 v\xE5r anl\xE4ggning i ${branch?.location?.city}` : "Kontakt")), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(Map_default, {
+  }, branch?.location?.city ? `Den h\xE4r bilen finns p\xE5 v\xE5r anl\xE4ggning i ${branch?.location?.city}` : "Kontakt")), /* @__PURE__ */ React87.createElement(Repeat, null, /* @__PURE__ */ React87.createElement(Map_default, {
     position: branch?.location?.position
-  })), (branch?.connections?.length || 0) > 1 && /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(Content_default, null, /* @__PURE__ */ React90.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar.", " ", /* @__PURE__ */ React90.createElement(ButtonInline, {
+  })), (branch?.connections?.length || 0) > 1 && /* @__PURE__ */ React87.createElement(Repeat, null, /* @__PURE__ */ React87.createElement(Content_default, null, /* @__PURE__ */ React87.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar.", " ", /* @__PURE__ */ React87.createElement(ButtonInline, {
     as: "span",
     role: "button",
     onClick: openModal,
     inline: true
-  }, "Klicka h\xE4r f\xF6r att visa kontaktuppgifter till en annan anl\xE4ggning"), "."))), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(ProductPageContentLimit, null, /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(TableColumn, null, branch?.location?.streetAddress && branch?.location?.city && /* @__PURE__ */ React90.createElement(TableColumnRow, null, /* @__PURE__ */ React90.createElement(TableColumnCell, null, "Adress"), /* @__PURE__ */ React90.createElement(TableColumnCell, null, /* @__PURE__ */ React90.createElement(ButtonInlineBold, null, /* @__PURE__ */ React90.createElement(ButtonContent, null, `${branch?.location?.streetAddress}, ${branch?.location?.city}`)))), branch?.contact?.phonenumber && /* @__PURE__ */ React90.createElement(PhoneNumber_default, {
+  }, "Klicka h\xE4r f\xF6r att visa kontaktuppgifter till en annan anl\xE4ggning"), "."))), /* @__PURE__ */ React87.createElement(Repeat, null, /* @__PURE__ */ React87.createElement(ProductPageContentLimit, null, /* @__PURE__ */ React87.createElement(Repeat, null, /* @__PURE__ */ React87.createElement(TableColumn, null, branch?.location?.streetAddress && branch?.location?.city && /* @__PURE__ */ React87.createElement(TableColumnRow, null, /* @__PURE__ */ React87.createElement(TableColumnCell, null, "Adress"), /* @__PURE__ */ React87.createElement(TableColumnCell, null, /* @__PURE__ */ React87.createElement(ButtonInlineBold, null, /* @__PURE__ */ React87.createElement(ButtonContent, null, `${branch?.location?.streetAddress}, ${branch?.location?.city}`)))), branch?.contact?.phonenumber && /* @__PURE__ */ React87.createElement(PhoneNumber_default, {
     phoneNumber: formatPhonenumber(branch.contact.phonenumber)
-  }))), branch?.openingHours && /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(OpeningHours_default, {
+  }))), branch?.openingHours && /* @__PURE__ */ React87.createElement(Repeat, null, /* @__PURE__ */ React87.createElement(OpeningHours_default, {
     openingHours: branch.openingHours
   })))));
 };
 var Branch_default = Branch2;
 
 // src/State/CentralStorage/useCentralStorage.ts
-import { useContext as useContext6, useEffect as useEffect17 } from "react";
+import { useContext as useContext6, useEffect as useEffect16 } from "react";
 
 // src/hooks/useSearchItemBranch.ts
 import { useQuery as useQuery4 } from "@apollo/client";
@@ -9026,7 +8692,7 @@ var useCentralStorage = (vehicle) => {
   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);
-  useEffect17(() => {
+  useEffect16(() => {
     if ((connections?.length || 0) > 0) {
       const match = centralStorageId ? connections?.find((x) => x.id === centralStorageId) : void 0;
       if (!match) {
@@ -9045,23 +8711,23 @@ var useCentralStorage = (vehicle) => {
 var useCentralStorage_default = useCentralStorage;
 
 // src/layouts/searchItem/Page404.tsx
-import React91 from "react";
-var Page404 = () => /* @__PURE__ */ React91.createElement(Page, null, /* @__PURE__ */ React91.createElement(PageSection, {
+import React88 from "react";
+var Page404 = () => /* @__PURE__ */ React88.createElement(Page, null, /* @__PURE__ */ React88.createElement(PageSection, {
   large: true
-}, /* @__PURE__ */ React91.createElement(Container_default, null, /* @__PURE__ */ React91.createElement(H1, {
+}, /* @__PURE__ */ React88.createElement(Container_default, null, /* @__PURE__ */ React88.createElement(H1, {
   noMargin: true
 }, "404"))));
 var Page404_default = Page404;
 
 // src/layouts/searchItem/PageLoading.tsx
-import React92 from "react";
-var PageLoading = () => /* @__PURE__ */ React92.createElement(Page, null, /* @__PURE__ */ React92.createElement(PageSection, {
+import React89 from "react";
+var PageLoading = () => /* @__PURE__ */ React89.createElement(Page, null, /* @__PURE__ */ React89.createElement(PageSection, {
   large: true
-}, /* @__PURE__ */ React92.createElement(Container_default, null, /* @__PURE__ */ React92.createElement(Loader_default, null))));
+}, /* @__PURE__ */ React89.createElement(Container_default, null, /* @__PURE__ */ React89.createElement(Loader_default, null))));
 var PageLoading_default = PageLoading;
 
 // src/layouts/searchItem/Property.tsx
-import React95, { useCallback as useCallback37, useEffect as useEffect18, useMemo as useMemo5, useState as useState33 } from "react";
+import React92, { useCallback as useCallback37, useEffect as useEffect17, useMemo as useMemo5, useState as useState32 } from "react";
 
 // src/utils/vehicle-properties/property-tree-creator.ts
 var _PropertyTreeCreator = class {
@@ -9554,11 +9220,11 @@ var property_remover_default = (properties) => {
 };
 
 // src/layouts/searchItem/MetadataItem.tsx
-import React93, { useState as useState32, useCallback as useCallback36 } from "react";
+import React90, { useState as useState31, useCallback as useCallback36 } from "react";
 
 // src/components/TableList/index.tsx
-import styled59 from "styled-components";
-var TableList = styled59.ul`
+import styled58 from "styled-components";
+var TableList = styled58.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -9566,7 +9232,7 @@ var TableList = styled59.ul`
   border-bottom: 1px solid ${(props) => props.theme.color.border};
   font-size: 0.875rem;
 `;
-var TableListItem = styled59.li`
+var TableListItem = styled58.li`
   display: flex;
   align-items: center;
   padding: ${size(1)} 0;
@@ -9575,30 +9241,30 @@ var TableListItem = styled59.li`
     border-top: 1px solid ${(props) => props.theme.color.border};
   }
 `;
-var TableListKey = styled59.div`
+var TableListKey = styled58.div`
   flex: 1 1 auto;
 `;
-var TableListValue = styled59.div`
+var TableListValue = styled58.div`
   flex-shrink: 0;
   padding-left: ${size(1)};
 `;
-var TableListBooleanPos = styled59.div`
+var TableListBooleanPos = styled58.div`
   color: ${(props) => props.theme.color.ui.positive};
 `;
-var TableListBooleanNeg = styled59.div`
+var TableListBooleanNeg = styled58.div`
   color: ${(props) => props.theme.color.ui.negative};
 `;
 
 // src/layouts/searchItem/MetadataItem.tsx
 var formatValue = (value, unit) => {
   if (typeof value === "boolean") {
-    return value ? /* @__PURE__ */ React93.createElement(TableListBooleanPos, {
+    return value ? /* @__PURE__ */ React90.createElement(TableListBooleanPos, {
       title: "Ja"
-    }, /* @__PURE__ */ React93.createElement(SrOnly, null, "Ja"), /* @__PURE__ */ React93.createElement(IconCheck, {
+    }, /* @__PURE__ */ React90.createElement(SrOnly, null, "Ja"), /* @__PURE__ */ React90.createElement(IconCheck, {
       block: true
-    })) : /* @__PURE__ */ React93.createElement(TableListBooleanNeg, {
+    })) : /* @__PURE__ */ React90.createElement(TableListBooleanNeg, {
       title: "Nej"
-    }, /* @__PURE__ */ React93.createElement(SrOnly, null, "Nej"), /* @__PURE__ */ React93.createElement(IconCancel, {
+    }, /* @__PURE__ */ React90.createElement(SrOnly, null, "Nej"), /* @__PURE__ */ React90.createElement(IconCancel, {
       block: true
     }));
   }
@@ -9611,27 +9277,27 @@ var formatValue = (value, unit) => {
   return value;
 };
 var MetadataItem = ({ name, hint, value, unit }) => {
-  const [foldout, setFoldout] = useState32(false);
+  const [foldout, setFoldout] = useState31(false);
   const onToggleFoldout = useCallback36(() => setFoldout(!foldout), [foldout]);
   const presentedValue = formatValue(value, unit);
-  return /* @__PURE__ */ React93.createElement(TableListItem, null, /* @__PURE__ */ React93.createElement(TableListKey, null, hint ? /* @__PURE__ */ React93.createElement(ButtonInline, {
+  return /* @__PURE__ */ React90.createElement(TableListItem, null, /* @__PURE__ */ React90.createElement(TableListKey, null, hint ? /* @__PURE__ */ React90.createElement(ButtonInline, {
     onClick: onToggleFoldout,
     title: `Mer information om ${name}`
-  }, name) : name), /* @__PURE__ */ React93.createElement(TableListValue, null, value !== void 0 ? presentedValue : "Uppgift saknas"), hint && foldout && /* @__PURE__ */ React93.createElement(Modal_default, {
+  }, name) : name), /* @__PURE__ */ React90.createElement(TableListValue, null, value !== void 0 ? presentedValue : "Uppgift saknas"), hint && foldout && /* @__PURE__ */ React90.createElement(Modal_default, {
     title: name,
     onClose: onToggleFoldout
-  }, /* @__PURE__ */ React93.createElement(Content_default, {
+  }, /* @__PURE__ */ React90.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: hint }
   })));
 };
 var MetadataItem_default = MetadataItem;
 
 // src/components/Tabs/index.tsx
-import * as React94 from "react";
+import * as React91 from "react";
 
 // src/components/Tabs/wrapper.tsx
-import styled60, { css as css15 } from "styled-components";
-var Wrapper34 = styled60.div`
+import styled59, { css as css15 } from "styled-components";
+var Wrapper33 = styled59.div`
   overflow: hidden;
   margin-top: ${size(-1)};
   margin-left: ${size(-1)};
@@ -9642,7 +9308,7 @@ var Wrapper34 = styled60.div`
     margin-right: ${size(-2)};
   }
 `;
-var List10 = styled60.ul`
+var List10 = styled59.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -9656,12 +9322,12 @@ var List10 = styled60.ul`
     padding-right: ${size(1)};
   }
 `;
-var Item12 = styled60.li`
+var Item12 = styled59.li`
   display: inline-block;
   vertical-align: bottom;
   font-size: 1rem;
 `;
-var Action9 = styled60(ButtonReset).attrs(() => ({
+var Action9 = styled59(ButtonReset).attrs(() => ({
   role: "tab",
   className: "wayke__theme wayke__font--bold"
 }))`
@@ -9697,9 +9363,9 @@ var Action9 = styled60(ButtonReset).attrs(() => ({
 `;
 
 // 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
@@ -9707,30 +9373,30 @@ var Tabs = ({ tabs, active, onClick }) => /* @__PURE__ */ React94.createElement(
 var Tabs_default = Tabs;
 
 // src/layouts/searchItem/Property.tsx
-var MetadataSubCategory = ({ name, properties }) => /* @__PURE__ */ React95.createElement(Repeat, null, /* @__PURE__ */ React95.createElement(H5, {
+var MetadataSubCategory = ({ name, properties }) => /* @__PURE__ */ React92.createElement(Repeat, null, /* @__PURE__ */ React92.createElement(H5, {
   as: "h3"
-}, name), /* @__PURE__ */ React95.createElement(TableList, null, !!properties.length && properties.map((property, index2) => /* @__PURE__ */ React95.createElement(MetadataItem_default, {
+}, name), /* @__PURE__ */ React92.createElement(TableList, null, !!properties.length && properties.map((property, index2) => /* @__PURE__ */ React92.createElement(MetadataItem_default, {
   name: property.name,
   hint: property.hint,
   value: property.value,
   unit: property.unit,
   key: `${property.name}-${index2}`
 }))));
-var MetadataCategory = ({ properties, subCategories }) => /* @__PURE__ */ React95.createElement("div", {
+var MetadataCategory = ({ properties, subCategories }) => /* @__PURE__ */ React92.createElement("div", {
   className: "tab-section"
-}, !!properties.length && /* @__PURE__ */ React95.createElement(Repeat, null, /* @__PURE__ */ React95.createElement(TableList, null, properties.map((property, index2) => /* @__PURE__ */ React95.createElement(MetadataItem_default, {
+}, !!properties.length && /* @__PURE__ */ React92.createElement(Repeat, null, /* @__PURE__ */ React92.createElement(TableList, null, properties.map((property, index2) => /* @__PURE__ */ React92.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__ */ React95.createElement(MetadataSubCategory, {
+})))), !!subCategories.length && subCategories.map((subCategory, index2) => /* @__PURE__ */ React92.createElement(MetadataSubCategory, {
   name: subCategory.name,
   properties: subCategory.properties,
   key: `${subCategory.name}-${index2}`
 })));
 var PropertySet = ({ propertySet, vehicleData }) => {
-  const [activeCategoryId, setActiveCategoryId] = useState33(-1);
+  const [activeCategoryId, setActiveCategoryId] = useState32(-1);
   const mappedProperties = useMemo5(() => {
     if (!propertySet) {
       return void 0;
@@ -9742,7 +9408,7 @@ var PropertySet = ({ propertySet, vehicleData }) => {
     property_tree_sorter_default(tree);
     return tree;
   }, [propertySet]);
-  useEffect18(() => {
+  useEffect17(() => {
     const categories = mappedProperties?.categories?.length !== void 0 ? mappedProperties?.categories : void 0;
     if (activeCategoryId < 0 && categories !== void 0 && categories.length > 0) {
       setActiveCategoryId(categories[0].id);
@@ -9752,14 +9418,14 @@ var PropertySet = ({ propertySet, vehicleData }) => {
   const activeCategory = mappedProperties?.categories?.find(
     (category) => category.id === activeCategoryId
   );
-  return /* @__PURE__ */ React95.createElement(React95.Fragment, null, /* @__PURE__ */ React95.createElement(Repeat, null, /* @__PURE__ */ React95.createElement(Tabs_default, {
+  return /* @__PURE__ */ React92.createElement(React92.Fragment, null, /* @__PURE__ */ React92.createElement(Repeat, null, /* @__PURE__ */ React92.createElement(Tabs_default, {
     tabs: mappedProperties?.categories?.map((category) => ({
       name: `${category.id}`,
       displayName: category.name
     })) || [],
     active: `${activeCategoryId}`,
     onClick: onTab
-  })), activeCategory && /* @__PURE__ */ React95.createElement(Repeat, null, /* @__PURE__ */ React95.createElement(MetadataCategory, {
+  })), activeCategory && /* @__PURE__ */ React92.createElement(Repeat, null, /* @__PURE__ */ React92.createElement(MetadataCategory, {
     properties: activeCategory.properties,
     subCategories: activeCategory.subCategories
   })));
@@ -9767,11 +9433,11 @@ var PropertySet = ({ propertySet, vehicleData }) => {
 var Property_default = PropertySet;
 
 // src/components/Pdf/index.tsx
-import React96 from "react";
+import React93 from "react";
 
 // src/components/Pdf/wrapper.tsx
-import styled61 from "styled-components";
-var PdfListItem = styled61.li.attrs(() => ({
+import styled60 from "styled-components";
+var PdfListItem = styled60.li.attrs(() => ({
   className: "wayke__theme wayke__color--primary-text"
 }))`
   flex: 0 0 50%;
@@ -9781,14 +9447,14 @@ var PdfListItem = styled61.li.attrs(() => ({
     flex: 0 0 100%;
   }
 `;
-var PdfContainer = styled61.ul`
+var PdfContainer = styled60.ul`
   list-style: none;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   margin: ${size(-1)};
 `;
-var PdfLink = styled61.a.attrs(() => ({
+var PdfLink = styled60.a.attrs(() => ({
   className: "wayke__theme wayke__color--primary-text wayke__font--bold"
 }))`
   text-decoration: none;
@@ -9802,19 +9468,19 @@ var PdfLink = styled61.a.attrs(() => ({
     height: 100%;
   }
 `;
-var PdfTitle = styled61.div`
+var PdfTitle = styled60.div`
   color: ${(props) => props.theme.color.textDark};
 `;
-var PdfSubtitle = styled61.div`
+var PdfSubtitle = styled60.div`
   color: ${(props) => props.theme.color.textDarkLighten};
 `;
-var PdfColumn = styled61.div`
+var PdfColumn = styled60.div`
   flex 0 0 auto;
   &:first-child {
     flex: 1 1 auto;
   }
 `;
-var PdfListInner = styled61.div`
+var PdfListInner = styled60.div`
   position: relative;
   border: 1px solid ${(props) => props.theme.color.border};
   padding: ${size(1.5)};
@@ -9826,12 +9492,12 @@ var PdfListInner = styled61.div`
 `;
 
 // src/components/Pdf/index.tsx
-var PdfDownloadItem = ({ document: document2 }) => /* @__PURE__ */ React96.createElement(PdfListItem, null, /* @__PURE__ */ React96.createElement(PdfListInner, null, /* @__PURE__ */ React96.createElement(PdfColumn, null, /* @__PURE__ */ React96.createElement(PdfTitle, null, document2.name), /* @__PURE__ */ React96.createElement(PdfSubtitle, null, document2.contentType)), /* @__PURE__ */ React96.createElement(PdfColumn, null, /* @__PURE__ */ React96.createElement(PdfLink, {
+var PdfDownloadItem = ({ document: document2 }) => /* @__PURE__ */ React93.createElement(PdfListItem, null, /* @__PURE__ */ React93.createElement(PdfListInner, null, /* @__PURE__ */ React93.createElement(PdfColumn, null, /* @__PURE__ */ React93.createElement(PdfTitle, null, document2.name), /* @__PURE__ */ React93.createElement(PdfSubtitle, null, document2.contentType)), /* @__PURE__ */ React93.createElement(PdfColumn, null, /* @__PURE__ */ React93.createElement(PdfLink, {
   href: document2.url,
   rel: "noopener noreferrer nofollow",
   target: "_blank"
 }, "\xD6ppna"))));
-var PdfDownloadContainer = ({ documents }) => /* @__PURE__ */ React96.createElement(PdfContainer, null, documents.map((document2, i) => /* @__PURE__ */ React96.createElement(PdfDownloadItem, {
+var PdfDownloadContainer = ({ documents }) => /* @__PURE__ */ React93.createElement(PdfContainer, null, documents.map((document2, i) => /* @__PURE__ */ React93.createElement(PdfDownloadItem, {
   key: `${document2.url}-${i}`,
   document: document2
 })));
@@ -9851,7 +9517,7 @@ var WaykeSearchItem = ({
   const ecomContext = useRef4();
   const { loading, data: result } = useSearchItem_default(id);
   const { vehicle: centralStorageVehicle, loading: loadingCentralStorageVehicle } = useCentralStorage_default(result?.vehicle);
-  useEffect19(() => {
+  useEffect18(() => {
     if (ecomSettings) {
       ecomContext.current = new WaykeEcomWeb({
         id,
@@ -9873,12 +9539,12 @@ var WaykeSearchItem = ({
       }
     };
   }, []);
-  useEffect19(() => {
+  useEffect18(() => {
     if (!disableResetScrollOnInit) {
       window.scrollTo(0, 0);
     }
   }, []);
-  useEffect19(() => {
+  useEffect18(() => {
     if (result?.vehicle?.data && modifyDocumentTitleItem) {
       const { vehicle: vehicle2 } = result;
       const { registrationNumber } = vehicle2.data;
@@ -9891,10 +9557,10 @@ var WaykeSearchItem = ({
   );
   const onShowMoreOptionsClick = useCallback38(() => pubsub_default.publish("OptionsClick"), []);
   if (loading) {
-    return /* @__PURE__ */ React97.createElement(PageLoading_default, null);
+    return /* @__PURE__ */ React94.createElement(PageLoading_default, null);
   }
   if (!result?.vehicle?.data) {
-    return /* @__PURE__ */ React97.createElement(Page404_default, null);
+    return /* @__PURE__ */ React94.createElement(Page404_default, null);
   }
   const { vehicle } = result;
   const contact = centralStorageVehicle?.contact;
@@ -9928,40 +9594,40 @@ var WaykeSearchItem = ({
   if (fuelType) {
     uspList.push({ title: fuelType });
   }
-  return /* @__PURE__ */ React97.createElement(React97.Fragment, null, /* @__PURE__ */ React97.createElement(Page, null, /* @__PURE__ */ React97.createElement(PageSection, {
+  return /* @__PURE__ */ React94.createElement(React94.Fragment, null, /* @__PURE__ */ React94.createElement(Page, null, /* @__PURE__ */ React94.createElement(PageSection, {
     large: true
-  }, /* @__PURE__ */ React97.createElement(Container_default, null, /* @__PURE__ */ React97.createElement(ProductPage, null, /* @__PURE__ */ React97.createElement(ProductPageAside, null, /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
+  }, /* @__PURE__ */ React94.createElement(Container_default, null, /* @__PURE__ */ React94.createElement(ProductPage, null, /* @__PURE__ */ React94.createElement(ProductPageAside, null, /* @__PURE__ */ React94.createElement(ProductPageAsideSection, {
     mobileOrder: 1
-  }, !pathRoute && hashRoute ? /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(UtilityFontSizeSmall, null, /* @__PURE__ */ React97.createElement(ButtonInlineLight, {
+  }, !pathRoute && hashRoute ? /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(UtilityFontSizeSmall, null, /* @__PURE__ */ React94.createElement(ButtonInlineLight, {
     as: "a",
     href: "#",
     title: "Tillbaka till bils\xF6k"
-  }, /* @__PURE__ */ React97.createElement(ButtonContent, null, /* @__PURE__ */ React97.createElement(IconChevronLeft, {
+  }, /* @__PURE__ */ React94.createElement(ButtonContent, null, /* @__PURE__ */ React94.createElement(IconChevronLeft, {
     block: true
-  })), /* @__PURE__ */ React97.createElement(ButtonContent, null, "Tillbaka till bils\xF6k")))) : null, manufacturer?.logotype && /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(LogoBox_default, {
+  })), /* @__PURE__ */ React94.createElement(ButtonContent, null, "Tillbaka till bils\xF6k")))) : null, manufacturer?.logotype && /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(LogoBox_default, {
     logo: manufacturer.logotype,
     alt: manufacturer.name
-  })), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(RepeatSmall, null, /* @__PURE__ */ React97.createElement(H1, {
+  })), /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(RepeatSmall, null, /* @__PURE__ */ React94.createElement(H1, {
     noMargin: true
-  }, title)), shortDescription && /* @__PURE__ */ React97.createElement(RepeatSmall, null, /* @__PURE__ */ React97.createElement("div", null, shortDescription)), /* @__PURE__ */ React97.createElement(RepeatSmall, null, /* @__PURE__ */ React97.createElement(UspList_default, {
+  }, title)), shortDescription && /* @__PURE__ */ React94.createElement(RepeatSmall, null, /* @__PURE__ */ React94.createElement("div", null, shortDescription)), /* @__PURE__ */ React94.createElement(RepeatSmall, null, /* @__PURE__ */ React94.createElement(UspList_default, {
     small: true,
     items: uspList
-  })))), /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
+  })))), /* @__PURE__ */ React94.createElement(ProductPageAsideSection, {
     mobileOrder: 2
-  }, /* @__PURE__ */ React97.createElement(PriceTable_default, {
+  }, /* @__PURE__ */ React94.createElement(PriceTable_default, {
     price
-  })), (financialOptions.length > 0 || insuranceOptions.length > 0) && /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
+  })), (financialOptions.length > 0 || insuranceOptions.length > 0) && /* @__PURE__ */ React94.createElement(ProductPageAsideSection, {
     mobileOrder: 4
-  }, financialOptions.length > 0 && /* @__PURE__ */ React97.createElement(FinancialOptions_default, {
+  }, financialOptions.length > 0 && /* @__PURE__ */ React94.createElement(FinancialOptions_default, {
     id,
     financialOptions
-  }), insuranceOptions.length > 0 && /* @__PURE__ */ React97.createElement(InsuranceOptions_default, {
+  }), insuranceOptions.length > 0 && /* @__PURE__ */ React94.createElement(InsuranceOptions_default, {
     id,
     branch: centralStorageVehicle?.branch,
     insuranceOptions
-  })), /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
+  })), /* @__PURE__ */ React94.createElement(ProductPageAsideSection, {
     mobileOrder: 5
-  }, /* @__PURE__ */ React97.createElement(CheckList_default, {
+  }, /* @__PURE__ */ React94.createElement(CheckList_default, {
     manufacturer,
     packageOptions,
     ecommerce,
@@ -9969,77 +9635,77 @@ var WaykeSearchItem = ({
     contact: centralStorageVehicle?.contact,
     loadingCentralStorageVehicle,
     toggleEcomModal: () => ecomContext.current?.start()
-  }))), /* @__PURE__ */ React97.createElement(ProductPageMain, null, /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
+  }))), /* @__PURE__ */ React94.createElement(ProductPageMain, null, /* @__PURE__ */ React94.createElement(ProductPageAsideSection, {
     mobileOrder: 3
-  }, /* @__PURE__ */ React97.createElement(Gallery_default, {
+  }, /* @__PURE__ */ React94.createElement(Gallery_default, {
     media,
     placeholderImage
-  })), /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(H2, {
+  })), /* @__PURE__ */ React94.createElement(ProductPageMainSection, null, /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(H2, {
     noMargin: true
-  }, "Biluppgifter")), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Content_default, null, /* @__PURE__ */ React97.createElement("p", null, "Information direkt fr\xE5n Transportstyrelsen och tillverkaren."))), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Property_default, {
+  }, "Biluppgifter")), /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(Content_default, null, /* @__PURE__ */ React94.createElement("p", null, "Information direkt fr\xE5n Transportstyrelsen och tillverkaren."))), /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(Property_default, {
     propertySet,
     vehicleData: vehicle.data
-  }))), description && /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Blockquote_default, {
+  }))), description && /* @__PURE__ */ React94.createElement(ProductPageMainSection, null, /* @__PURE__ */ React94.createElement(Blockquote_default, {
     author: contact && contact.name ? contact.name : null,
     date: publishedAt ? dateTimeFormat.format(publishedAt, dateTimeFormat.DayMonth) : void 0,
     avatar: contact?.avatar || void 0
-  }, !!description && /* @__PURE__ */ React97.createElement("p", null, description))), (options?.length || 0) > 0 && /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(H2, {
+  }, !!description && /* @__PURE__ */ React94.createElement("p", null, description))), (options?.length || 0) > 0 && /* @__PURE__ */ React94.createElement(ProductPageMainSection, null, /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(H2, {
     noMargin: true
-  }, "Utrustning")), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Content_default, null, /* @__PURE__ */ React97.createElement("p", null, "Kompletterande uppgifter om bilen."))), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(ExtendContent_default, {
+  }, "Utrustning")), /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(Content_default, null, /* @__PURE__ */ React94.createElement("p", null, "Kompletterande uppgifter om bilen."))), /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(ExtendContent_default, {
     actionTitle: "Visa mer",
     onClick: onShowMoreOptionsClick
-  }, /* @__PURE__ */ React97.createElement(UspList_default, {
+  }, /* @__PURE__ */ React94.createElement(UspList_default, {
     items: options
-  })))), (documents.length || 0) > 0 && /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(H2, {
+  })))), (documents.length || 0) > 0 && /* @__PURE__ */ React94.createElement(ProductPageMainSection, null, /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(H2, {
     noMargin: true
-  }, "Dokument")), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Content_default, null, /* @__PURE__ */ React97.createElement("p", null, "Tillh\xF6rande dokument f\xF6r bilen."))), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Pdf_default, {
+  }, "Dokument")), /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(Content_default, null, /* @__PURE__ */ React94.createElement("p", null, "Tillh\xF6rande dokument f\xF6r bilen."))), /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(Pdf_default, {
     documents
-  }))), /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Branch_default, {
+  }))), /* @__PURE__ */ React94.createElement(ProductPageMainSection, null, /* @__PURE__ */ React94.createElement(Branch_default, {
     branch,
     loading: loadingCentralStorageVehicle
-  }), ecommerce && ecommerce.enabled && /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(ButtonPrimary, {
+  }), ecommerce && ecommerce.enabled && /* @__PURE__ */ React94.createElement(Repeat, null, /* @__PURE__ */ React94.createElement(ButtonPrimary, {
     disabled: !!ecommerce.reserved,
     title: "K\xF6p bilen online",
     onClick: () => ecomContext.current?.start()
-  }, "K\xF6p bilen online"))), /* @__PURE__ */ React97.createElement(PackageOptions_default, {
+  }, "K\xF6p bilen online"))), /* @__PURE__ */ React94.createElement(PackageOptions_default, {
     packageOptions
-  }), /* @__PURE__ */ React97.createElement(ManufacturerPackagesOption_default, {
+  }), /* @__PURE__ */ React94.createElement(ManufacturerPackagesOption_default, {
     packageOption: manufacturer?.packageOption
-  }))))), /* @__PURE__ */ React97.createElement(Related_default, {
+  }))))), /* @__PURE__ */ React94.createElement(Related_default, {
     id,
     hashRoute,
     pathRoute,
     onClickSearchItem
-  })), false, /* @__PURE__ */ React97.createElement(portal_element_default, {
+  })), false, /* @__PURE__ */ React94.createElement(portal_element_default, {
     id: portal_namespace_exports.DefaultPortal
   }));
 };
 var searchItem_default = WaykeSearchItem;
 
 // src/providers/WaykeProvider.tsx
-import React105 from "react";
+import React102 from "react";
 
 // src/providers/graphqlProvider.tsx
-import React98 from "react";
+import React95 from "react";
 import { ApolloProvider as ApolloProviderBase, ApolloClient, InMemoryCache } from "@apollo/client";
 var GraphqlProvider = ({ uri, children }) => {
   const client = new ApolloClient({ uri, cache: new InMemoryCache() });
-  return /* @__PURE__ */ React98.createElement(ApolloProviderBase, {
+  return /* @__PURE__ */ React95.createElement(ApolloProviderBase, {
     client
   }, children);
 };
 var graphqlProvider_default = GraphqlProvider;
 
 // src/providers/themeProvider.tsx
-import React99 from "react";
+import React96 from "react";
 import { ThemeProvider as ThemeProviderBase } from "styled-components";
-var ThemeProvider = ({ children }) => /* @__PURE__ */ React99.createElement(ThemeProviderBase, {
+var ThemeProvider = ({ children }) => /* @__PURE__ */ React96.createElement(ThemeProviderBase, {
   theme: theme_default
 }, children);
 var themeProvider_default = ThemeProvider;
 
 // src/State/Search/SearchProvider.tsx
-import React100, { useState as useState34, useEffect as useEffect20, useCallback as useCallback39 } from "react";
+import React97, { useState as useState33, useEffect as useEffect19, useCallback as useCallback39 } from "react";
 
 // src/utils/url.ts
 var getUrlSearchParamsFromUrl = () => new URLSearchParams(window.location.search);
@@ -10056,12 +9722,12 @@ var SearchProvider = ({
   children
 }) => {
   const { replaceState, pushState } = usePath_default();
-  const [queryFilter, setQueryFilter] = useState34({
+  const [queryFilter, setQueryFilter] = useState33({
     searchParams: initialSearchParams
   });
-  const [initialFacets, setInitialFacets] = useState34();
-  const [documents, setDocuments] = useState34();
-  const [initialize, setInitialize] = useState34(false);
+  const [initialFacets, setInitialFacets] = useState33();
+  const [documents, setDocuments] = useState33();
+  const [initialize, setInitialize] = useState33(false);
   const { data: initialDataRepsonse } = useFetch_default(
     `${url}?hits=0`,
     {
@@ -10097,7 +9763,7 @@ var SearchProvider = ({
       });
     }
   };
-  useEffect20(() => {
+  useEffect19(() => {
     if (useQueryParamsFromUrl) {
       window.addEventListener("popstate", popStateEvent);
     }
@@ -10111,12 +9777,12 @@ var SearchProvider = ({
       pubsub_default.unsubscribeAction(onFilterUpdateEvent);
     };
   }, []);
-  useEffect20(() => {
+  useEffect19(() => {
     if (initialDataRepsonse) {
       setInitialFacets(initialDataRepsonse.facets);
     }
   }, [initialDataRepsonse]);
-  useEffect20(() => {
+  useEffect19(() => {
     if (useQueryParamsFromUrl) {
       const nextSearchParams = new URLSearchParams(queryFilter.searchParams);
       nextSearchParams.delete("hits");
@@ -10139,7 +9805,7 @@ var SearchProvider = ({
       }
     }
   }, [queryFilter, initialize, useQueryParamsFromUrl]);
-  useEffect20(() => {
+  useEffect19(() => {
     if (response) {
       if (!initialFacets && !useQueryParamsFromUrl) {
         setInitialFacets(response.facets);
@@ -10229,15 +9895,15 @@ var SearchProvider = ({
     onLoadMore,
     onInitialize
   };
-  return /* @__PURE__ */ React100.createElement(SearchContext.Provider, {
+  return /* @__PURE__ */ React97.createElement(SearchContext.Provider, {
     value
   }, children);
 };
 var SearchProvider_default = SearchProvider;
 
 // src/components/Root/index.tsx
-import styled62 from "styled-components";
-var Root = styled62.div.attrs(() => ({
+import styled61 from "styled-components";
+var Root = styled61.div.attrs(() => ({
   className: "wayke__theme wayke__font--regular"
 }))`
   background-color: ${(props) => props.theme.color.bg};
@@ -10279,21 +9945,21 @@ var useEcom = (ecomSettings) => {
 var useEcom_default = useEcom;
 
 // src/State/Settings/SettingsProvider.tsx
-import React101 from "react";
+import React98 from "react";
 var SettingsProvider = ({
   googleMapsApiKey,
   googleMapsMarker,
   ecomSettings,
   children
-}) => /* @__PURE__ */ React101.createElement(SettingsContext.Provider, {
+}) => /* @__PURE__ */ React98.createElement(SettingsContext.Provider, {
   value: { ecomSettings, googleMapsApiKey, googleMapsMarker }
 }, children);
 var SettingsProvider_default = SettingsProvider;
 
 // src/State/RelatedSearch/RelatedSearchProvider.tsx
-import React102, { useState as useState35, useCallback as useCallback40 } from "react";
+import React99, { useState as useState34, useCallback as useCallback40 } from "react";
 var RelatedSearchProvider = ({ url, urlMlt, apiKey, children }) => {
-  const [queryFilter, setQueryFilter] = useState35();
+  const [queryFilter, setQueryFilter] = useState34();
   const query = queryFilter?.searchParams.toString();
   const {
     loading,
@@ -10322,19 +9988,19 @@ var RelatedSearchProvider = ({ url, urlMlt, apiKey, children }) => {
     queryFilter,
     fetchRelated
   };
-  return /* @__PURE__ */ React102.createElement(RelatedSearchContext.Provider, {
+  return /* @__PURE__ */ React99.createElement(RelatedSearchContext.Provider, {
     value
   }, children);
 };
 var RelatedSearchProvider_default = RelatedSearchProvider;
 
 // src/State/CentralStorage/CentralStorageProvider.tsx
-import React103, { useCallback as useCallback42 } from "react";
+import React100, { useCallback as useCallback42 } from "react";
 
 // src/hooks/useSessionStorage.ts
-import { useState as useState36, useCallback as useCallback41 } from "react";
+import { useState as useState35, useCallback as useCallback41 } from "react";
 var useSessionStorage = (key) => {
-  const [value, setValue] = useState36(sessionStorage.getItem(key));
+  const [value, setValue] = useState35(sessionStorage.getItem(key));
   const set = useCallback41(
     (v) => {
       sessionStorage.setItem(key, v);
@@ -10363,20 +10029,20 @@ var useSessionStorage_default = useSessionStorage;
 var CentralStorageProvider = ({ children }) => {
   const { value, set, remove } = useSessionStorage_default("centralStorage");
   const setCentralStorageId = useCallback42((id) => id ? set(id) : remove(), []);
-  return /* @__PURE__ */ React103.createElement(CentralStorageContext.Provider, {
+  return /* @__PURE__ */ React100.createElement(CentralStorageContext.Provider, {
     value: { centralStorageId: value, setCentralStorageId }
   }, children);
 };
 var CentralStorageProvider_default = CentralStorageProvider;
 
 // src/State/Path/PathProvider.tsx
-import React104, { useCallback as useCallback43, useEffect as useEffect22, useMemo as useMemo7, useReducer } from "react";
+import React101, { useCallback as useCallback43, useEffect as useEffect21, useMemo as useMemo7, useReducer } from "react";
 
 // src/hooks/usePrevious.ts
-import { useRef as useRef5, useEffect as useEffect21 } from "react";
+import { useRef as useRef5, useEffect as useEffect20 } from "react";
 var usePrevious = (value) => {
   const ref = useRef5();
-  useEffect21(() => {
+  useEffect20(() => {
     ref.current = value;
   });
   return ref.current;
@@ -10406,7 +10072,7 @@ var POP_STATE = "popstate";
 var PathProvider = ({ children }) => {
   const [state, dispatch] = useReducer(reducer_default, initialState);
   const previousPath = usePrevious_default(state.path);
-  useEffect22(() => {
+  useEffect21(() => {
     const onPopState = () => {
       dispatch({ type: SET_PATH, path: window.location.pathname });
     };
@@ -10444,7 +10110,7 @@ var PathProvider = ({ children }) => {
     }),
     [state]
   );
-  return /* @__PURE__ */ React104.createElement(PathContext.Provider, {
+  return /* @__PURE__ */ React101.createElement(PathContext.Provider, {
     value
   }, children);
 };
@@ -10464,33 +10130,33 @@ var WaykeProvider = ({
   children
 }) => {
   useEcom_default(ecomSettings);
-  return /* @__PURE__ */ React105.createElement(PathProvider_default, null, /* @__PURE__ */ React105.createElement(SettingsProvider_default, {
+  return /* @__PURE__ */ React102.createElement(PathProvider_default, null, /* @__PURE__ */ React102.createElement(SettingsProvider_default, {
     googleMapsApiKey,
     googleMapsMarker,
     ecomSettings
-  }, /* @__PURE__ */ React105.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ React105.createElement(graphqlProvider_default, {
+  }, /* @__PURE__ */ React102.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ React102.createElement(graphqlProvider_default, {
     uri: graphQlUrl
-  }, /* @__PURE__ */ React105.createElement(SearchProvider_default, {
+  }, /* @__PURE__ */ React102.createElement(SearchProvider_default, {
     url,
     apiKey,
     useQueryParamsFromUrl,
     pathRoute
-  }, /* @__PURE__ */ React105.createElement(RelatedSearchProvider_default, {
+  }, /* @__PURE__ */ React102.createElement(RelatedSearchProvider_default, {
     url,
     urlMlt,
     apiKey
-  }, /* @__PURE__ */ React105.createElement(themeProvider_default, null, /* @__PURE__ */ React105.createElement(Root_default, null, children))))))));
+  }, /* @__PURE__ */ React102.createElement(themeProvider_default, null, /* @__PURE__ */ React102.createElement(Root_default, null, children))))))));
 };
 var WaykeProvider_default = WaykeProvider;
 
 // src/layouts/WaykeCompositeWithProvider.tsx
-import React107 from "react";
+import React104 from "react";
 
 // src/layouts/WaykeComposite.tsx
-import React106, { useEffect as useEffect24 } from "react";
+import React103, { useEffect as useEffect23 } from "react";
 
 // src/hooks/useHashGuid.ts
-import { useState as useState37, useEffect as useEffect23 } from "react";
+import { useState as useState36, useEffect as useEffect22 } from "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 = () => {
@@ -10498,7 +10164,7 @@ var getGuid = () => {
   return regexGuid.test(guid) || !guid ? guid : void 0;
 };
 var useHashGuid = () => {
-  const [id, setId] = useState37(() => getGuid());
+  const [id, setId] = useState36(() => getGuid());
   const onHashChange = () => {
     const guid = window.location.hash.substr(1, window.location.hash.length);
     if (regexGuid.test(guid) || !guid) {
@@ -10507,7 +10173,7 @@ var useHashGuid = () => {
       throw "Invalid Guid";
     }
   };
-  useEffect23(() => {
+  useEffect22(() => {
     onHashChange();
     window.addEventListener(HASH_CHANGE, onHashChange);
     return () => {
@@ -10532,7 +10198,7 @@ var WaykeComposite = ({
 }) => {
   const hashId = useHashGuid_default();
   const { id: pathId } = usePath_default();
-  useEffect24(() => {
+  useEffect23(() => {
     if (!pathRoute) {
       if (hashId) {
         pubsub_default.publish("HashRouteChange", hashId);
@@ -10542,14 +10208,14 @@ var WaykeComposite = ({
     }
   }, [hashId]);
   const id = pathId || hashId;
-  return /* @__PURE__ */ React106.createElement(React106.Fragment, null, id ? /* @__PURE__ */ React106.createElement(searchItem_default, {
+  return /* @__PURE__ */ React103.createElement(React103.Fragment, null, id ? /* @__PURE__ */ React103.createElement(searchItem_default, {
     id,
     hashRoute: !pathRoute,
     disableResetScrollOnInit,
     placeholderImage,
     pathRoute,
     modifyDocumentTitleItem
-  }) : /* @__PURE__ */ React106.createElement(search_default, {
+  }) : /* @__PURE__ */ React103.createElement(search_default, {
     filterList,
     initialQueryParams,
     removeSearchBar,
@@ -10563,15 +10229,15 @@ var WaykeComposite = ({
 var WaykeComposite_default = WaykeComposite;
 
 // src/layouts/WaykeCompositeWithProvider.tsx
-var WaykeCompositeWithProvider = ({ provider, composite }) => /* @__PURE__ */ React107.createElement(WaykeProvider_default, {
+var WaykeCompositeWithProvider = ({ provider, composite }) => /* @__PURE__ */ React104.createElement(WaykeProvider_default, {
   ...provider
-}, /* @__PURE__ */ React107.createElement(WaykeComposite_default, {
+}, /* @__PURE__ */ React104.createElement(WaykeComposite_default, {
   ...composite
 }));
 var WaykeCompositeWithProvider_default = WaykeCompositeWithProvider;
 
 // src/providers/WaykeItemProvidet.tsx
-import React108 from "react";
+import React105 from "react";
 var WaykeItemProvider = ({
   url,
   urlMlt,
@@ -10583,17 +10249,17 @@ var WaykeItemProvider = ({
   children
 }) => {
   useEcom_default(ecomSettings);
-  return /* @__PURE__ */ React108.createElement(PathProvider_default, null, /* @__PURE__ */ React108.createElement(SettingsProvider_default, {
+  return /* @__PURE__ */ React105.createElement(PathProvider_default, null, /* @__PURE__ */ React105.createElement(SettingsProvider_default, {
     googleMapsApiKey,
     googleMapsMarker,
     ecomSettings
-  }, /* @__PURE__ */ React108.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ React108.createElement(graphqlProvider_default, {
+  }, /* @__PURE__ */ React105.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ React105.createElement(graphqlProvider_default, {
     uri: graphQlUrl
-  }, /* @__PURE__ */ React108.createElement(RelatedSearchProvider_default, {
+  }, /* @__PURE__ */ React105.createElement(RelatedSearchProvider_default, {
     url,
     urlMlt,
     apiKey
-  }, /* @__PURE__ */ React108.createElement(themeProvider_default, null, /* @__PURE__ */ React108.createElement(Root_default, null, children)))))));
+  }, /* @__PURE__ */ React105.createElement(themeProvider_default, null, /* @__PURE__ */ React105.createElement(Root_default, null, children)))))));
 };
 var WaykeItemProvidet_default = WaykeItemProvider;