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

package/dist/index.js

@@ -2335,12 +2335,6 @@
   }, /* @__PURE__ */ React4.createElement("path", {
     d: "M13 17.7L4.3 9 13 .3l.7.7-8 8 8 8-.7.7z"
   }));
-  var IconChevronRight = ({ block }) => /* @__PURE__ */ React4.createElement(Icon2, {
-    viewBox: "0 0 18 18",
-    block
-  }, /* @__PURE__ */ React4.createElement("path", {
-    d: "M5 .3L13.7 9 5 17.7l-.7-.7 8-8-8-8L5 .3z"
-  }));
   var IconCheck = ({ block }) => /* @__PURE__ */ React4.createElement(Icon2, {
     viewBox: "0 0 16 16",
     block
@@ -4547,7 +4541,7 @@
   var search_default = WaykeSearch;
 
   // src/layouts/searchItem/index.tsx
-  var import_react98 = __toESM(__require("react"));
+  var import_react84 = __toESM(__require("react"));
   var import_ecom_web = __toESM(__require("@wayke-se/ecom-web"));
 
   // src/components/PriceTable/index.tsx
@@ -4826,1397 +4820,175 @@
   var ExtendContent_default = ExtendContent;
 
   // src/components/Gallery/index.tsx
-  var import_react52 = __toESM(__require("react"));
-  var import_react_slick = __toESM(__require("react-slick"));
+  var import_react38 = __toESM(__require("react"));
   var import_scroll_into_view_if_needed = __toESM(__require("scroll-into-view-if-needed"));
+  var Gallery = ({ media, placeholderImage }) => {
+    const slider = (0, import_react38.useRef)(null);
+    const quickNavRef = (0, import_react38.useRef)(null);
+    const isDragging = (0, import_react38.useRef)(false);
+    const [index2, setIndex] = (0, import_react38.useState)(0);
+    const [lightbox, setLightbox] = (0, import_react38.useState)(false);
+    const [navigationDisabled, setNavigationDisabled] = (0, import_react38.useState)(false);
+    const beforeChange = (0, import_react38.useCallback)((_, newIndex) => {
+      const element = quickNavRef.current?.querySelectorAll("li")?.[newIndex];
+      if (element) {
+        (0, import_scroll_into_view_if_needed.default)(element, { scrollMode: "if-needed", block: "nearest", inline: "nearest" });
+      }
+      setIndex(newIndex);
+    }, []);
+    const onMouseDown = (0, import_react38.useCallback)(() => {
+      if (isDragging.current) {
+        isDragging.current = false;
+      }
+    }, []);
+    const onMouseMove = (0, import_react38.useCallback)(() => {
+      if (!isDragging.current) {
+        isDragging.current = true;
+      }
+    }, []);
+    const onClick = (0, import_react38.useCallback)(() => {
+      pubsub_default.publish("ImagesClick");
+      if (!isDragging.current && !lightbox && !!media?.length) {
+        setLightbox(true);
+      }
+    }, [lightbox, media]);
+    const nextImage = (0, import_react38.useCallback)(() => {
+      if (!slider || !slider.current) {
+        return;
+      }
+      slider.current.slickNext();
+    }, [slider]);
+    const prevImage = (0, import_react38.useCallback)(() => {
+      if (!slider || !slider.current) {
+        return;
+      }
+      slider.current.slickPrev();
+    }, [slider]);
+    const goTo = (target) => {
+      if (!slider || !slider.current) {
+        return;
+      }
+      if (slider.current) {
+        setIndex(target);
+        slider.current.slickGoTo(target);
+      }
+    };
+    const onDisableNavigation = () => {
+      if (!isDragging.current)
+        setNavigationDisabled(true);
+    };
+    const onEnableNavigation = (e) => {
+      e.stopPropagation();
+      isDragging.current = false;
+      setNavigationDisabled(false);
+    };
+    const onToggleLightbox = (0, import_react38.useCallback)(() => setLightbox(!lightbox), [lightbox]);
+    const mediaLength = media?.length || 0;
+    const placeholder = (0, import_react38.useMemo)(
+      () => placeholderImage || DEFAULT_PLACEHOLDER_IMAGE,
+      [placeholderImage]
+    );
+    return /* @__PURE__ */ import_react38.default.createElement("p", null, "heheh");
+  };
+  var Gallery_default = Gallery;
 
-  // src/components/Gallery/wrapper.tsx
+  // src/components/ProductPage/index.tsx
   var import_styled_components34 = __toESM(__require("styled-components"));
-  var quickNavWidth = 83;
-  var Wrapper17 = import_styled_components34.default.div`
-  ${(props) => props.theme.breakpoint.LtMd} {
-    ${Wrapper} & {
-      margin-left: ${size(-3)};
-      margin-right: ${size(-3)};
-    }
-  }
-
-  ${(props) => props.theme.breakpoint.LtSm} {
-    ${Wrapper} & {
-      margin-left: ${size(-2)};
-      margin-right: ${size(-2)};
-    }
-  }
+  var ProductPage = import_styled_components34.default.div`
+  display: flex;
+  flex-direction: column;
 
   ${(props) => props.theme.breakpoint.Md} {
-    position: relative;
-    padding-right: ${quickNavWidth}px;
+    flex-direction: row;
   }
 `;
-  var Main = import_styled_components34.default.div`
-  position: relative;
-  height: 0;
-  padding-bottom: 66.66666667%;
-
-  ${(props) => props.theme.breakpoint.Md} {
-    //background-color: ${(props) => props.theme.color.accent};
-  }
-
-  .slick-slider,
-  .slick-list,
-  .slick-track,
-  .slick-slide,
-  .slick-slide > * {
-    height: 100%;
+  var ProductPageAside = import_styled_components34.default.div`
+  ${(props) => props.theme.breakpoint.LtMd} {
+    display: contents;
   }
 
-  .slick-slide > * {
-    font-size: 0;
-
-    > * {
-      font-size: 1rem;
-    }
+  ${(props) => props.theme.breakpoint.Md} {
+    flex-shrink: 0;
+    width: calc(375px + ${size(2)});
+    padding-right: ${size(2)};
   }
 `;
-  var Alt = import_styled_components34.default.div`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: ${quickNavWidth}px;
-  padding-left: ${size(1)};
-
+  var ProductPageMain = import_styled_components34.default.div`
   ${(props) => props.theme.breakpoint.LtMd} {
-    display: none;
+    display: contents;
   }
 
-  :after {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: ${size(2.5)};
-    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
-    pointer-events: none;
+  ${(props) => props.theme.breakpoint.Md} {
+    flex: 1 1 100%;
+    min-width: 0;
+    padding-left: ${size(2)};
   }
 `;
-  var Item8 = import_styled_components34.default.div`
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  :focus {
-    outline: none;
-  }
-
+  var ProductPageAsideSection = import_styled_components34.default.div`
   ${(props) => props.theme.breakpoint.LtMd} {
-    //background-color: ${(props) => props.theme.color.textDark};
-    transition: border-radius 150ms ease;
-  }
-`;
-  var SliderWrapper = import_styled_components34.default.div`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-
-  .slick-slider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    user-select: none;
-    touch-action: pan-y;
-    -webkit-tap-highlight-color: transparent;
-
-    .slick-list,
-    .slick-track {
-      transform: translate3d(0, 0, 0);
-    }
-  }
-
-  .slick-list {
-    position: relative;
-    display: block;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-
-    &:focus {
-      outline: none;
-    }
+    order: ${(props) => props.mobileOrder};
 
-    &.dragging {
-      cursor: pointer;
-      cursor: hand;
+    & + & {
+      margin-top: ${size(2)};
     }
-  }
-
-  .slick-track {
-    position: relative;
-    top: 0;
-    left: 0;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
 
-    &::before,
-    &::after {
-      content: '';
-      display: table;
+    :last-child {
+      margin-bottom: ${size(4)};
     }
 
-    &::after {
-      clear: both;
+    ${ProductPageMain} & {
+      margin-top: ${size(2)};
     }
   }
 
-  .slick-slide {
-    display: none;
-    float: left;
-    min-height: 1px;
-  }
-
-  .slick-loading {
-    .slick-track {
-      visibility: hidden;
-    }
-
-    img {
-      display: none;
+  ${(props) => props.theme.breakpoint.Md} {
+    & + & {
+      margin-top: ${size(4)};
     }
-  }
 
-  .slick-initialized {
-    .slick-slide {
-      display: block;
+    ${ProductPageMain} & {
+      margin-bottom: ${size(8)};
     }
   }
-
-  .slick-slide.dragging img {
-    pointer-events: none;
-  }
-
+`;
+  var ProductPageMainSection = import_styled_components34.default.div`
   ${(props) => props.theme.breakpoint.LtMd} {
-    overflow: hidden;
-
-    .slick-list {
-      overflow: visible;
-      width: 95%;
-    }
+    order: 99;
+    padding: ${size(4)} 0;
+    border-top: ${size(1)} solid ${(props) => props.theme.color.accent};
 
-    .slick-slide {
-      border-right: ${size(1)} solid ${(props) => props.theme.color.bg};
-      //transform: scale(0.95);
-      transform-origin: 0 50%;
-      transition: transform 150ms ease;
+    ${Wrapper} & {
+      margin-left: ${size(-2)};
+      margin-right: ${size(-2)};
+      padding-left: ${size(2)};
+      padding-right: ${size(2)};
     }
+  }
 
-    .slick-slide.slick-active {
-      transform: none;
-
-      ${Item8} {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-      }
+  ${(props) => props.theme.breakpoint.Md} {
+    & + & {
+      margin-top: ${size(8)};
+      padding-top: ${size(8)};
+      border-top: 1px solid ${(props) => props.theme.color.border};
     }
   }
 `;
-  var Image2 = import_styled_components34.default.img`
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  margin: auto;
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: cover;
-  cursor: pointer;
-`;
-  var ImageFull = import_styled_components34.default.img`
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
+  var ProductPageContentLimit = import_styled_components34.default.div`
+  max-width: 420px;
 `;
-  var Arrow = (0, import_styled_components34.default)(ButtonReset)`
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${size(4)};
-  height: ${size(4)};
-  border-radius: 50%;
-  font-size: 1rem;
-  line-height: 1;
-  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};
-  transform-origin: 50% 50%;
-  transition: transform 200ms ease;
-
-  :before {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    border-radius: 50%;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
-    opacity: 0;
-    transition: opacity 200ms ease;
-  }
 
-  :hover {
-    :before {
-      opacity: 1;
-    }
-  }
+  // src/hooks/useSearchItem.ts
+  var import_client2 = __require("@apollo/client");
 
-  :active {
-    transform: translateY(-50%) scale(0.95);
-  }
-
-  ${(props) => props.theme.breakpoint.LtSm} {
-    display: none;
-  }
-`;
-  var ArrowLeft = (0, import_styled_components34.default)(Arrow)`
-  left: ${size(2)};
-`;
-  var ArrowRight = (0, import_styled_components34.default)(Arrow)`
-  right: ${size(2)};
-`;
-  var QuickNav = import_styled_components34.default.ul`
-  position: relative;
-  max-height: 100%;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-`;
-  var QuickNavItem = import_styled_components34.default.li.attrs(() => ({
-    className: "wayke__theme wayke__color--primary-text"
-  }))`
-  position: relative;
-
-  & + & {
-    margin-top: ${size(1)};
-  }
-
-  ${({ active }) => active && import_styled_components34.css`
-      :before {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        border: 3px solid currentColor;
-        z-index: 2;
-      }
-    `}
-`;
-  var QuickNavBtn = (0, import_styled_components34.default)(ButtonReset)`
-  position: relative;
-  display: block;
-  width: 100%;
-  height: 0;
-  padding-bottom: 66.66666667%; // 3:2
-  transform-origin: 50% 50%;
-  transition: transform 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
-
-  :before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.15);
-    opacity: 0;
-    z-index: 1;
-    transition: opacity 150ms ease;
-  }
-
-  :hover {
-    :before {
-      opacity: 1;
-    }
-  }
-
-  :active {
-    transform: scale(0.95);
-  }
-`;
-  var QuickNavImg = import_styled_components34.default.img`
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-`;
-  var MediaButtonWrapper = import_styled_components34.default.div`
-  position: absolute;
-  bottom: ${size(2)};
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 1;
-`;
-  var EnableNavigationButton = import_styled_components34.default.div`
-  position: absolute;
-  bottom: ${size(2)};
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 1;
-`;
-
-  // src/components/Lightbox/index.tsx
-  var import_react45 = __toESM(__require("react"));
-
-  // src/components/Lightbox/wrapper.tsx
-  var import_styled_components35 = __toESM(__require("styled-components"));
-  var Wrapper18 = import_styled_components35.default.div`
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: ${size(3)};
-  z-index: 90;
-  overflow: auto;
-
-  ${(props) => props.theme.breakpoint.LtSm} {
-    padding: ${size(2)};
-  }
-`;
-  var UiBlock2 = import_styled_components35.default.div.attrs(() => ({
-    role: "button"
-  }))`
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: rgba(0, 0, 0, 0.3);
-  z-index: -1;
-`;
-  var Item9 = import_styled_components35.default.div`
-  position: relative;
-
-  & + & {
-    margin-top: ${size(1)};
-  }
-`;
-  var Img2 = import_styled_components35.default.img`
-  position: relative;
-  display: block;
-  max-width: 100%;
-  max-height: calc(100vh - ${size(6)});
-  margin: 0 auto;
-  z-index: 1;
-
-  ${(props) => props.theme.breakpoint.LtSm} {
-    max-height: calc(100vh - ${size(4)});
-  }
-`;
-  var CloseBtn2 = (0, import_styled_components35.default)(ButtonReset)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: fixed;
-  top: ${size(2)};
-  right: ${size(2)};
-  width: ${size(5)};
-  height: ${size(5)};
-  border-radius: 50%;
-  background-color: ${(props) => props.theme.color.bg};
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  transform-origin: 50% 50%;
-  transition: 200ms ease, transform 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
-  z-index: 1;
-
-  :before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: ${(props) => props.theme.color.hoverOverlay};
-    border-radius: 50%;
-    opacity: 0;
-    transition: opacity 150ms ease;
-  }
-
-  :hover {
-    :before {
-      opacity: 1;
-    }
-  }
-
-  :active {
-    transform: scale(0.97);
-  }
-
-  ${(props) => props.theme.breakpoint.LtSm} {
-    top: ${size(1)};
-    right: ${size(1)};
-  }
-`;
-
-  // src/components/Video/EmbeddedVideoLightbox.tsx
-  var import_react41 = __toESM(__require("react"));
-
-  // src/components/Video/YoutubePlayer.tsx
-  var import_react38 = __toESM(__require("react"));
-
-  // src/components/Video/utils.ts
-  var getVimeoId = (url) => {
-    const regExp = /\/(\d+)/;
-    const match = url.match(regExp);
-    return match && match[1].length > 3 ? match[1] : "";
-  };
-  var getYouTubeId = (url) => {
-    const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
-    const match = url.match(regExp);
-    return match && match[7].length === 11 ? match[7] : "";
-  };
-  var youtubeBase = "https://img.youtube.com/vi/";
-  var getYoutubeThumbnail = (url) => {
-    const id = getYouTubeId(url);
-    if (!id) {
-      return void 0;
-    }
-    return {
-      maxresdefault: `${youtubeBase}${id}/maxresdefault.jpg`,
-      hqdefault: `${youtubeBase}${id}/hqdefault.jpg`,
-      mqdefault: `${youtubeBase}${id}/mqdefault.jpg`
-    };
-  };
-  var onImageLoad = (e, thumbnail) => {
-    if (thumbnail?.length === 2 && e.currentTarget.src === thumbnail[0] && e.currentTarget.naturalWidth === 120 && e.currentTarget.naturalHeight === 90) {
-      e.currentTarget.src = thumbnail[1];
-    }
-  };
-  var onImageError = (e, thumbnail) => {
-    if (thumbnail?.length === 2) {
-      e.currentTarget.src = thumbnail[1];
-    }
-  };
-
-  // src/components/Video/wrapper.tsx
-  var import_styled_components36 = __toESM(__require("styled-components"));
-  var Wrapper19 = import_styled_components36.default.div`
-  position: relative;
-  width: 100%;
-  height: ${(props) => props.isPreview ? "100%" : 0};
-  padding-bottom: ${(props) => props.ratio ? props.ratio : "56.25%"};
-`;
-  var Iframe = import_styled_components36.default.iframe.attrs(() => ({
-    width: "100%",
-    height: "100%",
-    allowFullScreen: true,
-    frameBorder: "0"
-  }))`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-`;
-
-  // src/components/Video/YoutubePlayer.tsx
-  var YouTubePlayer = ({ url, autoplay }) => /* @__PURE__ */ import_react38.default.createElement(Wrapper19, null, /* @__PURE__ */ import_react38.default.createElement(Iframe, {
-    src: `https://www.youtube.com/embed/${getYouTubeId(url)}?&enablejsapi=1&?rel=0${autoplay ? "&autoplay=1" : ""}`
-  }));
-  var YoutubePlayer_default = YouTubePlayer;
-
-  // src/components/Video/VimeoPlayer.tsx
-  var import_react39 = __toESM(__require("react"));
-  var VimeoPlayer = ({ url, autoplay }) => /* @__PURE__ */ import_react39.default.createElement(Wrapper19, null, /* @__PURE__ */ import_react39.default.createElement(Iframe, {
-    src: `https://player.vimeo.com/video/${getVimeoId(url)}?${autoplay ? "&autoplay=1" : ""}&loop=0&autopause=0`
-  }));
-  var VimeoPlayer_default = VimeoPlayer;
-
-  // src/components/Video/CustomPlayer.tsx
-  var import_react40 = __toESM(__require("react"));
-
-  // src/components/Video/Video.tsx
-  var import_styled_components37 = __toESM(__require("styled-components"));
-  var Video = import_styled_components37.default.video`
-  position: absolute;
-  top: 0;
-  left: 0;
-  object-fit: ${({ modal }) => modal ? "contain" : "cover"};
-`;
-  var Video_default = Video;
-
-  // src/components/Video/CustomPlayer.tsx
-  var CustomPlayer = ({ url, controls, modal, ratio = "56.25%", isPreview }) => {
-    return /* @__PURE__ */ import_react40.default.createElement(Wrapper19, {
-      ratio,
-      isPreview
-    }, /* @__PURE__ */ import_react40.default.createElement(Video_default, {
-      key: url,
-      modal,
-      preload: "metadata",
-      controls,
-      width: "100%",
-      height: "100%",
-      src: url
-    }));
-  };
-  var CustomPlayer_default = CustomPlayer;
-
-  // src/components/Video/EmbeddedVideoLightbox.tsx
-  var ytNames = ["youtube.com", "youtu.be"];
-  var isYouTubeVideo = (url) => ytNames.some((host) => url.indexOf(host) >= 0);
-  var vNames = ["vimeo.com"];
-  var isVimeoVideo = (url) => vNames.some((host) => url.indexOf(host) >= 0);
-  var VideoPlayer = ({ url, autoplay = false, controls = true }) => {
-    if (!url)
-      return null;
-    if (isYouTubeVideo(url))
-      return /* @__PURE__ */ import_react41.default.createElement(YoutubePlayer_default, {
-        url,
-        autoplay
-      });
-    if (isVimeoVideo(url))
-      return /* @__PURE__ */ import_react41.default.createElement(VimeoPlayer_default, {
-        url,
-        autoplay
-      });
-    return /* @__PURE__ */ import_react41.default.createElement(CustomPlayer_default, {
-      ratio: "56.25%",
-      controls,
-      url
-    });
-  };
-  var EmbeddedVideoLightbox_default = VideoPlayer;
-
-  // src/components/ThreeSixty/ThreeSixtLightbox.tsx
-  var import_react44 = __toESM(__require("react"));
-
-  // src/components/Gallery/MediaButton.tsx
-  var import_react42 = __toESM(__require("react"));
-  var MediaButton = ({ text, onClick }) => /* @__PURE__ */ import_react42.default.createElement(MediaButtonWrapper, null, /* @__PURE__ */ import_react42.default.createElement(ButtonSecondary, {
-    onClick,
-    title: text
-  }, /* @__PURE__ */ import_react42.default.createElement(ButtonContent, null, text)));
-  var MediaButton_default = MediaButton;
-
-  // src/components/ThreeSixty/Rotation.tsx
-  var import_react43 = __toESM(__require("react"));
-  var calculateCurrentFrame = (startFrame, delta, length) => {
-    const frame = (startFrame + delta) % length;
-    if (frame < 0) {
-      return frame + length;
-    }
-    return frame;
-  };
-  var Rotation = ({ children }) => {
-    const startFrame = (0, import_react43.useRef)(0);
-    const pointerPosition = (0, import_react43.useRef)();
-    const max = (0, import_react43.useRef)(0);
-    const [state, setState] = (0, import_react43.useState)({
-      current: 0,
-      outsideMouseMove: false
-    });
-    (0, import_react43.useEffect)(() => {
-      document.addEventListener("mouseup", touchEnd);
-      return () => {
-        window.document.removeEventListener("mouseup", touchEnd);
-        window.document.body.removeEventListener("mousemove", mouseMove);
-        window.document.body.removeEventListener("mouseup", mouseUp);
-      };
-    }, []);
-    const touchMove = (event) => {
-      const notTouched = typeof pointerPosition.current !== "number";
-      event.preventDefault();
-      if (notTouched) {
-        return;
-      }
-      const childCount = import_react43.Children.count(children);
-      const { offsetWidth } = event.currentTarget;
-      const pointer = calculatePointerPosition(event);
-      const max2 = offsetWidth;
-      const offset = pointer - (pointerPosition.current || 0);
-      const delta = Math.floor(offset / max2 * childCount);
-      setCurrentFrame(calculateCurrentFrame(startFrame.current, delta, childCount));
-    };
-    const mouseMove = (event) => {
-      const notTouched = typeof pointerPosition.current !== "number";
-      event.preventDefault();
-      if (notTouched || !state.outsideMouseMove)
-        return;
-      const childCount = import_react43.Children.count(children);
-      const pointer = calculatePointerPosition(event);
-      const offset = pointer - (pointerPosition.current || 0);
-      const delta = Math.floor(offset / max.current * childCount);
-      setCurrentFrame(calculateCurrentFrame(startFrame.current, delta, childCount));
-    };
-    const mouseUp = () => {
-      window.document.body.removeEventListener("mousemove", mouseMove);
-      window.document.body.removeEventListener("mouseup", mouseUp);
-      pointerPosition.current = void 0;
-      startFrame.current = 0;
-    };
-    const touchStart = (event) => {
-      event.preventDefault();
-      pointerPosition.current = calculatePointerPosition(event);
-      startFrame.current = state.current;
-      const { offsetWidth } = event.currentTarget;
-      max.current = offsetWidth;
-      window.document.body.addEventListener("mousemove", mouseMove);
-      window.document.body.addEventListener("mouseup", mouseUp);
-    };
-    const touchEnd = (event) => {
-      event.preventDefault();
-      pointerPosition.current = void 0;
-      startFrame.current = 0;
-    };
-    const onMouseEnter = () => {
-      if (state.outsideMouseMove)
-        setState({ ...state, outsideMouseMove: false });
-    };
-    const onMouseLeave = () => {
-      if (!state.outsideMouseMove)
-        setState({ ...state, outsideMouseMove: true });
-    };
-    const setCurrentFrame = (current) => {
-      if (current !== state.current) {
-        setState({ ...state, current });
-      }
-    };
-    const calculatePointerPosition = (event) => {
-      const { clientX } = event.type.indexOf("touch") === 0 ? event.changedTouches[0] : event;
-      const { offsetLeft } = event.currentTarget;
-      return clientX - offsetLeft;
-    };
-    return /* @__PURE__ */ import_react43.default.createElement("div", {
-      onTouchStart: touchStart,
-      onTouchMove: touchMove,
-      onTouchEnd: touchEnd,
-      onMouseDown: touchStart,
-      onMouseMove: touchMove,
-      onMouseEnter,
-      onMouseLeave
-    }, import_react43.Children.map(
-      children,
-      (child, i) => (0, import_react43.cloneElement)(child, {
-        style: {
-          width: "100%",
-          display: state.current === i ? "block" : "none"
-        }
-      })
-    ));
-  };
-  var Rotation_default = Rotation;
-
-  // src/components/ThreeSixty/ThreeSixtLightbox.tsx
-  var ThreeSixtyLightbox = ({ urls }) => {
-    const [started2, setStarted] = (0, import_react44.useState)(false);
-    const onStart = (0, import_react44.useCallback)(() => setStarted(true), []);
-    if (!started2) {
-      return /* @__PURE__ */ import_react44.default.createElement(Item9, null, /* @__PURE__ */ import_react44.default.createElement(Img2, {
-        src: urls[0],
-        alt: "alt"
-      }), /* @__PURE__ */ import_react44.default.createElement(MediaButton_default, {
-        text: "Starta 360\xB0 exteri\xF6rt",
-        onClick: onStart
-      }));
-    }
-    return /* @__PURE__ */ import_react44.default.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ import_react44.default.createElement(Img2, {
-      key: image,
-      src: image,
-      alt: `Bild ${i + 1}`
-    })));
-  };
-  var ThreeSixtLightbox_default = ThreeSixtyLightbox;
-
-  // src/components/Lightbox/index.tsx
-  var Lightbox = ({ index: index2, media, onClose }) => {
-    const onRef = (ref) => {
-      if (ref) {
-        setTimeout(() => {
-          ref.scrollIntoView();
-        }, 300);
-      }
-    };
-    const onKeyDown = (e) => {
-      if (e.keyCode === 27) {
-        onClose();
-      }
-    };
-    return /* @__PURE__ */ import_react45.default.createElement(Wrapper18, {
-      ref: (ref) => ref?.focus(),
-      onKeyDown,
-      tabIndex: 0
-    }, /* @__PURE__ */ import_react45.default.createElement(UiBlock2, {
-      onClick: onClose,
-      "aria-hidden": true
-    }), media.filter((x) => x.type !== "sphere").map((m, i) => /* @__PURE__ */ import_react45.default.createElement(Item9, {
-      key: i,
-      ref: index2 === i ? onRef : void 0
-    }, m.type === "image" && /* @__PURE__ */ import_react45.default.createElement(Img2, {
-      id: `lightbox-image-${i}`,
-      src: m.files[0].url,
-      alt: `Bild ${i + 1}`
-    }), m.type === "threesixty" && /* @__PURE__ */ import_react45.default.createElement(ThreeSixtLightbox_default, {
-      urls: m.files.map((x) => x.url)
-    }), m.type === "embedded" && /* @__PURE__ */ import_react45.default.createElement(EmbeddedVideoLightbox_default, {
-      url: m.files[0].url
-    }))), /* @__PURE__ */ import_react45.default.createElement(CloseBtn2, {
-      onClick: onClose,
-      title: "St\xE4ng"
-    }, /* @__PURE__ */ import_react45.default.createElement(IconCancel, {
-      block: true
-    })));
-  };
-  var Lightbox_default = Lightbox;
-
-  // src/components/Video/EmbededVideo.tsx
-  var import_react49 = __toESM(__require("react"));
-
-  // src/components/Video/useThumbnail.ts
-  var import_react48 = __require("react");
-
-  // src/hooks/useVimeoThumbnail.ts
-  var import_react47 = __require("react");
-
-  // src/hooks/useFetch.ts
-  var import_react46 = __require("react");
-  var cache = {};
-  var getCachedResult = (key) => cache?.[key] || void 0;
-  var setCachedResult = (key, value) => {
-    cache[key] = value;
-  };
-  var pendingPromise = {};
-  var isPendingPromise = (url) => !!pendingPromise[url];
-  var setPendingPromise = (url, promise) => {
-    pendingPromise = {
-      ...pendingPromise,
-      [url]: promise
-    };
-  };
-  var clearPendingPromise = (url) => {
-    delete pendingPromise[url];
-  };
-  var useFetch = (path, options, skip, promiseCache) => {
-    const [data, setData] = (0, import_react46.useState)();
-    const [loading, setLoading] = (0, import_react46.useState)(false);
-    const [error, setError] = (0, import_react46.useState)(false);
-    const doFetch = (0, import_react46.useCallback)(async () => {
-      const key = path.toString();
-      const cached = getCachedResult(key);
-      setError(false);
-      if (cached) {
-        setData(cached);
-        return;
-      }
-      setLoading(true);
-      try {
-        const reusePromise = promiseCache && isPendingPromise(key);
-        const request = reusePromise ? pendingPromise[key] : fetch(path, options);
-        if (promiseCache) {
-          setPendingPromise(key, request);
-        }
-        const result = await request;
-        if (result.ok) {
-          const json2 = await result.clone().json();
-          setCachedResult(key, json2);
-          setData(json2);
-        }
-      } catch (e) {
-        setError(true);
-      } finally {
-        setLoading(false);
-        clearPendingPromise(key);
-      }
-      return;
-    }, [path, options]);
-    (0, import_react46.useEffect)(() => {
-      if (!skip) {
-        doFetch();
-      }
-    }, [path, skip]);
-    return {
-      loading,
-      data,
-      error
-    };
-  };
-  var useFetch_default = useFetch;
-
-  // src/hooks/useVimeoThumbnail.ts
-  var useVimeoThumbnail = (id, small) => {
-    const [thumbnail, setThumbnail] = (0, import_react47.useState)();
-    const { data } = useFetch_default(
-      `http://vimeo.com/api/v2/video/${id}.json`,
-      {},
-      !id || !!thumbnail,
-      true
-    );
-    (0, import_react47.useEffect)(() => {
-      if (data?.[0]) {
-        if (small && data[0].thumbnail_small) {
-          setThumbnail(data[0].thumbnail_small);
-        } else if (data[0].thumbnail_large) {
-          setThumbnail(data[0].thumbnail_large);
-        }
-      }
-    }, [data]);
-    return thumbnail;
-  };
-  var useVimeoThumbnail_default = useVimeoThumbnail;
-
-  // src/components/Video/useThumbnail.ts
-  var useThumbnail = (url, small) => {
-    if (url?.toLowerCase().endsWith(".mp4"))
-      return;
-    const [thumbnail, setThumbnail] = (0, import_react48.useState)();
-    const vimeoId = url ? getVimeoId(url) : void 0;
-    const vimeoThumbnail = useVimeoThumbnail_default(vimeoId, small);
-    (0, import_react48.useEffect)(() => {
-      if (url) {
-        const youtubeThumbnail = getYoutubeThumbnail(url);
-        if (youtubeThumbnail) {
-          if (small) {
-            setThumbnail([youtubeThumbnail.mqdefault]);
-          } else {
-            setThumbnail([youtubeThumbnail.maxresdefault, youtubeThumbnail.hqdefault]);
-          }
-        }
-      }
-    }, [url]);
-    return vimeoThumbnail ? [vimeoThumbnail] : thumbnail;
-  };
-  var useThumbnail_default = useThumbnail;
-
-  // src/components/Modal/index.tsx
-  var React46 = __toESM(__require("react"));
-
-  // src/components/Modal/wrapper.tsx
-  var import_styled_components38 = __toESM(__require("styled-components"));
-  var Wrapper20 = import_styled_components38.default.div.attrs(() => ({
-    role: "dialog"
-  }))`
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  white-space: normal;
-  text-align: left;
-  z-index: 90;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  ${(props) => props.theme.breakpoint.Sm} {
-    padding: ${size(2)};
-  }
-`;
-  var UiBlock3 = import_styled_components38.default.div.attrs(() => ({
-    "aria-hidden": "true",
-    role: "button"
-  }))`
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: rgba(0, 0, 0, 0.35);
-  z-index: -1;
-
-  ${(props) => props.theme.breakpoint.LtMd} {
-    animation: ${fadeIn} 300ms ease forwards;
-  }
-
-  ${(props) => props.theme.breakpoint.Md} {
-    animation: ${fadeIn} 400ms ease forwards;
-  }
-`;
-  var Dialog = import_styled_components38.default.article.attrs(() => ({
-    className: "wayke__theme wayke__font--regular"
-  }))`
-  display: flex;
-  flex-direction: column;
-  background-color: ${(props) => props.theme.color.bg};
-  z-index: 1;
-  width: 100%;
-  max-width: 680px;
-  max-height: 100%;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
-  overflow: hidden;
-
-  ${(props) => props.theme.breakpoint.LtSm} {
-    align-self: flex-end;
-    transform: translateY(100%);
-    animation: ${noTransform} 300ms ease forwards;
-  }
-
-  ${(props) => props.theme.breakpoint.Sm} {
-    transform: translateY(${size(2)});
-    animation: ${fadeIn} 400ms ease, ${noTransform} 400ms ease forwards;
-  }
-`;
-  var Content4 = import_styled_components38.default.div`
-  flex: 1 1 auto;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-`;
-  var Header4 = import_styled_components38.default.header`
-  display: flex;
-  align-items: center;
-  min-height: 60px;
-  padding: ${size(3)};
-  padding-bottom: 0;
-`;
-  var Heading5 = import_styled_components38.default.div`
-  flex: 1 1 auto;
-
-  ${H1} {
-    font-size: 1.5rem;
-  }
-`;
-  var Close2 = import_styled_components38.default.div`
-  flex-shrink: 0;
-  margin: ${size(-2)};
-  padding-left: ${size(3)};
-`;
-  var CloseBtn3 = (0, import_styled_components38.default)(ButtonReset)`
-  display: block;
-  padding: ${size(2)};
-`;
-  var Body4 = import_styled_components38.default.div`
-  padding: ${size(3)};
-`;
-  var Image3 = import_styled_components38.default.img`
-  display: block;
-  width: calc(100% + ${size(6)});
-  margin-left: ${size(-3)};
-  margin-bottom: ${size(3)};
-`;
-  var ModalFoldout = import_styled_components38.default.div`
-  background-color: ${(props) => props.theme.color.accent};
-  margin: ${size(-3)};
-  margin-top: ${size(3)};
-  padding: ${size(3)};
-`;
-  var ModalFoldoutBody = import_styled_components38.default.div``;
-
-  // src/components/Modal/index.tsx
-  var Modal = ({ id, title, onClose, children }) => {
-    return /* @__PURE__ */ React46.createElement(portal_default, {
-      id: id || portal_namespace_exports.DefaultPortal
-    }, /* @__PURE__ */ React46.createElement(Wrapper20, {
-      onClick: (e) => e.stopPropagation()
-    }, /* @__PURE__ */ React46.createElement(UiBlock3, {
-      onClick: onClose,
-      title: "St\xE4ng modal"
-    }), /* @__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__ */ React46.createElement(Close2, null, /* @__PURE__ */ React46.createElement(CloseBtn3, {
-      onClick: onClose,
-      title: "St\xE4ng modal"
-    }, /* @__PURE__ */ React46.createElement(IconCancel, {
-      block: true
-    })))), /* @__PURE__ */ React46.createElement(Body4, null, children)))));
-  };
-  var Modal_default = Modal;
-
-  // src/components/Video/EmbededVideo.tsx
-  var GalleryEmbed = ({ src, index: index2 }) => {
-    const [modal, setModal] = (0, import_react49.useState)();
-    const thumbnail = useThumbnail_default(src);
-    const onClick = (e) => {
-      e.stopPropagation();
-      setModal(src);
-    };
-    const onCloseModal = (e) => {
-      e.stopPropagation();
-      setModal(void 0);
-    };
-    const onError = (0, import_react49.useCallback)(
-      (e) => onImageError(e, thumbnail),
-      [thumbnail]
-    );
-    const onLoad = (0, import_react49.useCallback)(
-      (e) => onImageLoad(e, thumbnail),
-      [thumbnail]
-    );
-    const customVideo = src.toLowerCase().endsWith(".mp4");
-    if (thumbnail?.length && !customVideo) {
-      return /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement(ImageFull, {
-        onLoad,
-        src: thumbnail[0],
-        onError,
-        alt: `Bild ${index2 + 1}`
-      }), /* @__PURE__ */ import_react49.default.createElement(MediaButton_default, {
-        text: "Spela video",
-        onClick
-      }), modal && /* @__PURE__ */ import_react49.default.createElement(Modal_default, {
-        title: "Video",
-        onClose: onCloseModal
-      }, /* @__PURE__ */ import_react49.default.createElement(EmbeddedVideoLightbox_default, {
-        url: modal
-      })));
-    }
-    if (customVideo)
-      return /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement(CustomPlayer_default, {
-        ratio: "66.66%",
-        isPreview: true,
-        controls: false,
-        url: src
-      }), /* @__PURE__ */ import_react49.default.createElement(MediaButton_default, {
-        text: "Spela video",
-        onClick
-      }), modal && /* @__PURE__ */ import_react49.default.createElement(Modal_default, {
-        title: "Video",
-        onClose: onCloseModal
-      }, /* @__PURE__ */ import_react49.default.createElement(EmbeddedVideoLightbox_default, {
-        url: modal
-      })));
-    return null;
-  };
-  var EmbededVideo_default = GalleryEmbed;
-
-  // src/components/Video/QuickNavEmbeded.tsx
-  var import_react50 = __toESM(__require("react"));
-  var QuickNavEmbeded = ({ src, index: index2 }) => {
-    const thumbnail = useThumbnail_default(src);
-    const onError = (0, import_react50.useCallback)(
-      (e) => onImageError(e, thumbnail),
-      [thumbnail]
-    );
-    const onLoad = (0, import_react50.useCallback)(
-      (e) => onImageLoad(e, thumbnail),
-      [thumbnail]
-    );
-    const customVideo = src?.toLowerCase().endsWith(".mp4");
-    if (thumbnail?.length && !customVideo)
-      return /* @__PURE__ */ import_react50.default.createElement(QuickNavImg, {
-        onLoad,
-        src: thumbnail[0],
-        onError,
-        alt: `Bild ${index2 + 1}`
-      });
-    if (customVideo)
-      return /* @__PURE__ */ import_react50.default.createElement(CustomPlayer_default, {
-        key: index2,
-        url: src,
-        ratio: "66.66%"
-      });
-    return null;
-  };
-  var QuickNavEmbeded_default = QuickNavEmbeded;
-
-  // src/components/ThreeSixty/ThreeSixty.tsx
-  var import_react51 = __toESM(__require("react"));
-  var onMediaClick = (e, func) => {
-    e.stopPropagation();
-    e.preventDefault();
-    func();
-  };
-  var ThreeSixty = ({ urls, visible, onDisableNavigation, navigationDisabled }) => {
-    if (!visible || !navigationDisabled && visible) {
-      return /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement(Image2, {
-        src: urls[0],
-        alt: "alt"
-      }), /* @__PURE__ */ import_react51.default.createElement(MediaButton_default, {
-        text: "Starta 360\xB0 exteri\xF6rt",
-        onClick: (e) => onMediaClick(e, onDisableNavigation)
-      }));
-    }
-    if (navigationDisabled && visible) {
-      return /* @__PURE__ */ import_react51.default.createElement("div", {
-        onClick: (e) => {
-          e.stopPropagation();
-          e.preventDefault();
-        }
-      }, /* @__PURE__ */ import_react51.default.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ import_react51.default.createElement(Image2, {
-        key: image,
-        src: image,
-        alt: `Bild ${i + 1}`
-      }))));
-    }
-    return null;
-  };
-  var ThreeSixty_default = ThreeSixty;
-
-  // src/components/Gallery/index.tsx
-  var sliderSettings = {
-    dots: false,
-    arrows: false,
-    infinite: true,
-    speed: 300,
-    slidesToShow: 1,
-    slidesToScroll: 1
-  };
-  var Gallery = ({ media, placeholderImage }) => {
-    const slider = (0, import_react52.useRef)(null);
-    const quickNavRef = (0, import_react52.useRef)(null);
-    const isDragging = (0, import_react52.useRef)(false);
-    const [index2, setIndex] = (0, import_react52.useState)(0);
-    const [lightbox, setLightbox] = (0, import_react52.useState)(false);
-    const [navigationDisabled, setNavigationDisabled] = (0, import_react52.useState)(false);
-    const beforeChange = (0, import_react52.useCallback)((_, newIndex) => {
-      const element = quickNavRef.current?.querySelectorAll("li")?.[newIndex];
-      if (element) {
-        (0, import_scroll_into_view_if_needed.default)(element, { scrollMode: "if-needed", block: "nearest", inline: "nearest" });
-      }
-      setIndex(newIndex);
-    }, []);
-    const onMouseDown = (0, import_react52.useCallback)(() => {
-      if (isDragging.current) {
-        isDragging.current = false;
-      }
-    }, []);
-    const onMouseMove = (0, import_react52.useCallback)(() => {
-      if (!isDragging.current) {
-        isDragging.current = true;
-      }
-    }, []);
-    const onClick = (0, import_react52.useCallback)(() => {
-      pubsub_default.publish("ImagesClick");
-      if (!isDragging.current && !lightbox && !!media?.length) {
-        setLightbox(true);
-      }
-    }, [lightbox, media]);
-    const nextImage = (0, import_react52.useCallback)(() => {
-      if (!slider || !slider.current) {
-        return;
-      }
-      slider.current.slickNext();
-    }, [slider]);
-    const prevImage = (0, import_react52.useCallback)(() => {
-      if (!slider || !slider.current) {
-        return;
-      }
-      slider.current.slickPrev();
-    }, [slider]);
-    const goTo = (target) => {
-      if (!slider || !slider.current) {
-        return;
-      }
-      if (slider.current) {
-        setIndex(target);
-        slider.current.slickGoTo(target);
-      }
-    };
-    const onDisableNavigation = () => {
-      if (!isDragging.current)
-        setNavigationDisabled(true);
-    };
-    const onEnableNavigation = (e) => {
-      e.stopPropagation();
-      isDragging.current = false;
-      setNavigationDisabled(false);
-    };
-    const onToggleLightbox = (0, import_react52.useCallback)(() => setLightbox(!lightbox), [lightbox]);
-    const mediaLength = media?.length || 0;
-    const placeholder = (0, import_react52.useMemo)(
-      () => placeholderImage || DEFAULT_PLACEHOLDER_IMAGE,
-      [placeholderImage]
-    );
-    return /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement(Wrapper17, null, /* @__PURE__ */ import_react52.default.createElement(Main, null, /* @__PURE__ */ import_react52.default.createElement(SliderWrapper, {
-      onMouseDown,
-      onMouseMove,
-      onClick
-    }, /* @__PURE__ */ import_react52.default.createElement(import_react_slick.default, {
-      ...sliderSettings,
-      swipe: !navigationDisabled,
-      touchMove: !navigationDisabled,
-      swipeToSlide: !navigationDisabled,
-      ref: slider,
-      beforeChange
-    }, !!media?.length ? media.filter((x) => x.type !== "sphere").map((m, i) => /* @__PURE__ */ import_react52.default.createElement(Item8, {
-      key: m.files[0].url || i
-    }, m.type === "image" && /* @__PURE__ */ import_react52.default.createElement(Image2, {
-      src: m.files[0].formats.filter(notEmpty).find((x) => x.format === "1170x")?.url,
-      alt: `Bild ${i + 1}`
-    }), m.type === "threesixty" && /* @__PURE__ */ import_react52.default.createElement(ThreeSixty_default, {
-      urls: m.files.map((x) => x.url),
-      visible: i === index2,
-      onDisableNavigation,
-      navigationDisabled
-    }), m.type === "embedded" && /* @__PURE__ */ import_react52.default.createElement(EmbededVideo_default, {
-      src: m.files[0].url,
-      index: i + 1
-    }))) : /* @__PURE__ */ import_react52.default.createElement(Item8, {
-      key: placeholder
-    }, /* @__PURE__ */ import_react52.default.createElement(Image2, {
-      src: placeholder,
-      alt: `Bild 1`
-    }))), navigationDisabled && mediaLength > 1 && /* @__PURE__ */ import_react52.default.createElement(EnableNavigationButton, null, /* @__PURE__ */ import_react52.default.createElement(ButtonSecondary, {
-      onClick: onEnableNavigation,
-      title: "St\xE4ng"
-    }, /* @__PURE__ */ import_react52.default.createElement(ButtonContent, null, "St\xE4ng")))), !navigationDisabled && mediaLength > 1 && /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement(ArrowLeft, {
-      onClick: prevImage,
-      title: "F\xF6reg\xE5ende bild"
-    }, /* @__PURE__ */ import_react52.default.createElement(IconChevronLeft, {
-      block: true
-    })), /* @__PURE__ */ import_react52.default.createElement(ArrowRight, {
-      onClick: nextImage,
-      title: "N\xE4sta bild"
-    }, /* @__PURE__ */ import_react52.default.createElement(IconChevronRight, {
-      block: true
-    })))), /* @__PURE__ */ import_react52.default.createElement(Alt, null, /* @__PURE__ */ import_react52.default.createElement(QuickNav, {
-      ref: quickNavRef
-    }, !!media?.length ? media.map((m, i) => {
-      const src = m.files[0].formats.filter(notEmpty).find((x) => x.format === "225x150")?.url || m.files[0].url;
-      return /* @__PURE__ */ import_react52.default.createElement(QuickNavItem, {
-        key: src || i,
-        active: index2 === i
-      }, /* @__PURE__ */ import_react52.default.createElement(QuickNavBtn, {
-        onClick: () => goTo(i),
-        title: `G\xE5 till bild ${i + 1}`
-      }, m.type === "image" && /* @__PURE__ */ import_react52.default.createElement(QuickNavImg, {
-        src,
-        alt: `Bild ${i + 1}`
-      }), m.type === "threesixty" && /* @__PURE__ */ import_react52.default.createElement(QuickNavImg, {
-        src,
-        alt: `Bild ${i + 1}`
-      }), m.type === "embedded" && /* @__PURE__ */ import_react52.default.createElement(QuickNavEmbeded_default, {
-        src,
-        index: i
-      }), m.type === "sphere" && /* @__PURE__ */ import_react52.default.createElement(QuickNavImg, {
-        src: m.files[0].url,
-        alt: `Bild ${i + 1}`
-      })));
-    }) : /* @__PURE__ */ import_react52.default.createElement(QuickNavItem, {
-      key: placeholder,
-      active: true
-    }, /* @__PURE__ */ import_react52.default.createElement(QuickNavBtn, {
-      onClick: () => goTo(0),
-      title: `G\xE5 till bild 0`
-    }, /* @__PURE__ */ import_react52.default.createElement(QuickNavImg, {
-      src: placeholder,
-      alt: `Bild 1`
-    })))))), lightbox && !!media?.length && /* @__PURE__ */ import_react52.default.createElement(Lightbox_default, {
-      media,
-      index: index2,
-      onClose: onToggleLightbox
-    }));
-  };
-  var Gallery_default = Gallery;
-
-  // src/components/ProductPage/index.tsx
-  var import_styled_components39 = __toESM(__require("styled-components"));
-  var ProductPage = import_styled_components39.default.div`
-  display: flex;
-  flex-direction: column;
-
-  ${(props) => props.theme.breakpoint.Md} {
-    flex-direction: row;
-  }
-`;
-  var ProductPageAside = import_styled_components39.default.div`
-  ${(props) => props.theme.breakpoint.LtMd} {
-    display: contents;
-  }
-
-  ${(props) => props.theme.breakpoint.Md} {
-    flex-shrink: 0;
-    width: calc(375px + ${size(2)});
-    padding-right: ${size(2)};
-  }
-`;
-  var ProductPageMain = import_styled_components39.default.div`
-  ${(props) => props.theme.breakpoint.LtMd} {
-    display: contents;
-  }
-
-  ${(props) => props.theme.breakpoint.Md} {
-    flex: 1 1 100%;
-    min-width: 0;
-    padding-left: ${size(2)};
-  }
-`;
-  var ProductPageAsideSection = import_styled_components39.default.div`
-  ${(props) => props.theme.breakpoint.LtMd} {
-    order: ${(props) => props.mobileOrder};
-
-    & + & {
-      margin-top: ${size(2)};
-    }
-
-    :last-child {
-      margin-bottom: ${size(4)};
-    }
-
-    ${ProductPageMain} & {
-      margin-top: ${size(2)};
-    }
-  }
-
-  ${(props) => props.theme.breakpoint.Md} {
-    & + & {
-      margin-top: ${size(4)};
-    }
-
-    ${ProductPageMain} & {
-      margin-bottom: ${size(8)};
-    }
-  }
-`;
-  var ProductPageMainSection = import_styled_components39.default.div`
-  ${(props) => props.theme.breakpoint.LtMd} {
-    order: 99;
-    padding: ${size(4)} 0;
-    border-top: ${size(1)} solid ${(props) => props.theme.color.accent};
-
-    ${Wrapper} & {
-      margin-left: ${size(-2)};
-      margin-right: ${size(-2)};
-      padding-left: ${size(2)};
-      padding-right: ${size(2)};
-    }
-  }
-
-  ${(props) => props.theme.breakpoint.Md} {
-    & + & {
-      margin-top: ${size(8)};
-      padding-top: ${size(8)};
-      border-top: 1px solid ${(props) => props.theme.color.border};
-    }
-  }
-`;
-  var ProductPageContentLimit = import_styled_components39.default.div`
-  max-width: 420px;
-`;
-
-  // src/hooks/useSearchItem.ts
-  var import_client2 = __require("@apollo/client");
-
-  // src/queries/SEARCH_ITEM_QUERY.ts
-  var import_client = __require("@apollo/client");
-  var FinancialOptionDetail = import_client.gql`
-  fragment FinancialOptionDetail on FinancialOptionDetail {
-    current
-    default
-    max
-    min
-    step
+  // src/queries/SEARCH_ITEM_QUERY.ts
+  var import_client = __require("@apollo/client");
+  var FinancialOptionDetail = import_client.gql`
+  fragment FinancialOptionDetail on FinancialOptionDetail {
+    current
+    default
+    max
+    min
+    step
   }
 `;
   var HoursOpen = import_client.gql`
@@ -6438,30 +5210,164 @@
       title
     }
   }
-  ${HoursOpen}
-  ${FinancialOptionDetail}
+  ${HoursOpen}
+  ${FinancialOptionDetail}
+`;
+  var SEARCH_ITEM_QUERY_default = SEARCH_ITEM_QUERY;
+
+  // src/hooks/useSearchItem.ts
+  var useSearchItem = (id) => (0, import_client2.useQuery)(SEARCH_ITEM_QUERY_default, {
+    variables: { id },
+    skip: !id
+  });
+  var useSearchItem_default = useSearchItem;
+
+  // src/components/Modal/index.tsx
+  var React39 = __toESM(__require("react"));
+
+  // src/components/Modal/wrapper.tsx
+  var import_styled_components35 = __toESM(__require("styled-components"));
+  var Wrapper17 = import_styled_components35.default.div.attrs(() => ({
+    role: "dialog"
+  }))`
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  white-space: normal;
+  text-align: left;
+  z-index: 90;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  ${(props) => props.theme.breakpoint.Sm} {
+    padding: ${size(2)};
+  }
+`;
+  var UiBlock2 = import_styled_components35.default.div.attrs(() => ({
+    "aria-hidden": "true",
+    role: "button"
+  }))`
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, 0.35);
+  z-index: -1;
+
+  ${(props) => props.theme.breakpoint.LtMd} {
+    animation: ${fadeIn} 300ms ease forwards;
+  }
+
+  ${(props) => props.theme.breakpoint.Md} {
+    animation: ${fadeIn} 400ms ease forwards;
+  }
 `;
-  var SEARCH_ITEM_QUERY_default = SEARCH_ITEM_QUERY;
+  var Dialog = import_styled_components35.default.article.attrs(() => ({
+    className: "wayke__theme wayke__font--regular"
+  }))`
+  display: flex;
+  flex-direction: column;
+  background-color: ${(props) => props.theme.color.bg};
+  z-index: 1;
+  width: 100%;
+  max-width: 680px;
+  max-height: 100%;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
 
-  // src/hooks/useSearchItem.ts
-  var useSearchItem = (id) => (0, import_client2.useQuery)(SEARCH_ITEM_QUERY_default, {
-    variables: { id },
-    skip: !id
-  });
-  var useSearchItem_default = useSearchItem;
+  ${(props) => props.theme.breakpoint.LtSm} {
+    align-self: flex-end;
+    transform: translateY(100%);
+    animation: ${noTransform} 300ms ease forwards;
+  }
+
+  ${(props) => props.theme.breakpoint.Sm} {
+    transform: translateY(${size(2)});
+    animation: ${fadeIn} 400ms ease, ${noTransform} 400ms ease forwards;
+  }
+`;
+  var Content4 = import_styled_components35.default.div`
+  flex: 1 1 auto;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+`;
+  var Header4 = import_styled_components35.default.header`
+  display: flex;
+  align-items: center;
+  min-height: 60px;
+  padding: ${size(3)};
+  padding-bottom: 0;
+`;
+  var Heading5 = import_styled_components35.default.div`
+  flex: 1 1 auto;
+
+  ${H1} {
+    font-size: 1.5rem;
+  }
+`;
+  var Close2 = import_styled_components35.default.div`
+  flex-shrink: 0;
+  margin: ${size(-2)};
+  padding-left: ${size(3)};
+`;
+  var CloseBtn2 = (0, import_styled_components35.default)(ButtonReset)`
+  display: block;
+  padding: ${size(2)};
+`;
+  var Body4 = import_styled_components35.default.div`
+  padding: ${size(3)};
+`;
+  var Image2 = import_styled_components35.default.img`
+  display: block;
+  width: calc(100% + ${size(6)});
+  margin-left: ${size(-3)};
+  margin-bottom: ${size(3)};
+`;
+  var ModalFoldout = import_styled_components35.default.div`
+  background-color: ${(props) => props.theme.color.accent};
+  margin: ${size(-3)};
+  margin-top: ${size(3)};
+  padding: ${size(3)};
+`;
+  var ModalFoldoutBody = import_styled_components35.default.div``;
+
+  // src/components/Modal/index.tsx
+  var Modal = ({ id, title, onClose, children }) => {
+    return /* @__PURE__ */ React39.createElement(portal_default, {
+      id: id || portal_namespace_exports.DefaultPortal
+    }, /* @__PURE__ */ React39.createElement(Wrapper17, {
+      onClick: (e) => e.stopPropagation()
+    }, /* @__PURE__ */ React39.createElement(UiBlock2, {
+      onClick: onClose,
+      title: "St\xE4ng modal"
+    }), /* @__PURE__ */ React39.createElement(Dialog, null, /* @__PURE__ */ React39.createElement(Content4, null, /* @__PURE__ */ React39.createElement(Header4, null, /* @__PURE__ */ React39.createElement(Heading5, null, /* @__PURE__ */ React39.createElement(H1, {
+      noMargin: true
+    }, title)), /* @__PURE__ */ React39.createElement(Close2, null, /* @__PURE__ */ React39.createElement(CloseBtn2, {
+      onClick: onClose,
+      title: "St\xE4ng modal"
+    }, /* @__PURE__ */ React39.createElement(IconCancel, {
+      block: true
+    })))), /* @__PURE__ */ React39.createElement(Body4, null, children)))));
+  };
+  var Modal_default = Modal;
 
   // src/components/FinancialOptions/index.tsx
-  var import_react60 = __toESM(__require("react"));
+  var import_react46 = __toESM(__require("react"));
 
   // src/components/FinancialOptions/leasing.tsx
-  var import_react54 = __toESM(__require("react"));
+  var import_react40 = __toESM(__require("react"));
 
   // src/components/OptionBox/index.tsx
-  var React51 = __toESM(__require("react"));
+  var React40 = __toESM(__require("react"));
 
   // src/components/OptionBox/wrapper.tsx
-  var import_styled_components40 = __toESM(__require("styled-components"));
-  var Wrapper21 = import_styled_components40.default.div`
+  var import_styled_components36 = __toESM(__require("styled-components"));
+  var Wrapper18 = import_styled_components36.default.div`
   display: flex;
   align-items: center;
   padding: ${size(1)};
@@ -6472,14 +5378,14 @@
     margin-top: ${size(1)};
   }
 `;
-  var Logo2 = import_styled_components40.default.div`
+  var Logo2 = import_styled_components36.default.div`
   position: relative;
   flex-shrink: 0;
   margin-right: ${size(1)};
   width: ${size(9.5)};
   height: ${size(6)};
 `;
-  var LogoImg = import_styled_components40.default.img`
+  var LogoImg = import_styled_components36.default.img`
   display: block;
   position: absolute;
   left: 0;
@@ -6490,17 +5396,17 @@
   max-width: 100%;
   max-height: 100%;
 `;
-  var Content5 = import_styled_components40.default.div`
+  var Content5 = import_styled_components36.default.div`
   flex: 1 1 auto;
   text-align: right;
   line-height: 1.4;
 `;
-  var OptionBoxHeading = import_styled_components40.default.div.attrs(() => ({
+  var OptionBoxHeading = import_styled_components36.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   font-size: 1rem;
 `;
-  var OptionBoxContent = import_styled_components40.default.div`
+  var OptionBoxContent = import_styled_components36.default.div`
   margin-top: ${size(0.5)};
   font-size: 0.875rem;
 
@@ -6510,24 +5416,24 @@
 `;
 
   // src/components/OptionBox/index.tsx
-  var OptionBox = ({ logo, logo2x, logoAlt, children }) => /* @__PURE__ */ React51.createElement(Wrapper21, null, logo && /* @__PURE__ */ React51.createElement(Logo2, null, /* @__PURE__ */ React51.createElement(LogoImg, {
+  var OptionBox = ({ logo, logo2x, logoAlt, children }) => /* @__PURE__ */ React40.createElement(Wrapper18, null, logo && /* @__PURE__ */ React40.createElement(Logo2, null, /* @__PURE__ */ React40.createElement(LogoImg, {
     src: logo,
     srcSet: logo2x,
     alt: logoAlt
-  })), /* @__PURE__ */ React51.createElement(Content5, null, children));
+  })), /* @__PURE__ */ React40.createElement(Content5, null, children));
   var OptionBox_default = OptionBox;
 
   // src/components/DataList/index.tsx
-  var import_react53 = __toESM(__require("react"));
+  var import_react39 = __toESM(__require("react"));
 
   // src/components/DataList/wrapper.tsx
-  var import_styled_components41 = __toESM(__require("styled-components"));
-  var List8 = import_styled_components41.default.ul`
+  var import_styled_components37 = __toESM(__require("styled-components"));
+  var List8 = import_styled_components37.default.ul`
   list-style: none;
   padding: 0;
   margin: 0;
 `;
-  var Item10 = import_styled_components41.default.li`
+  var Item8 = import_styled_components37.default.li`
   display: flex;
   align-items: flex-start;
 
@@ -6535,10 +5441,10 @@
     margin-top: ${size(1)};
   }
 `;
-  var Label7 = import_styled_components41.default.div`
+  var Label7 = import_styled_components37.default.div`
   flex: 1 1 auto;
 `;
-  var Value2 = import_styled_components41.default.div.attrs(() => ({
+  var Value2 = import_styled_components37.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   flex-shrink: 0;
@@ -6546,25 +5452,25 @@
 `;
 
   // src/components/DataList/index.tsx
-  var DataList = ({ items }) => /* @__PURE__ */ import_react53.default.createElement(List8, null, items.map((item) => /* @__PURE__ */ import_react53.default.createElement(Item10, {
+  var DataList = ({ items }) => /* @__PURE__ */ import_react39.default.createElement(List8, null, items.map((item) => /* @__PURE__ */ import_react39.default.createElement(Item8, {
     key: item.label
-  }, /* @__PURE__ */ import_react53.default.createElement(Label7, null, item.label), /* @__PURE__ */ import_react53.default.createElement(Value2, null, item.value))));
+  }, /* @__PURE__ */ import_react39.default.createElement(Label7, null, item.label), /* @__PURE__ */ import_react39.default.createElement(Value2, null, item.value))));
   var DataList_default = DataList;
 
   // src/components/FinancialOptions/leasing.tsx
   var Leasing = ({ financialOption }) => {
-    const [modal, setModal] = (0, import_react54.useState)(false);
-    const toggleModal = (0, import_react54.useCallback)(() => setModal(!modal), [modal]);
+    const [modal, setModal] = (0, import_react40.useState)(false);
+    const toggleModal = (0, import_react40.useCallback)(() => setModal(!modal), [modal]);
     const { image, description, monthlyCost, duration, mileage } = financialOption;
-    return /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, modal && /* @__PURE__ */ import_react54.default.createElement(Modal_default, {
+    return /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, modal && /* @__PURE__ */ import_react40.default.createElement(Modal_default, {
       title: "Privatleasing",
       onClose: toggleModal
-    }, image && /* @__PURE__ */ import_react54.default.createElement(Image3, {
+    }, image && /* @__PURE__ */ import_react40.default.createElement(Image2, {
       src: image,
       alt: "Privatleasing"
-    }), description && /* @__PURE__ */ import_react54.default.createElement(Content_default, {
+    }), description && /* @__PURE__ */ import_react40.default.createElement(Content_default, {
       dangerouslySetInnerHTML: { __html: description }
-    }), /* @__PURE__ */ import_react54.default.createElement(ModalFoldout, null, /* @__PURE__ */ import_react54.default.createElement(ModalFoldoutBody, null, /* @__PURE__ */ import_react54.default.createElement(DataList_default, {
+    }), /* @__PURE__ */ import_react40.default.createElement(ModalFoldout, null, /* @__PURE__ */ import_react40.default.createElement(ModalFoldoutBody, null, /* @__PURE__ */ import_react40.default.createElement(DataList_default, {
       items: [
         {
           label: "M\xE5nadskostnad",
@@ -6579,14 +5485,14 @@
           value: `${numberSeparator(mileage?.current || 0)} mil/\xE5r`
         }
       ]
-    })))), /* @__PURE__ */ import_react54.default.createElement(OptionBox_default, null, /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, monthlyCost !== null && monthlyCost !== void 0 && /* @__PURE__ */ import_react54.default.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/m\xE5n`)), /* @__PURE__ */ import_react54.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react54.default.createElement("p", null, "Privatleasing", " ", mileage?.current && duration?.current && /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement(UtilityTextPrimary, null, numberSeparator(mileage?.current), " mil/\xE5r"), " ", "i ", /* @__PURE__ */ import_react54.default.createElement(UtilityTextPrimary, null, duration?.current, " m\xE5n"), ".", " ")), /* @__PURE__ */ import_react54.default.createElement("p", null, /* @__PURE__ */ import_react54.default.createElement(ButtonInline, {
+    })))), /* @__PURE__ */ import_react40.default.createElement(OptionBox_default, null, /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, monthlyCost !== null && monthlyCost !== void 0 && /* @__PURE__ */ import_react40.default.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/m\xE5n`)), /* @__PURE__ */ import_react40.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react40.default.createElement("p", null, "Privatleasing", " ", mileage?.current && duration?.current && /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, /* @__PURE__ */ import_react40.default.createElement(UtilityTextPrimary, null, numberSeparator(mileage?.current), " mil/\xE5r"), " ", "i ", /* @__PURE__ */ import_react40.default.createElement(UtilityTextPrimary, null, duration?.current, " m\xE5n"), ".", " ")), /* @__PURE__ */ import_react40.default.createElement("p", null, /* @__PURE__ */ import_react40.default.createElement(ButtonInline, {
       onClick: toggleModal
     }, "L\xE4s mer")))));
   };
   var leasing_default = Leasing;
 
   // src/components/FinancialOptions/loan.tsx
-  var import_react59 = __toESM(__require("react"));
+  var import_react45 = __toESM(__require("react"));
 
   // src/hooks/useLoan.ts
   var import_client4 = __require("@apollo/client");
@@ -6642,22 +5548,22 @@
   var useLoan_default = useLoanCalculation;
 
   // src/components/FinancialOptions/LoanModal.tsx
-  var import_react58 = __toESM(__require("react"));
+  var import_react44 = __toESM(__require("react"));
 
   // src/components/ContentLogo/index.tsx
-  var import_styled_components42 = __toESM(__require("styled-components"));
-  var ContentLogo = import_styled_components42.default.div`
+  var import_styled_components38 = __toESM(__require("styled-components"));
+  var ContentLogo = import_styled_components38.default.div`
   ${(props) => props.theme.breakpoint.Sm} {
     display: flex;
     align-items: flex-start;
   }
 `;
-  var ContentLogoText = import_styled_components42.default.div`
+  var ContentLogoText = import_styled_components38.default.div`
   ${(props) => props.theme.breakpoint.Sm} {
     flex: 1 1 auto;
   }
 `;
-  var ContentLogoMedia = import_styled_components42.default.div`
+  var ContentLogoMedia = import_styled_components38.default.div`
   ${(props) => props.theme.breakpoint.LtSm} {
     margin-top: ${size(2)};
   }
@@ -6669,43 +5575,43 @@
 `;
 
   // src/components/RangeSlider/SliderWithLabel.tsx
-  var import_react57 = __toESM(__require("react"));
+  var import_react43 = __toESM(__require("react"));
 
   // src/components/RangeSliderLabel/index.tsx
-  var import_react55 = __toESM(__require("react"));
+  var import_react41 = __toESM(__require("react"));
 
   // src/components/RangeSliderLabel/wrapper.tsx
-  var import_styled_components43 = __toESM(__require("styled-components"));
-  var Wrapper22 = import_styled_components43.default.div`
+  var import_styled_components39 = __toESM(__require("styled-components"));
+  var Wrapper19 = import_styled_components39.default.div`
   display: flex;
   align-items: flex-end;
 `;
-  var Label8 = import_styled_components43.default.div.attrs(() => ({
+  var Label8 = import_styled_components39.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   flex: 1 1 auto;
 `;
-  var Value3 = import_styled_components43.default.div.attrs(() => ({
+  var Value3 = import_styled_components39.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold wayke__color--primary-text"
   }))`
   flex-shrink: 0;
   padding-left: ${size(2)};
   font-size: 1.125rem;
 
-  ${({ isHighlighted }) => isHighlighted && import_styled_components43.css`
+  ${({ isHighlighted }) => isHighlighted && import_styled_components39.css`
       font-size: 1.375rem;
       color: ${(props) => props.theme.color.textDark} !important;
     `}
 `;
 
   // src/components/RangeSliderLabel/index.tsx
-  var RangeSliderLabel = ({ label, value, highlight }) => /* @__PURE__ */ import_react55.default.createElement(Wrapper22, null, /* @__PURE__ */ import_react55.default.createElement(Label8, null, label), value && /* @__PURE__ */ import_react55.default.createElement(Value3, {
+  var RangeSliderLabel = ({ label, value, highlight }) => /* @__PURE__ */ import_react41.default.createElement(Wrapper19, null, /* @__PURE__ */ import_react41.default.createElement(Label8, null, label), value && /* @__PURE__ */ import_react41.default.createElement(Value3, {
     isHighlighted: highlight
   }, value));
   var RangeSliderLabel_default = RangeSliderLabel;
 
   // src/components/RangeSlider/RangeSliderSimple.tsx
-  var import_react56 = __toESM(__require("react"));
+  var import_react42 = __toESM(__require("react"));
   var import_react_compound_slider2 = __require("react-compound-slider");
   var RangeSliderSimple = ({
     loading,
@@ -6725,7 +5631,7 @@
     if (steps.length < 2) {
       return null;
     }
-    return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(Slider, null, /* @__PURE__ */ import_react56.default.createElement(import_react_compound_slider2.Slider, {
+    return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(Slider, null, /* @__PURE__ */ import_react42.default.createElement(import_react_compound_slider2.Slider, {
       disabled: loading,
       mode: 1,
       step,
@@ -6734,20 +5640,20 @@
       onUpdate,
       values,
       rootStyle: { position: "relative" }
-    }, /* @__PURE__ */ import_react56.default.createElement(import_react_compound_slider2.Rail, null, ({ getRailProps }) => /* @__PURE__ */ import_react56.default.createElement(Bar2, {
+    }, /* @__PURE__ */ import_react42.default.createElement(import_react_compound_slider2.Rail, null, ({ getRailProps }) => /* @__PURE__ */ import_react42.default.createElement(Bar2, {
       ...getRailProps()
-    })), /* @__PURE__ */ import_react56.default.createElement(import_react_compound_slider2.Handles, null, ({ handles, getHandleProps }) => /* @__PURE__ */ import_react56.default.createElement("div", {
+    })), /* @__PURE__ */ import_react42.default.createElement(import_react_compound_slider2.Handles, null, ({ handles, getHandleProps }) => /* @__PURE__ */ import_react42.default.createElement("div", {
       className: "slider-handles"
-    }, handles.map((handle) => /* @__PURE__ */ import_react56.default.createElement(Handle2, {
+    }, handles.map((handle) => /* @__PURE__ */ import_react42.default.createElement(Handle2, {
       key: handle.id,
       handle,
       domain,
       getHandleProps
-    })))), /* @__PURE__ */ import_react56.default.createElement(import_react_compound_slider2.Tracks, {
+    })))), /* @__PURE__ */ import_react42.default.createElement(import_react_compound_slider2.Tracks, {
       right: false
-    }, ({ tracks, getTrackProps }) => /* @__PURE__ */ import_react56.default.createElement("div", {
+    }, ({ tracks, getTrackProps }) => /* @__PURE__ */ import_react42.default.createElement("div", {
       className: "slider-tracks"
-    }, tracks.map(({ id, source, target }) => /* @__PURE__ */ import_react56.default.createElement(Track2, {
+    }, tracks.map(({ id, source, target }) => /* @__PURE__ */ import_react42.default.createElement(Track2, {
       key: id,
       source,
       target,
@@ -6767,18 +5673,18 @@
     formatValues,
     onChange
   }) => {
-    const [local, setLocal] = (0, import_react57.useState)(steps);
-    const onUpdate = (0, import_react57.useCallback)((nextValues) => {
+    const [local, setLocal] = (0, import_react43.useState)(steps);
+    const onUpdate = (0, import_react43.useCallback)((nextValues) => {
       setLocal([...nextValues]);
     }, []);
-    (0, import_react57.useEffect)(() => {
+    (0, import_react43.useEffect)(() => {
       if (!loading)
         setLocal(void 0);
     }, [loading]);
-    return /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react57.default.createElement(RangeSliderLabel_default, {
+    return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react43.default.createElement(RangeSliderLabel_default, {
       label,
       value: `${numberSeparator(local?.[0] || values[0])}${unit ? ` ${unit}` : ""}`
-    })), /* @__PURE__ */ import_react57.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react57.default.createElement(RangeSliderSimple_default, {
+    })), /* @__PURE__ */ import_react43.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react43.default.createElement(RangeSliderSimple_default, {
       loading,
       values,
       domain,
@@ -6803,22 +5709,22 @@
     return stepGenerator(step, max, steps, nextCurrent);
   };
   var LoanModal = ({ id, financialOption, onClose }) => {
-    const [tmp, setTmp] = (0, import_react58.useState)();
-    const [extend, setExtend] = import_react58.default.useState(false);
-    const onToggleExtend = import_react58.default.useCallback(() => {
+    const [tmp, setTmp] = (0, import_react44.useState)();
+    const [extend, setExtend] = import_react44.default.useState(false);
+    const onToggleExtend = import_react44.default.useCallback(() => {
       if (!extend) {
         pubsub_default.publish("FinanceInterest");
       }
       setExtend(!extend);
     }, [extend]);
-    const [variables, setVariables] = (0, import_react58.useState)({
+    const [variables, setVariables] = (0, import_react44.useState)({
       duration: financialOption.duration?.current,
       downPayment: financialOption.downPayment?.current,
       residual: financialOption.residual?.current
     });
     const { duration, downPayment, residual } = variables;
     const { loading, data } = useLoan_default(id, duration, downPayment, residual);
-    (0, import_react58.useEffect)(() => {
+    (0, import_react44.useEffect)(() => {
       if (data) {
         setTmp(data);
         setVariables({
@@ -6834,7 +5740,7 @@
     const downPaymentMax = loan?.downPayment?.max || 0;
     const downPaymentStep = loan?.downPayment?.step || 0;
     const downPaymentSteps = stepGenerator(downPaymentStep, downPaymentMax);
-    const onDownPaymentChange = (0, import_react58.useCallback)(
+    const onDownPaymentChange = (0, import_react44.useCallback)(
       (values) => {
         pubsub_default.publish("FinanceInterest");
         setVariables({ ...variables, downPayment: values[0] });
@@ -6846,7 +5752,7 @@
     const durationMax = loan?.duration?.max || 0;
     const durationStep = loan?.duration?.step || 0;
     const durationSteps = stepGenerator(durationStep, durationMax);
-    const onDurationChange = (0, import_react58.useCallback)(
+    const onDurationChange = (0, import_react44.useCallback)(
       (values) => {
         pubsub_default.publish("FinanceInterest");
         setVariables({ ...variables, duration: values[0] });
@@ -6858,7 +5764,7 @@
     const residualMax = (loan?.residual?.max || 0) * 100 || 0;
     const residualStep = (loan?.residual?.step || 0) * 100 || 0;
     const residualSteps = stepGenerator(residualStep, residualMax);
-    const onResidualChange = (0, import_react58.useCallback)(
+    const onResidualChange = (0, import_react44.useCallback)(
       (values) => {
         pubsub_default.publish("FinanceInterest");
         setVariables({ ...variables, residual: values[0] / 100 });
@@ -6867,14 +5773,14 @@
     );
     const interestText = ((loan?.interest || 0) * 100).toFixed(2);
     const effectiveInterestText = ((loan?.effectiveInterest || 0) * 100).toFixed(2);
-    return /* @__PURE__ */ import_react58.default.createElement(Modal_default, {
+    return /* @__PURE__ */ import_react44.default.createElement(Modal_default, {
       title: "L\xE5nealternativ",
       onClose
-    }, /* @__PURE__ */ import_react58.default.createElement(Repeat, null, /* @__PURE__ */ import_react58.default.createElement(ContentLogo, null, financialOption?.description && /* @__PURE__ */ import_react58.default.createElement(ContentLogoText, null, /* @__PURE__ */ import_react58.default.createElement(Content_default, null, /* @__PURE__ */ import_react58.default.createElement("p", null, financialOption.description))), financialOption?.image && /* @__PURE__ */ import_react58.default.createElement(ContentLogoMedia, null, /* @__PURE__ */ import_react58.default.createElement(LogoBox_default, {
+    }, /* @__PURE__ */ import_react44.default.createElement(Repeat, null, /* @__PURE__ */ import_react44.default.createElement(ContentLogo, null, financialOption?.description && /* @__PURE__ */ import_react44.default.createElement(ContentLogoText, null, /* @__PURE__ */ import_react44.default.createElement(Content_default, null, /* @__PURE__ */ import_react44.default.createElement("p", null, financialOption.description))), financialOption?.image && /* @__PURE__ */ import_react44.default.createElement(ContentLogoMedia, null, /* @__PURE__ */ import_react44.default.createElement(LogoBox_default, {
       logo: financialOption.image,
       alt: financialOption.name || "Logotyp",
       wide: true
-    })))), /* @__PURE__ */ import_react58.default.createElement(Repeat, null, /* @__PURE__ */ import_react58.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react58.default.createElement(SliderWithLabel_default, {
+    })))), /* @__PURE__ */ import_react44.default.createElement(Repeat, null, /* @__PURE__ */ import_react44.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react44.default.createElement(SliderWithLabel_default, {
       label: "Kontantinsatts",
       values: [downPaymentCurrent],
       domain: [downPaymentMin, downPaymentMax],
@@ -6883,7 +5789,7 @@
       formatValues: true,
       loading,
       onChange: onDownPaymentChange
-    })), /* @__PURE__ */ import_react58.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react58.default.createElement(SliderWithLabel_default, {
+    })), /* @__PURE__ */ import_react44.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react44.default.createElement(SliderWithLabel_default, {
       label: "Avbetalning",
       values: [durationCurrent],
       domain: [durationMin, durationMax],
@@ -6891,7 +5797,7 @@
       unit: "m\xE5n",
       loading,
       onChange: onDurationChange
-    })), residual !== void 0 && residualMax !== 0 && /* @__PURE__ */ import_react58.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react58.default.createElement(SliderWithLabel_default, {
+    })), residual !== void 0 && residualMax !== 0 && /* @__PURE__ */ import_react44.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react44.default.createElement(SliderWithLabel_default, {
       label: "Restskuld",
       values: [residualCurrent],
       domain: [residualMin, residualMax],
@@ -6899,12 +5805,12 @@
       unit: "%",
       loading,
       onChange: onResidualChange
-    })), /* @__PURE__ */ import_react58.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react58.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react58.default.createElement(Content_default, {
+    })), /* @__PURE__ */ import_react44.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react44.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react44.default.createElement(Content_default, {
       small: true
-    }, /* @__PURE__ */ import_react58.default.createElement("p", null, `*Ber\xE4knat p\xE5 ${interestText} % r\xE4nta (effektivt ${effectiveInterestText} %)${loan?.mileage !== null ? `och en \xE5rlig k\xF6rstr\xE4cka om ${loan?.mileage} mil.` : ""}`)))), /* @__PURE__ */ import_react58.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react58.default.createElement(ButtonClear, {
+    }, /* @__PURE__ */ import_react44.default.createElement("p", null, `*Ber\xE4knat p\xE5 ${interestText} % r\xE4nta (effektivt ${effectiveInterestText} %)${loan?.mileage !== null ? `och en \xE5rlig k\xF6rstr\xE4cka om ${loan?.mileage} mil.` : ""}`)))), /* @__PURE__ */ import_react44.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react44.default.createElement(ButtonClear, {
       onClick: onToggleExtend,
       title: extend ? "Visa mindre information" : "Visa mer information"
-    }, /* @__PURE__ */ import_react58.default.createElement(ButtonContent, null, extend ? "Mindre information" : "Mer information"))), /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, extend && /* @__PURE__ */ import_react58.default.createElement(ModalFoldout, null, /* @__PURE__ */ import_react58.default.createElement(ModalFoldoutBody, null, /* @__PURE__ */ import_react58.default.createElement(DataList_default, {
+    }, /* @__PURE__ */ import_react44.default.createElement(ButtonContent, null, extend ? "Mindre information" : "Mer information"))), /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, extend && /* @__PURE__ */ import_react44.default.createElement(ModalFoldout, null, /* @__PURE__ */ import_react44.default.createElement(ModalFoldoutBody, null, /* @__PURE__ */ import_react44.default.createElement(DataList_default, {
       items: [
         {
           label: "R\xE4nta",
@@ -6933,8 +5839,8 @@
 
   // src/components/FinancialOptions/loan.tsx
   var Loan = ({ id, financialOption }) => {
-    const [modal, setModal] = (0, import_react59.useState)(false);
-    const toggleModal = (0, import_react59.useCallback)(() => setModal(!modal), [modal]);
+    const [modal, setModal] = (0, import_react45.useState)(false);
+    const toggleModal = (0, import_react45.useCallback)(() => setModal(!modal), [modal]);
     const { data } = useLoan_default(
       id,
       financialOption.duration?.current,
@@ -6946,100 +5852,100 @@
     const monthlyCost = data?.loan?.monthlyCost;
     const logo = financialOption?.logotype || "https://placehold.it/67x10";
     if (financialOption.loanAmount === void 0 || financialOption.loanAmount === null || interest === void 0 || duration === void 0 || monthlyCost === void 0 || interest === null || duration === null || monthlyCost === null) {
-      return /* @__PURE__ */ import_react59.default.createElement(OptionBox_default, {
+      return /* @__PURE__ */ import_react45.default.createElement(OptionBox_default, {
         logo,
         logoAlt: "Logotyp"
-      }, /* @__PURE__ */ import_react59.default.createElement(OptionBoxHeading, null, "Laddar..."), /* @__PURE__ */ import_react59.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react59.default.createElement("p", null, "Laddar...")));
+      }, /* @__PURE__ */ import_react45.default.createElement(OptionBoxHeading, null, "Laddar..."), /* @__PURE__ */ import_react45.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react45.default.createElement("p", null, "Laddar...")));
     }
-    return /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, modal && /* @__PURE__ */ import_react59.default.createElement(LoanModal_default, {
+    return /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, modal && /* @__PURE__ */ import_react45.default.createElement(LoanModal_default, {
       id,
       financialOption,
       onClose: toggleModal
-    }), /* @__PURE__ */ import_react59.default.createElement(OptionBox_default, {
+    }), /* @__PURE__ */ import_react45.default.createElement(OptionBox_default, {
       logo,
       logoAlt: "Logotyp"
-    }, /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement(OptionBoxHeading, null, `${numberSeparator(monthlyCost)} kr/m\xE5n*`), /* @__PURE__ */ import_react59.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react59.default.createElement("p", null, "Delbetala", " ", financialOption.loanAmount && duration && /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement(UtilityTextPrimary, null, numberSeparator(financialOption.loanAmount), " kr"), " ", "i ", /* @__PURE__ */ import_react59.default.createElement(UtilityTextPrimary, null, duration, " m\xE5n"), ".")), /* @__PURE__ */ import_react59.default.createElement("p", null, `*Ber\xE4knat p\xE5 ${(interest * 100).toFixed(2)}% r\xE4nta. `, /* @__PURE__ */ import_react59.default.createElement(ButtonInline, {
+    }, /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, /* @__PURE__ */ import_react45.default.createElement(OptionBoxHeading, null, `${numberSeparator(monthlyCost)} kr/m\xE5n*`), /* @__PURE__ */ import_react45.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react45.default.createElement("p", null, "Delbetala", " ", financialOption.loanAmount && duration && /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, /* @__PURE__ */ import_react45.default.createElement(UtilityTextPrimary, null, numberSeparator(financialOption.loanAmount), " kr"), " ", "i ", /* @__PURE__ */ import_react45.default.createElement(UtilityTextPrimary, null, duration, " m\xE5n"), ".")), /* @__PURE__ */ import_react45.default.createElement("p", null, `*Ber\xE4knat p\xE5 ${(interest * 100).toFixed(2)}% r\xE4nta. `, /* @__PURE__ */ import_react45.default.createElement(ButtonInline, {
       onClick: toggleModal
     }, "L\xE4s mer"))))));
   };
   var loan_default = Loan;
 
   // src/components/FinancialOptions/index.tsx
-  var FinancialOptions = ({ id, financialOptions }) => /* @__PURE__ */ import_react60.default.createElement(Repeat, null, /* @__PURE__ */ import_react60.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react60.default.createElement(VisualHeading, null, "Andra finansieringsalternativ")), /* @__PURE__ */ import_react60.default.createElement(RepeatTiny, null, financialOptions.map((financialOption, index2) => /* @__PURE__ */ import_react60.default.createElement(import_react60.Fragment, {
+  var FinancialOptions = ({ id, financialOptions }) => /* @__PURE__ */ import_react46.default.createElement(Repeat, null, /* @__PURE__ */ import_react46.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react46.default.createElement(VisualHeading, null, "Andra finansieringsalternativ")), /* @__PURE__ */ import_react46.default.createElement(RepeatTiny, null, financialOptions.map((financialOption, index2) => /* @__PURE__ */ import_react46.default.createElement(import_react46.Fragment, {
     key: index2
-  }, financialOption.type === "leasing" && /* @__PURE__ */ import_react60.default.createElement(leasing_default, {
+  }, financialOption.type === "leasing" && /* @__PURE__ */ import_react46.default.createElement(leasing_default, {
     financialOption
-  }), financialOption.type === "loan" && /* @__PURE__ */ import_react60.default.createElement(loan_default, {
+  }), financialOption.type === "loan" && /* @__PURE__ */ import_react46.default.createElement(loan_default, {
     id,
     financialOption
   })))));
   var FinancialOptions_default = FinancialOptions;
 
   // src/components/InsuranceOptions/index.tsx
-  var import_react70 = __toESM(__require("react"));
+  var import_react56 = __toESM(__require("react"));
 
   // src/components/InsuranceOptions/Insurance.tsx
-  var import_react67 = __toESM(__require("react"));
+  var import_react53 = __toESM(__require("react"));
 
   // src/components/InsuranceOptions/InsuranceModal.tsx
-  var import_react66 = __toESM(__require("react"));
+  var import_react52 = __toESM(__require("react"));
 
   // src/components/DetailBox/index.tsx
-  var import_react61 = __toESM(__require("react"));
+  var import_react47 = __toESM(__require("react"));
 
   // src/components/DetailBox/wrapper.tsx
-  var import_styled_components44 = __toESM(__require("styled-components"));
-  var Wrapper23 = import_styled_components44.default.article`
+  var import_styled_components40 = __toESM(__require("styled-components"));
+  var Wrapper20 = import_styled_components40.default.article`
   box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
   overflow: hidden;
 `;
-  var Main2 = import_styled_components44.default.div`
+  var Main = import_styled_components40.default.div`
   padding: ${size(2.5)};
 `;
-  var Heading6 = (0, import_styled_components44.default)(H2).attrs(() => ({
+  var Heading6 = (0, import_styled_components40.default)(H2).attrs(() => ({
     as: "h1"
   }))`
   margin-bottom: 0;
 `;
-  var Description3 = import_styled_components44.default.div`
+  var Description3 = import_styled_components40.default.div`
   margin-top: ${size(1)};
 `;
-  var Footer3 = import_styled_components44.default.div`
+  var Footer3 = import_styled_components40.default.div`
   margin-top: ${size(1)};
   color: red;
 `;
-  var Foldout = import_styled_components44.default.div`
+  var Foldout = import_styled_components40.default.div`
   background-color: ${(props) => props.theme.color.accent};
   padding: ${size(2.5)};
 `;
 
   // src/components/DetailBox/index.tsx
   var DetailBox = ({ heading, description, children }) => {
-    const [extend, setExtend] = import_react61.default.useState(false);
-    const onToggleExtend = import_react61.default.useCallback(() => setExtend(!extend), [extend]);
+    const [extend, setExtend] = import_react47.default.useState(false);
+    const onToggleExtend = import_react47.default.useCallback(() => setExtend(!extend), [extend]);
     const extendBtnText = extend ? "Mindre information" : "Mer information";
-    return /* @__PURE__ */ import_react61.default.createElement(Wrapper23, null, /* @__PURE__ */ import_react61.default.createElement(Main2, null, /* @__PURE__ */ import_react61.default.createElement(Heading6, null, heading), description && /* @__PURE__ */ import_react61.default.createElement(Description3, null, description), /* @__PURE__ */ import_react61.default.createElement(Footer3, null, /* @__PURE__ */ import_react61.default.createElement(ButtonClear, {
+    return /* @__PURE__ */ import_react47.default.createElement(Wrapper20, null, /* @__PURE__ */ import_react47.default.createElement(Main, null, /* @__PURE__ */ import_react47.default.createElement(Heading6, null, heading), description && /* @__PURE__ */ import_react47.default.createElement(Description3, null, description), /* @__PURE__ */ import_react47.default.createElement(Footer3, null, /* @__PURE__ */ import_react47.default.createElement(ButtonClear, {
       onClick: onToggleExtend
-    }, /* @__PURE__ */ import_react61.default.createElement(ButtonContent, null, extendBtnText)))), extend && /* @__PURE__ */ import_react61.default.createElement(Foldout, null, children));
+    }, /* @__PURE__ */ import_react47.default.createElement(ButtonContent, null, extendBtnText)))), extend && /* @__PURE__ */ import_react47.default.createElement(Foldout, null, children));
   };
   var DetailBox_default = DetailBox;
 
   // src/components/ExtendInfo/index.tsx
-  var import_react62 = __toESM(__require("react"));
+  var import_react48 = __toESM(__require("react"));
 
   // src/components/ExtendInfo/wrapper.tsx
-  var import_styled_components45 = __toESM(__require("styled-components"));
-  var Wrapper24 = import_styled_components45.default.div``;
-  var Header5 = import_styled_components45.default.div`
+  var import_styled_components41 = __toESM(__require("styled-components"));
+  var Wrapper21 = import_styled_components41.default.div``;
+  var Header5 = import_styled_components41.default.div`
   display: flex;
   align-items: center;
 `;
-  var Title = import_styled_components45.default.div``;
-  var Info2 = import_styled_components45.default.div`
+  var Title = import_styled_components41.default.div``;
+  var Info2 = import_styled_components41.default.div`
   margin-left: ${size(1)};
 `;
-  var InfoBtn = (0, import_styled_components45.default)(ButtonReset).attrs(() => ({
+  var InfoBtn = (0, import_styled_components41.default)(ButtonReset).attrs(() => ({
     className: "wayke__theme wayke__color--primary-text"
   }))`
   position: relative;
@@ -7077,7 +5983,7 @@
     transform: scale(0.95);
   }
 `;
-  var Extend2 = import_styled_components45.default.div`
+  var Extend2 = import_styled_components41.default.div`
   padding-top: ${size(1)};
   margin-top: ${size(1)};
   border-top: 1px solid ${(props) => props.theme.color.border};
@@ -7086,23 +5992,23 @@
 
   // src/components/ExtendInfo/index.tsx
   var ExtendInfo = ({ title, children }) => {
-    const [extend, setExtend] = (0, import_react62.useState)(false);
-    const onToggleExtend = (0, import_react62.useCallback)(() => setExtend(!extend), [extend]);
-    return /* @__PURE__ */ import_react62.default.createElement(Wrapper24, null, /* @__PURE__ */ import_react62.default.createElement(Header5, null, /* @__PURE__ */ import_react62.default.createElement(Title, null, title), children && /* @__PURE__ */ import_react62.default.createElement(Info2, null, /* @__PURE__ */ import_react62.default.createElement(InfoBtn, {
+    const [extend, setExtend] = (0, import_react48.useState)(false);
+    const onToggleExtend = (0, import_react48.useCallback)(() => setExtend(!extend), [extend]);
+    return /* @__PURE__ */ import_react48.default.createElement(Wrapper21, null, /* @__PURE__ */ import_react48.default.createElement(Header5, null, /* @__PURE__ */ import_react48.default.createElement(Title, null, title), children && /* @__PURE__ */ import_react48.default.createElement(Info2, null, /* @__PURE__ */ import_react48.default.createElement(InfoBtn, {
       onClick: onToggleExtend,
       title: "Mer information"
-    }, /* @__PURE__ */ import_react62.default.createElement(IconInfo, {
+    }, /* @__PURE__ */ import_react48.default.createElement(IconInfo, {
       block: true
-    })))), extend && /* @__PURE__ */ import_react62.default.createElement(Extend2, null, children));
+    })))), extend && /* @__PURE__ */ import_react48.default.createElement(Extend2, null, children));
   };
   var ExtendInfo_default = ExtendInfo;
 
   // src/components/InputLabel/index.tsx
-  var import_react63 = __toESM(__require("react"));
+  var import_react49 = __toESM(__require("react"));
 
   // src/components/InputLabel/wrapper.tsx
-  var import_styled_components46 = __toESM(__require("styled-components"));
-  var Wrapper25 = import_styled_components46.default.label.attrs(() => ({
+  var import_styled_components42 = __toESM(__require("styled-components"));
+  var Wrapper22 = import_styled_components42.default.label.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   margin-bottom: ${size(0.5)};
@@ -7110,24 +6016,24 @@
 `;
 
   // src/components/InputLabel/index.tsx
-  var InputLabel = ({ children, htmlFor }) => /* @__PURE__ */ import_react63.default.createElement(Wrapper25, {
+  var InputLabel = ({ children, htmlFor }) => /* @__PURE__ */ import_react49.default.createElement(Wrapper22, {
     htmlFor
   }, children);
   var InputLabel_default = InputLabel;
 
   // src/components/InputText/index.tsx
-  var import_react64 = __toESM(__require("react"));
+  var import_react50 = __toESM(__require("react"));
 
   // src/components/InputText/wrapper.tsx
-  var import_styled_components47 = __toESM(__require("styled-components"));
-  var Wrapper26 = import_styled_components47.default.div`
+  var import_styled_components43 = __toESM(__require("styled-components"));
+  var Wrapper23 = import_styled_components43.default.div`
   position: relative;
   display: flex;
   align-items: stretch;
   background-color: ${(props) => props.theme.color.accent};
   border-radius: 3px;
 `;
-  var Input2 = import_styled_components47.default.input.attrs(() => ({
+  var Input2 = import_styled_components43.default.input.attrs(() => ({
     type: "text",
     className: "wayke__theme wayke__font--regular"
   }))`
@@ -7174,7 +6080,7 @@
 `;
 
   // src/components/InputText/index.tsx
-  var InputText = ({ placeholder, label, value, id, onChange, onKeyDown }) => /* @__PURE__ */ import_react64.default.createElement(Wrapper26, null, /* @__PURE__ */ import_react64.default.createElement(Input2, {
+  var InputText = ({ placeholder, label, value, id, onChange, onKeyDown }) => /* @__PURE__ */ import_react50.default.createElement(Wrapper23, null, /* @__PURE__ */ import_react50.default.createElement(Input2, {
     placeholder,
     value,
     id,
@@ -7185,12 +6091,12 @@
   var InputText_default = InputText;
 
   // src/components/InputCheckbox/index.tsx
-  var React65 = __toESM(__require("react"));
+  var React54 = __toESM(__require("react"));
 
   // src/components/InputCheckbox/wrapper.tsx
-  var React64 = __toESM(__require("react"));
-  var import_styled_components48 = __toESM(__require("styled-components"));
-  var Label9 = import_styled_components48.default.label.attrs(() => ({
+  var React53 = __toESM(__require("react"));
+  var import_styled_components44 = __toESM(__require("styled-components"));
+  var Label9 = import_styled_components44.default.label.attrs(() => ({
     className: "wayke__theme wayke__color--primary-text"
   }))`
   position: relative;
@@ -7220,13 +6126,13 @@
     margin-top: -2px;
   }
 `;
-  var Wrapper27 = (0, import_styled_components48.default)((props) => /* @__PURE__ */ React64.createElement("div", {
+  var Wrapper24 = (0, import_styled_components44.default)((props) => /* @__PURE__ */ React53.createElement("div", {
     ...props
   })).attrs(({ type, checked }) => ({
     role: type || "checkbox",
     "aria-checked": checked
   }))`
-  ${({ error }) => error && import_styled_components48.css`
+  ${({ error }) => error && import_styled_components44.css`
       ${Label9} {
         color: ${(props) => props.theme.color.ui.negative};
 
@@ -7236,7 +6142,7 @@
       }
     `}
 `;
-  var Input3 = (0, import_styled_components48.default)((props) => /* @__PURE__ */ React64.createElement("input", {
+  var Input3 = (0, import_styled_components44.default)((props) => /* @__PURE__ */ React53.createElement("input", {
     ...props,
     className: `${props.checked ? "checked" : void 0} ${props.className}`
   })).attrs(({ type, checked }) => ({
@@ -7267,23 +6173,23 @@
     }
   }
 `;
-  var LabelText = import_styled_components48.default.div`
+  var LabelText = import_styled_components44.default.div`
   color: ${(props) => props.theme.color.textDark};
 `;
 
   // src/components/InputSelect/index.tsx
-  var import_react65 = __toESM(__require("react"));
+  var import_react51 = __toESM(__require("react"));
 
   // src/components/InputSelect/wrapper.tsx
-  var import_styled_components49 = __toESM(__require("styled-components"));
+  var import_styled_components45 = __toESM(__require("styled-components"));
   var iconSize2 = "0.875rem";
   var selectPadding = size(2);
-  var Wrapper28 = import_styled_components49.default.div`
+  var Wrapper25 = import_styled_components45.default.div`
   position: relative;
   background-color: ${(props) => props.theme.color.accent};
   border-radius: 3px;
 `;
-  var Select2 = import_styled_components49.default.select.attrs(() => ({
+  var Select2 = import_styled_components45.default.select.attrs(() => ({
     className: "wayke__theme wayke__font--regular"
   }))`
   position: relative;
@@ -7317,10 +6223,10 @@
     border: 0;
   }
 `;
-  var Option2 = import_styled_components49.default.option`
+  var Option2 = import_styled_components45.default.option`
   color: ${(props) => props.theme.color.textDark};
 `;
-  var Icon5 = import_styled_components49.default.div`
+  var Icon5 = import_styled_components45.default.div`
   position: absolute;
   top: 50%;
   right: ${selectPadding};
@@ -7329,29 +6235,29 @@
 `;
 
   // src/components/InputSelect/index.tsx
-  var InputSelect = ({ value, options, onChange, unit, title }) => /* @__PURE__ */ import_react65.default.createElement(Wrapper28, null, /* @__PURE__ */ import_react65.default.createElement(Select2, {
+  var InputSelect = ({ value, options, onChange, unit, title }) => /* @__PURE__ */ import_react51.default.createElement(Wrapper25, null, /* @__PURE__ */ import_react51.default.createElement(Select2, {
     value,
     onChange,
     title,
     "aria-label": title
-  }, options?.map((option) => /* @__PURE__ */ import_react65.default.createElement(Option2, {
+  }, options?.map((option) => /* @__PURE__ */ import_react51.default.createElement(Option2, {
     key: option.value,
     value: option.value
-  }, option.displayName || option.value, unit ? ` ${unit}` : ""))), /* @__PURE__ */ import_react65.default.createElement(Icon5, null, /* @__PURE__ */ import_react65.default.createElement(IconChevronDown, {
+  }, option.displayName || option.value, unit ? ` ${unit}` : ""))), /* @__PURE__ */ import_react51.default.createElement(Icon5, null, /* @__PURE__ */ import_react51.default.createElement(IconChevronDown, {
     block: true
   })));
   var InputSelect_default = InputSelect;
 
   // src/components/InputGroup/index.tsx
-  var import_styled_components50 = __toESM(__require("styled-components"));
-  var InputGroup = import_styled_components50.default.div`
+  var import_styled_components46 = __toESM(__require("styled-components"));
+  var InputGroup = import_styled_components46.default.div`
   ${(props) => props.theme.breakpoint.Sm} {
     display: flex;
     align-items: flex-start;
     margin: ${size(-0.5)};
   }
 `;
-  var InputGroupColumn = import_styled_components50.default.div`
+  var InputGroupColumn = import_styled_components46.default.div`
   ${(props) => props.theme.breakpoint.LtSm} {
     & + & {
       margin-top: ${size(1)};
@@ -7365,12 +6271,12 @@
 `;
 
   // src/components/ColumnRow/index.tsx
-  var import_styled_components51 = __toESM(__require("styled-components"));
-  var ColumnRow = import_styled_components51.default.div`
+  var import_styled_components47 = __toESM(__require("styled-components"));
+  var ColumnRow = import_styled_components47.default.div`
   display: flex;
   align-items: flex-start;
 `;
-  var ColumnRowItem = import_styled_components51.default.div`
+  var ColumnRowItem = import_styled_components47.default.div`
   flex: 1 1 auto;
 
   :last-child:not(:only-child) {
@@ -7445,30 +6351,30 @@
 
   // src/components/InsuranceOptions/InsuranceModal.tsx
   var InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
-    const [form, setForm] = (0, import_react66.useState)({
+    const [form, setForm] = (0, import_react52.useState)({
       ssn: "",
       drivingDistance: "BETWEEN0AND1000" /* Between0And1000 */
     });
-    const [payload, setPayload] = (0, import_react66.useState)();
+    const [payload, setPayload] = (0, import_react52.useState)();
     const { loading, data, error } = useInsurance_default(
       id,
       branch?.id ? branch?.id : void 0,
       ssnIsValid(payload?.ssn) ? payload?.ssn : void 0,
       payload?.drivingDistance
     );
-    const onChangeSsn = (0, import_react66.useCallback)(
+    const onChangeSsn = (0, import_react52.useCallback)(
       (e) => setForm({ ...form, ssn: e.currentTarget.value }),
       [form]
     );
-    const onChangeDrivingDistance = (0, import_react66.useCallback)(
+    const onChangeDrivingDistance = (0, import_react52.useCallback)(
       (e) => setForm({ ...form, drivingDistance: e.currentTarget.value }),
       [form]
     );
-    const onShowInsurances = (0, import_react66.useCallback)(() => {
+    const onShowInsurances = (0, import_react52.useCallback)(() => {
       pubsub_default.publish("InsuranceInterest");
       setPayload(form);
     }, [form]);
-    const onKeyDown = (0, import_react66.useCallback)(
+    const onKeyDown = (0, import_react52.useCallback)(
       (e) => {
         if (e.keyCode === 13 && ssnIsValid(form.ssn) && !loading) {
           onShowInsurances();
@@ -7483,105 +6389,105 @@
       { value: "BETWEEN2000AND2500" /* Between2000And2500 */, displayName: "2000 - 2500" },
       { value: "OVER2500" /* Over2500 */, displayName: "2500+" }
     ];
-    return /* @__PURE__ */ import_react66.default.createElement(Modal_default, {
+    return /* @__PURE__ */ import_react52.default.createElement(Modal_default, {
       title: "F\xF6rs\xE4kring",
       onClose
-    }, (insuranceOptions?.description || insuranceOptions?.logotype) && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(ContentLogo, null, insuranceOptions.description && /* @__PURE__ */ import_react66.default.createElement(ContentLogoText, null, /* @__PURE__ */ import_react66.default.createElement(Content_default, null, /* @__PURE__ */ import_react66.default.createElement("p", null, insuranceOptions.description))), insuranceOptions.logotype && /* @__PURE__ */ import_react66.default.createElement(ContentLogoMedia, null, /* @__PURE__ */ import_react66.default.createElement(LogoBox_default, {
+    }, (insuranceOptions?.description || insuranceOptions?.logotype) && /* @__PURE__ */ import_react52.default.createElement(Repeat, null, /* @__PURE__ */ import_react52.default.createElement(ContentLogo, null, insuranceOptions.description && /* @__PURE__ */ import_react52.default.createElement(ContentLogoText, null, /* @__PURE__ */ import_react52.default.createElement(Content_default, null, /* @__PURE__ */ import_react52.default.createElement("p", null, insuranceOptions.description))), insuranceOptions.logotype && /* @__PURE__ */ import_react52.default.createElement(ContentLogoMedia, null, /* @__PURE__ */ import_react52.default.createElement(LogoBox_default, {
       logo: insuranceOptions.logotype,
       alt: insuranceOptions.name || "Logotyp",
       wide: true
-    })))), /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react66.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react66.default.createElement(InputGroup, null, /* @__PURE__ */ import_react66.default.createElement(InputGroupColumn, null, /* @__PURE__ */ import_react66.default.createElement(InputLabel_default, {
+    })))), /* @__PURE__ */ import_react52.default.createElement(Repeat, null, /* @__PURE__ */ import_react52.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react52.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react52.default.createElement(InputGroup, null, /* @__PURE__ */ import_react52.default.createElement(InputGroupColumn, null, /* @__PURE__ */ import_react52.default.createElement(InputLabel_default, {
       htmlFor: "input-insurance-personalnumber"
-    }, "Personnummer"), /* @__PURE__ */ import_react66.default.createElement(InputText_default, {
+    }, "Personnummer"), /* @__PURE__ */ import_react52.default.createElement(InputText_default, {
       placeholder: "\xC5\xC5\xC5\xC5MMDD-XXXX",
       label: "Personnummer",
       value: form.ssn,
       onChange: onChangeSsn,
       onKeyDown,
       id: "input-insurance-personalnumber"
-    })), /* @__PURE__ */ import_react66.default.createElement(InputGroupColumn, null, /* @__PURE__ */ import_react66.default.createElement(InputLabel_default, {
+    })), /* @__PURE__ */ import_react52.default.createElement(InputGroupColumn, null, /* @__PURE__ */ import_react52.default.createElement(InputLabel_default, {
       htmlFor: "input-insurance-mileage"
-    }, "Uppskattad k\xF6rstr\xE4cka per \xE5r"), /* @__PURE__ */ import_react66.default.createElement(InputSelect_default, {
+    }, "Uppskattad k\xF6rstr\xE4cka per \xE5r"), /* @__PURE__ */ import_react52.default.createElement(InputSelect_default, {
       value: form.drivingDistance,
       onChange: onChangeDrivingDistance,
       options,
       unit: "mil",
       title: "Uppskattad k\xF6rstr\xE4cka per \xE5r"
-    })))), /* @__PURE__ */ import_react66.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react66.default.createElement(ButtonPrimary, {
+    })))), /* @__PURE__ */ import_react52.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react52.default.createElement(ButtonPrimary, {
       fullWidth: true,
       disabled: !ssnIsValid(form.ssn) || loading,
       onClick: onShowInsurances
-    }, /* @__PURE__ */ import_react66.default.createElement(ButtonContent, null, "Visa f\xF6rs\xE4kringar")))), false, /* @__PURE__ */ import_react66.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react66.default.createElement(Content_default, {
+    }, /* @__PURE__ */ import_react52.default.createElement(ButtonContent, null, "Visa f\xF6rs\xE4kringar")))), false, /* @__PURE__ */ import_react52.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react52.default.createElement(Content_default, {
       small: true
-    }, /* @__PURE__ */ import_react66.default.createElement("p", null, "Spara personnummer p\xE5 denna dator f\xF6r att direkt visa f\xF6rs\xE4kringskostnaderna i Wayke. Personnumret lagras inte hos Wayke utan finns bara sparad i din webbl\xE4sare.")))), loading && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(Loader_default, null)), error && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(Snackbar_default, {
+    }, /* @__PURE__ */ import_react52.default.createElement("p", null, "Spara personnummer p\xE5 denna dator f\xF6r att direkt visa f\xF6rs\xE4kringskostnaderna i Wayke. Personnumret lagras inte hos Wayke utan finns bara sparad i din webbl\xE4sare.")))), loading && /* @__PURE__ */ import_react52.default.createElement(Repeat, null, /* @__PURE__ */ import_react52.default.createElement(Loader_default, null)), error && /* @__PURE__ */ import_react52.default.createElement(Repeat, null, /* @__PURE__ */ import_react52.default.createElement(Snackbar_default, {
       severity: "error",
       icon: true,
       heading: "Ett fel har intr\xE4ffat"
-    }, "Kunde inte h\xE4mta f\xF6rs\xE4kringar. V\xE4nligen f\xF6rs\xF6k igen.")), /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, data?.insurances && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, data?.insurances.map((insurance) => /* @__PURE__ */ import_react66.default.createElement(Repeat, {
+    }, "Kunde inte h\xE4mta f\xF6rs\xE4kringar. V\xE4nligen f\xF6rs\xF6k igen.")), /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, data?.insurances && /* @__PURE__ */ import_react52.default.createElement(Repeat, null, data?.insurances.map((insurance) => /* @__PURE__ */ import_react52.default.createElement(Repeat, {
       key: insurance.name
-    }, /* @__PURE__ */ import_react66.default.createElement(DetailBox_default, {
+    }, /* @__PURE__ */ import_react52.default.createElement(DetailBox_default, {
       heading: `${numberSeparator(insurance.price)} ${insurance.unit}`,
       description: insurance.name
-    }, /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, insurance.description && /* @__PURE__ */ import_react66.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react66.default.createElement(Content_default, null, /* @__PURE__ */ import_react66.default.createElement("p", null, insurance.description)))), /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, insurance.url && /* @__PURE__ */ import_react66.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react66.default.createElement(ButtonInline, {
+    }, /* @__PURE__ */ import_react52.default.createElement(Repeat, null, /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, insurance.description && /* @__PURE__ */ import_react52.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react52.default.createElement(Content_default, null, /* @__PURE__ */ import_react52.default.createElement("p", null, insurance.description)))), /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, insurance.url && /* @__PURE__ */ import_react52.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react52.default.createElement(ButtonInline, {
       as: "a",
       href: insurance.url || "",
       target: "_blank",
       rel: "noopener noreferrer nofollow"
-    }, "F\xF6rk\xF6psinformation och villkor (\xF6ppnas i ny flik)")))), insurance.items && insurance.items.length > 0 && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(H4, null, "F\xF6rs\xE4kringen inneh\xE5ller"), insurance.items.map((item) => /* @__PURE__ */ import_react66.default.createElement(RepeatSmall, {
+    }, "F\xF6rk\xF6psinformation och villkor (\xF6ppnas i ny flik)")))), insurance.items && insurance.items.length > 0 && /* @__PURE__ */ import_react52.default.createElement(Repeat, null, /* @__PURE__ */ import_react52.default.createElement(H4, null, "F\xF6rs\xE4kringen inneh\xE5ller"), insurance.items.map((item) => /* @__PURE__ */ import_react52.default.createElement(RepeatSmall, {
       key: item.name || ""
-    }, /* @__PURE__ */ import_react66.default.createElement(ExtendInfo_default, {
+    }, /* @__PURE__ */ import_react52.default.createElement(ExtendInfo_default, {
       title: item.name || ""
-    }, item.description)))), insurance.addons && insurance.addons.length > 0 && /* @__PURE__ */ import_react66.default.createElement(Repeat, null, /* @__PURE__ */ import_react66.default.createElement(H4, null, "V\xE4lj till"), insurance.addons.map((addon) => /* @__PURE__ */ import_react66.default.createElement(RepeatSmall, {
+    }, item.description)))), insurance.addons && insurance.addons.length > 0 && /* @__PURE__ */ import_react52.default.createElement(Repeat, null, /* @__PURE__ */ import_react52.default.createElement(H4, null, "V\xE4lj till"), insurance.addons.map((addon) => /* @__PURE__ */ import_react52.default.createElement(RepeatSmall, {
       key: addon.title || ""
-    }, /* @__PURE__ */ import_react66.default.createElement(ColumnRow, null, /* @__PURE__ */ import_react66.default.createElement(ColumnRowItem, null, /* @__PURE__ */ import_react66.default.createElement(ExtendInfo_default, {
+    }, /* @__PURE__ */ import_react52.default.createElement(ColumnRow, null, /* @__PURE__ */ import_react52.default.createElement(ColumnRowItem, null, /* @__PURE__ */ import_react52.default.createElement(ExtendInfo_default, {
       title: addon.title || ""
-    }, addon.description)), /* @__PURE__ */ import_react66.default.createElement(ColumnRowItem, null, /* @__PURE__ */ import_react66.default.createElement(UtilityTextBold, null, "+", addon.price, " ", addon.unit))))))))))));
+    }, addon.description)), /* @__PURE__ */ import_react52.default.createElement(ColumnRowItem, null, /* @__PURE__ */ import_react52.default.createElement(UtilityTextBold, null, "+", addon.price, " ", addon.unit))))))))))));
   };
   var InsuranceModal_default = InsuranceModal;
 
   // src/components/InsuranceOptions/Insurance.tsx
   var Insurance = ({ id, branch, insuranceOptions }) => {
-    const [modal, setModal] = (0, import_react67.useState)(false);
-    const toggleModal = (0, import_react67.useCallback)(() => setModal(!modal), [modal]);
+    const [modal, setModal] = (0, import_react53.useState)(false);
+    const toggleModal = (0, import_react53.useCallback)(() => setModal(!modal), [modal]);
     if (!insuranceOptions.length) {
       return null;
     }
-    return /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null, modal && /* @__PURE__ */ import_react67.default.createElement(InsuranceModal_default, {
+    return /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, modal && /* @__PURE__ */ import_react53.default.createElement(InsuranceModal_default, {
       id,
       branch,
       onClose: toggleModal,
       insuranceOptions: insuranceOptions[0]
-    }), /* @__PURE__ */ import_react67.default.createElement(Repeat, null, /* @__PURE__ */ import_react67.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react67.default.createElement(VisualHeading, null, "V\xE4lj till f\xF6rs\xE4kring")), /* @__PURE__ */ import_react67.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ import_react67.default.createElement(OptionBox_default, {
+    }), /* @__PURE__ */ import_react53.default.createElement(Repeat, null, /* @__PURE__ */ import_react53.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react53.default.createElement(VisualHeading, null, "V\xE4lj till f\xF6rs\xE4kring")), /* @__PURE__ */ import_react53.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ import_react53.default.createElement(OptionBox_default, {
       key: `${insuranceOption.url}-${index2}`,
       logo: insuranceOption.logotype || void 0,
       logoAlt: insuranceOption.name || "Logotyp"
-    }, /* @__PURE__ */ import_react67.default.createElement(OptionBoxHeading, null, "F\xE5 prisf\xF6rslag"), /* @__PURE__ */ import_react67.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react67.default.createElement("p", null, /* @__PURE__ */ import_react67.default.createElement(ButtonInline, {
+    }, /* @__PURE__ */ import_react53.default.createElement(OptionBoxHeading, null, "F\xE5 prisf\xF6rslag"), /* @__PURE__ */ import_react53.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react53.default.createElement("p", null, /* @__PURE__ */ import_react53.default.createElement(ButtonInline, {
       onClick: toggleModal
     }, "Mer information")))))))));
   };
   var Insurance_default = Insurance;
 
   // src/components/InsuranceOptions/InsuranceFree.tsx
-  var import_react69 = __toESM(__require("react"));
+  var import_react55 = __toESM(__require("react"));
   var import_marked2 = __require("marked");
 
   // src/components/InsuranceOptions/InsuranceFreeModal.tsx
-  var import_react68 = __toESM(__require("react"));
+  var import_react54 = __toESM(__require("react"));
   var import_marked = __require("marked");
   var InsuranceFreeModal = ({ onClose, insuranceOptions }) => {
-    return /* @__PURE__ */ import_react68.default.createElement(Modal_default, {
+    return /* @__PURE__ */ import_react54.default.createElement(Modal_default, {
       title: insuranceOptions?.insuranceHeader ?? "F\xF6rs\xE4kring",
       onClose
-    }, insuranceOptions?.longDescription && /* @__PURE__ */ import_react68.default.createElement(Repeat, null, /* @__PURE__ */ import_react68.default.createElement(Content_default, {
+    }, insuranceOptions?.longDescription && /* @__PURE__ */ import_react54.default.createElement(Repeat, null, /* @__PURE__ */ import_react54.default.createElement(Content_default, {
       dangerouslySetInnerHTML: {
         __html: (0, import_marked.marked)(insuranceOptions.longDescription)
       }
-    })), insuranceOptions?.url && /* @__PURE__ */ import_react68.default.createElement(Repeat, null, /* @__PURE__ */ import_react68.default.createElement(ButtonInline, {
+    })), insuranceOptions?.url && /* @__PURE__ */ import_react54.default.createElement(Repeat, null, /* @__PURE__ */ import_react54.default.createElement(ButtonInline, {
       as: "a",
       href: insuranceOptions.url,
       target: "_blank",
       rel: "noopener noreferrer"
-    }, "L\xE4s mer om f\xF6rs\xE4kringen (\xD6ppnas i ett nytt f\xF6nster)")), insuranceOptions?.logotype && /* @__PURE__ */ import_react68.default.createElement(Repeat, null, /* @__PURE__ */ import_react68.default.createElement(LogoBox_default, {
+    }, "L\xE4s mer om f\xF6rs\xE4kringen (\xD6ppnas i ett nytt f\xF6nster)")), insuranceOptions?.logotype && /* @__PURE__ */ import_react54.default.createElement(Repeat, null, /* @__PURE__ */ import_react54.default.createElement(LogoBox_default, {
       logo: insuranceOptions.logotype,
       alt: insuranceOptions.name || "Logotyp",
       wide: true
@@ -7591,23 +6497,23 @@
 
   // src/components/InsuranceOptions/InsuranceFree.tsx
   var Insurance2 = ({ insuranceOptions }) => {
-    const [modal, setModal] = (0, import_react69.useState)(false);
-    const toggleModal = (0, import_react69.useCallback)(() => setModal(!modal), [modal]);
+    const [modal, setModal] = (0, import_react55.useState)(false);
+    const toggleModal = (0, import_react55.useCallback)(() => setModal(!modal), [modal]);
     if (!insuranceOptions.length) {
       return null;
     }
-    return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, modal && /* @__PURE__ */ import_react69.default.createElement(InsuranceFreeModal_default, {
+    return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, modal && /* @__PURE__ */ import_react55.default.createElement(InsuranceFreeModal_default, {
       onClose: toggleModal,
       insuranceOptions: insuranceOptions[0]
-    }), /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react69.default.createElement(VisualHeading, null, insuranceOptions[0]?.insuranceHeader ?? "F\xF6rs\xE4kring")), /* @__PURE__ */ import_react69.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ import_react69.default.createElement(OptionBox_default, {
+    }), /* @__PURE__ */ import_react55.default.createElement(Repeat, null, /* @__PURE__ */ import_react55.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react55.default.createElement(VisualHeading, null, insuranceOptions[0]?.insuranceHeader ?? "F\xF6rs\xE4kring")), /* @__PURE__ */ import_react55.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ import_react55.default.createElement(OptionBox_default, {
       key: `${insuranceOption.url}-${index2}`,
       logo: insuranceOption.logotype || void 0,
       logoAlt: insuranceOption.name || "Logotyp"
-    }, insuranceOption.description && /* @__PURE__ */ import_react69.default.createElement(Content_default, {
+    }, insuranceOption.description && /* @__PURE__ */ import_react55.default.createElement(Content_default, {
       dangerouslySetInnerHTML: {
         __html: (0, import_marked2.marked)(insuranceOption.description)
       }
-    }), /* @__PURE__ */ import_react69.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react69.default.createElement("p", null, /* @__PURE__ */ import_react69.default.createElement(ButtonInline, {
+    }), /* @__PURE__ */ import_react55.default.createElement(OptionBoxContent, null, /* @__PURE__ */ import_react55.default.createElement("p", null, /* @__PURE__ */ import_react55.default.createElement(ButtonInline, {
       onClick: toggleModal
     }, "Mer information")))))))));
   };
@@ -7620,12 +6526,12 @@
     }
     if (insuranceOptions.length > 0) {
       if (insuranceOptions[0].requiresDistance && insuranceOptions[0].requiresPersonalNumber)
-        return /* @__PURE__ */ import_react70.default.createElement(Insurance_default, {
+        return /* @__PURE__ */ import_react56.default.createElement(Insurance_default, {
           id,
           branch,
           insuranceOptions
         });
-      return /* @__PURE__ */ import_react70.default.createElement(InsuranceFree_default, {
+      return /* @__PURE__ */ import_react56.default.createElement(InsuranceFree_default, {
         insuranceOptions
       });
     }
@@ -7634,22 +6540,22 @@
   var InsuranceOptions_default = InsuranceOptions;
 
   // src/layouts/searchItem/ManufacturerPackagesOption.tsx
-  var import_react71 = __toESM(__require("react"));
+  var import_react57 = __toESM(__require("react"));
   var import_marked3 = __require("marked");
   var ManufacturerPackageOption = ({ packageOption }) => {
     if (!packageOption) {
       return null;
     }
-    return /* @__PURE__ */ import_react71.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.createElement(H2, {
+    return /* @__PURE__ */ import_react57.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react57.default.createElement(Repeat, null, /* @__PURE__ */ import_react57.default.createElement(H2, {
       noMargin: true
-    }, packageOption.title)), packageOption.description && /* @__PURE__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.createElement(Content_default, {
+    }, packageOption.title)), packageOption.description && /* @__PURE__ */ import_react57.default.createElement(Repeat, null, /* @__PURE__ */ import_react57.default.createElement(Content_default, {
       dangerouslySetInnerHTML: { __html: (0, import_marked3.marked)(packageOption.description) }
-    })), packageOption.link?.url && /* @__PURE__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.createElement(ButtonInline, {
+    })), packageOption.link?.url && /* @__PURE__ */ import_react57.default.createElement(Repeat, null, /* @__PURE__ */ import_react57.default.createElement(ButtonInline, {
       as: "a",
       href: packageOption.link.url,
       target: "_blank",
       rel: "noopener noreferrer"
-    }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ import_react71.default.createElement(Repeat, null, /* @__PURE__ */ import_react71.default.createElement(LogoBox_default, {
+    }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ import_react57.default.createElement(Repeat, null, /* @__PURE__ */ import_react57.default.createElement(LogoBox_default, {
       logo: packageOption.image,
       alt: "Logotyp",
       wide: true
@@ -7658,23 +6564,23 @@
   var ManufacturerPackagesOption_default = ManufacturerPackageOption;
 
   // src/layouts/searchItem/CheckList.tsx
-  var import_react79 = __toESM(__require("react"));
+  var import_react65 = __toESM(__require("react"));
 
   // src/components/ActionList/index.tsx
-  var import_react73 = __toESM(__require("react"));
+  var import_react59 = __toESM(__require("react"));
 
   // src/components/ActionList/toggle-item.tsx
-  var import_react72 = __toESM(__require("react"));
+  var import_react58 = __toESM(__require("react"));
   var initialValue = {};
   var getInitialValue = (title) => title && !!initialValue[title];
   var ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
-    const [visible, setVisible] = (0, import_react72.useState)(() => getInitialValue(type));
-    const _onClickValue = (0, import_react72.useCallback)(() => {
+    const [visible, setVisible] = (0, import_react58.useState)(() => getInitialValue(type));
+    const _onClickValue = (0, import_react58.useCallback)(() => {
       if (onClickValue) {
         onClickValue();
       }
     }, []);
-    const onClick = (0, import_react72.useCallback)(() => {
+    const onClick = (0, import_react58.useCallback)(() => {
       if (!visible) {
         initialValue[type] = true;
         setVisible(true);
@@ -7684,17 +6590,17 @@
       }
     }, [visible]);
     const visibleTitle = type === "tel" ? "Ring" : type === "mailto" ? "Skicka ett mail till" : "";
-    return /* @__PURE__ */ import_react72.default.createElement(RepeatTiny, null, visible ? /* @__PURE__ */ import_react72.default.createElement(ButtonSecondary, {
+    return /* @__PURE__ */ import_react58.default.createElement(RepeatTiny, null, visible ? /* @__PURE__ */ import_react58.default.createElement(ButtonSecondary, {
       onClick: _onClickValue,
       as: "a",
       href: `${type}:${value}`,
       title: `${visibleTitle} ${value}`,
       fullWidth: true
-    }, /* @__PURE__ */ import_react72.default.createElement(ButtonContent, null, value)) : /* @__PURE__ */ import_react72.default.createElement(ButtonSecondary, {
+    }, /* @__PURE__ */ import_react58.default.createElement(ButtonContent, null, value)) : /* @__PURE__ */ import_react58.default.createElement(ButtonSecondary, {
       onClick,
       title,
       fullWidth: true
-    }, /* @__PURE__ */ import_react72.default.createElement(ButtonContent, null, title)));
+    }, /* @__PURE__ */ import_react58.default.createElement(ButtonContent, null, title)));
   };
   var toggle_item_default = ToggleItem;
 
@@ -7807,18 +6713,18 @@
   var ActionList = ({ contact, branch }) => {
     const email = contact?.email || branch?.contact?.email;
     const phonenumber = contact?.phonenumber || branch?.contact?.phonenumber;
-    const onClickMailVisible = (0, import_react73.useCallback)(() => pubsub_default.publish("MailVisible"), []);
-    const onClickPhoneVisible = (0, import_react73.useCallback)(() => pubsub_default.publish("PhonenumberVisible"), []);
-    const onClickPhoneValue = (0, import_react73.useCallback)(() => pubsub_default.publish("PhonenumberCall"), []);
+    const onClickMailVisible = (0, import_react59.useCallback)(() => pubsub_default.publish("MailVisible"), []);
+    const onClickPhoneVisible = (0, import_react59.useCallback)(() => pubsub_default.publish("PhonenumberVisible"), []);
+    const onClickPhoneValue = (0, import_react59.useCallback)(() => pubsub_default.publish("PhonenumberCall"), []);
     if (!email && !phonenumber) {
       return null;
     }
-    return /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, email && /* @__PURE__ */ import_react73.default.createElement(toggle_item_default, {
+    return /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, email && /* @__PURE__ */ import_react59.default.createElement(toggle_item_default, {
       onClickVisible: onClickMailVisible,
       title: "Visa mailadress",
       value: email,
       type: "mailto"
-    }), phonenumber && /* @__PURE__ */ import_react73.default.createElement(toggle_item_default, {
+    }), phonenumber && /* @__PURE__ */ import_react59.default.createElement(toggle_item_default, {
       title: "Visa telefonnummer",
       value: formatPhonenumber(phonenumber),
       type: "tel",
@@ -7829,16 +6735,16 @@
   var ActionList_default = ActionList;
 
   // src/components/CheckMarkList/index.tsx
-  var import_react74 = __toESM(__require("react"));
+  var import_react60 = __toESM(__require("react"));
 
   // src/components/CheckMarkList/wrapper.tsx
-  var import_styled_components52 = __toESM(__require("styled-components"));
-  var List9 = import_styled_components52.default.ul`
+  var import_styled_components48 = __toESM(__require("styled-components"));
+  var List9 = import_styled_components48.default.ul`
   list-style: none;
   padding: 0;
   margin: 0;
 `;
-  var Item11 = import_styled_components52.default.li`
+  var Item9 = import_styled_components48.default.li`
   position: relative;
   font-size: 0.875rem;
 
@@ -7846,7 +6752,7 @@
     margin-top: ${size(0.5)};
   }
 `;
-  var Icon6 = import_styled_components52.default.div.attrs(() => ({
+  var Icon6 = import_styled_components48.default.div.attrs(() => ({
     className: "wayke__theme wayke__color--primary-text"
   }))`
   position: absolute;
@@ -7854,52 +6760,52 @@
   top: 4px; // Magic number
   font-size: 0.875em;
 `;
-  var Label10 = import_styled_components52.default.div`
+  var Label10 = import_styled_components48.default.div`
   padding-left: calc(1em + ${size(1)});
 `;
 
   // src/components/CheckMarkList/index.tsx
-  var CheckMarkListItem = ({ children }) => /* @__PURE__ */ import_react74.default.createElement(Item11, null, /* @__PURE__ */ import_react74.default.createElement(Icon6, null, /* @__PURE__ */ import_react74.default.createElement(IconCheck, {
+  var CheckMarkListItem = ({ children }) => /* @__PURE__ */ import_react60.default.createElement(Item9, null, /* @__PURE__ */ import_react60.default.createElement(Icon6, null, /* @__PURE__ */ import_react60.default.createElement(IconCheck, {
     block: true
-  })), /* @__PURE__ */ import_react74.default.createElement(Label10, null, children));
-  var CheckMarkList = ({ children }) => /* @__PURE__ */ import_react74.default.createElement(List9, null, children);
+  })), /* @__PURE__ */ import_react60.default.createElement(Label10, null, children));
+  var CheckMarkList = ({ children }) => /* @__PURE__ */ import_react60.default.createElement(List9, null, children);
   var CheckMarkList_default = CheckMarkList;
 
   // src/components/SwitchBar/index.tsx
-  var import_react75 = __toESM(__require("react"));
+  var import_react61 = __toESM(__require("react"));
 
   // src/components/SwitchBar/wrapper.tsx
-  var import_styled_components53 = __toESM(__require("styled-components"));
-  var Wrapper29 = import_styled_components53.default.div`
+  var import_styled_components49 = __toESM(__require("styled-components"));
+  var Wrapper26 = import_styled_components49.default.div`
   padding: ${size(1.5)} ${size(2)};
   background-color: ${(props) => props.theme.color.accentDark};
   border-radius: 3px;
   font-size: 0.875rem;
 `;
-  var Header6 = import_styled_components53.default.div`
+  var Header6 = import_styled_components49.default.div`
   display: flex;
   align-items: center;
 `;
-  var Body5 = import_styled_components53.default.div`
+  var Body5 = import_styled_components49.default.div`
   font-size: 0.875rem;
   margin-top: ${size(1)};
 `;
-  var Info3 = import_styled_components53.default.div`
+  var Info3 = import_styled_components49.default.div`
   flex: 1 1 auto;
   display: flex;
   align-items: center;
 `;
-  var Action7 = import_styled_components53.default.div`
+  var Action7 = import_styled_components49.default.div`
   flex-shrink: 0;
   padding-left: ${size(1.5)};
   font-size: 0.875rem;
 `;
-  var InfoContent = import_styled_components53.default.div`
+  var InfoContent = import_styled_components49.default.div`
   & + & {
     margin-left: ${size(0.75)};
   }
 `;
-  var InfoBtn2 = (0, import_styled_components53.default)(ButtonReset).attrs(() => ({
+  var InfoBtn2 = (0, import_styled_components49.default)(ButtonReset).attrs(() => ({
     className: "wayke__theme wayke__color--primary-text"
   }))`
   position: relative;
@@ -7933,7 +6839,7 @@
     transform: scale(0.95);
   }
 `;
-  var Title2 = import_styled_components53.default.div.attrs(() => ({
+  var Title2 = import_styled_components49.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   font-size: 1rem;
@@ -7941,17 +6847,17 @@
 
   // src/components/SwitchBar/index.tsx
   var SwitchBar = ({ title, body, actionTitle, children, onClick }) => {
-    const [info, setInfo] = (0, import_react75.useState)(false);
-    const onToggleInfo = (0, import_react75.useCallback)(() => setInfo(!info), [info]);
-    return /* @__PURE__ */ import_react75.default.createElement(import_react75.default.Fragment, null, /* @__PURE__ */ import_react75.default.createElement(Wrapper29, null, /* @__PURE__ */ import_react75.default.createElement(Header6, null, /* @__PURE__ */ import_react75.default.createElement(Info3, null, /* @__PURE__ */ import_react75.default.createElement(InfoContent, null, /* @__PURE__ */ import_react75.default.createElement(Title2, null, title)), children && /* @__PURE__ */ import_react75.default.createElement(InfoContent, null, /* @__PURE__ */ import_react75.default.createElement(InfoBtn2, {
+    const [info, setInfo] = (0, import_react61.useState)(false);
+    const onToggleInfo = (0, import_react61.useCallback)(() => setInfo(!info), [info]);
+    return /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(Wrapper26, null, /* @__PURE__ */ import_react61.default.createElement(Header6, null, /* @__PURE__ */ import_react61.default.createElement(Info3, null, /* @__PURE__ */ import_react61.default.createElement(InfoContent, null, /* @__PURE__ */ import_react61.default.createElement(Title2, null, title)), children && /* @__PURE__ */ import_react61.default.createElement(InfoContent, null, /* @__PURE__ */ import_react61.default.createElement(InfoBtn2, {
       onClick: onToggleInfo,
       title: "Mer information"
-    }, /* @__PURE__ */ import_react75.default.createElement(IconInfo, {
+    }, /* @__PURE__ */ import_react61.default.createElement(IconInfo, {
       block: true
-    })))), actionTitle && /* @__PURE__ */ import_react75.default.createElement(Action7, null, /* @__PURE__ */ import_react75.default.createElement(ButtonInline, {
+    })))), actionTitle && /* @__PURE__ */ import_react61.default.createElement(Action7, null, /* @__PURE__ */ import_react61.default.createElement(ButtonInline, {
       onClick,
       title: actionTitle
-    }, actionTitle))), body && /* @__PURE__ */ import_react75.default.createElement(Body5, null, body)), info && /* @__PURE__ */ import_react75.default.createElement(Modal_default, {
+    }, actionTitle))), body && /* @__PURE__ */ import_react61.default.createElement(Body5, null, body)), info && /* @__PURE__ */ import_react61.default.createElement(Modal_default, {
       title,
       onClose: onToggleInfo
     }, children));
@@ -7959,35 +6865,35 @@
   var SwitchBar_default = SwitchBar;
 
   // src/layouts/searchItem/BranchModal.tsx
-  var import_react77 = __toESM(__require("react"));
+  var import_react63 = __toESM(__require("react"));
 
   // src/State/CentralStorage/CentralStorageContext.ts
-  var import_react76 = __require("react");
-  var CentralStorageContext = (0, import_react76.createContext)({
+  var import_react62 = __require("react");
+  var CentralStorageContext = (0, import_react62.createContext)({
     setCentralStorageId: (_) => {
     }
   });
 
   // src/layouts/searchItem/BranchModal.tsx
   var BranchModal = ({ loading, connections, onClose }) => {
-    const { centralStorageId, setCentralStorageId } = (0, import_react77.useContext)(CentralStorageContext);
-    const [localValue, setLocalValue] = (0, import_react77.useState)(centralStorageId);
-    const onConfirm = (0, import_react77.useCallback)((id) => {
+    const { centralStorageId, setCentralStorageId } = (0, import_react63.useContext)(CentralStorageContext);
+    const [localValue, setLocalValue] = (0, import_react63.useState)(centralStorageId);
+    const onConfirm = (0, import_react63.useCallback)((id) => {
       if (id) {
         setCentralStorageId(id);
       }
     }, []);
-    const onChange = (0, import_react77.useCallback)(
+    const onChange = (0, import_react63.useCallback)(
       (e) => setLocalValue(e.currentTarget.value),
       []
     );
     if (!localValue) {
       return null;
     }
-    return /* @__PURE__ */ import_react77.default.createElement(Modal_default, {
+    return /* @__PURE__ */ import_react63.default.createElement(Modal_default, {
       title: "Byt anl\xE4ggning",
       onClose
-    }, /* @__PURE__ */ import_react77.default.createElement(Repeat, null, /* @__PURE__ */ import_react77.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react77.default.createElement(Content_default, null, /* @__PURE__ */ import_react77.default.createElement("p", null, "V\xE4lj den anl\xE4ggning du vill visa kontaktuppgifter f\xF6r."))), /* @__PURE__ */ import_react77.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react77.default.createElement(InputLabel_default, null, "V\xE4lj anl\xE4ggning"), /* @__PURE__ */ import_react77.default.createElement(InputSelect_default, {
+    }, /* @__PURE__ */ import_react63.default.createElement(Repeat, null, /* @__PURE__ */ import_react63.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react63.default.createElement(Content_default, null, /* @__PURE__ */ import_react63.default.createElement("p", null, "V\xE4lj den anl\xE4ggning du vill visa kontaktuppgifter f\xF6r."))), /* @__PURE__ */ import_react63.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react63.default.createElement(InputLabel_default, null, "V\xE4lj anl\xE4ggning"), /* @__PURE__ */ import_react63.default.createElement(InputSelect_default, {
       value: localValue,
       onChange,
       options: connections?.map((x) => ({
@@ -7995,27 +6901,27 @@
         displayName: x.name
       })),
       title: "V\xE4lj anl\xE4ggning"
-    }))), /* @__PURE__ */ import_react77.default.createElement(Repeat, null, /* @__PURE__ */ import_react77.default.createElement(ButtonPrimary, {
+    }))), /* @__PURE__ */ import_react63.default.createElement(Repeat, null, /* @__PURE__ */ import_react63.default.createElement(ButtonPrimary, {
       disabled: loading,
       fullWidth: true,
       onClick: () => onConfirm(localValue)
-    }, /* @__PURE__ */ import_react77.default.createElement(ButtonContent, null, "V\xE4lj"))));
+    }, /* @__PURE__ */ import_react63.default.createElement(ButtonContent, null, "V\xE4lj"))));
   };
   var BranchModal_default = BranchModal;
 
   // src/layouts/searchItem/PackageOptionModal.tsx
-  var import_react78 = __toESM(__require("react"));
+  var import_react64 = __toESM(__require("react"));
   var import_marked4 = __require("marked");
-  var PackageOptionModal = ({ packageOption, onClose }) => /* @__PURE__ */ import_react78.default.createElement(Modal_default, {
+  var PackageOptionModal = ({ packageOption, onClose }) => /* @__PURE__ */ import_react64.default.createElement(Modal_default, {
     title: packageOption.title || "",
     onClose
-  }, packageOption.image && /* @__PURE__ */ import_react78.default.createElement(Repeat, null, /* @__PURE__ */ import_react78.default.createElement(LogoBox_default, {
+  }, packageOption.image && /* @__PURE__ */ import_react64.default.createElement(Repeat, null, /* @__PURE__ */ import_react64.default.createElement(LogoBox_default, {
     logo: packageOption.image,
     alt: packageOption.title || void 0,
     wide: true
-  })), packageOption.description && /* @__PURE__ */ import_react78.default.createElement(Repeat, null, /* @__PURE__ */ import_react78.default.createElement(Content_default, {
+  })), packageOption.description && /* @__PURE__ */ import_react64.default.createElement(Repeat, null, /* @__PURE__ */ import_react64.default.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: (0, import_marked4.marked)(packageOption.description) }
-  })), packageOption.link?.href && packageOption.link.title && /* @__PURE__ */ import_react78.default.createElement(Repeat, null, /* @__PURE__ */ import_react78.default.createElement(ButtonInline, {
+  })), packageOption.link?.href && packageOption.link.title && /* @__PURE__ */ import_react64.default.createElement(Repeat, null, /* @__PURE__ */ import_react64.default.createElement(ButtonInline, {
     as: "a",
     href: packageOption.link.href,
     target: "_blank",
@@ -8033,90 +6939,90 @@
     toggleEcomModal,
     loadingCentralStorageVehicle
   }) => {
-    const [modalBranch, setModalBranch] = (0, import_react79.useState)(false);
-    const openModalBranch = (0, import_react79.useCallback)(() => setModalBranch(true), []);
-    const closeModalBranch = (0, import_react79.useCallback)(() => setModalBranch(false), []);
-    const [modal, setModal] = (0, import_react79.useState)();
-    const onOpen = (0, import_react79.useCallback)((nextModal) => setModal(nextModal), []);
-    const onClose = (0, import_react79.useCallback)(() => setModal(void 0), []);
-    (0, import_react79.useEffect)(() => {
+    const [modalBranch, setModalBranch] = (0, import_react65.useState)(false);
+    const openModalBranch = (0, import_react65.useCallback)(() => setModalBranch(true), []);
+    const closeModalBranch = (0, import_react65.useCallback)(() => setModalBranch(false), []);
+    const [modal, setModal] = (0, import_react65.useState)();
+    const onOpen = (0, import_react65.useCallback)((nextModal) => setModal(nextModal), []);
+    const onClose = (0, import_react65.useCallback)(() => setModal(void 0), []);
+    (0, import_react65.useEffect)(() => {
       if ((branch || contact) && modalBranch) {
         setModalBranch(false);
       }
     }, [branch, contact]);
     const packageOption = manufacturer?.packageOption;
-    return /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null, modalBranch && /* @__PURE__ */ import_react79.default.createElement(BranchModal_default, {
+    return /* @__PURE__ */ import_react65.default.createElement(import_react65.default.Fragment, null, modalBranch && /* @__PURE__ */ import_react65.default.createElement(BranchModal_default, {
       loading: loadingCentralStorageVehicle,
       connections: branch?.connections,
       onClose: closeModalBranch
-    }), modal && /* @__PURE__ */ import_react79.default.createElement(PackageOptionModal_default, {
+    }), modal && /* @__PURE__ */ import_react65.default.createElement(PackageOptionModal_default, {
       packageOption: modal,
       onClose
-    }), /* @__PURE__ */ import_react79.default.createElement(Repeat, null, /* @__PURE__ */ import_react79.default.createElement(CheckMarkList_default, null, packageOption?.title && /* @__PURE__ */ import_react79.default.createElement(CheckMarkListItem, null, /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null, "Inkl.", " ", /* @__PURE__ */ import_react79.default.createElement(ButtonInline, {
+    }), /* @__PURE__ */ import_react65.default.createElement(Repeat, null, /* @__PURE__ */ import_react65.default.createElement(CheckMarkList_default, null, packageOption?.title && /* @__PURE__ */ import_react65.default.createElement(CheckMarkListItem, null, /* @__PURE__ */ import_react65.default.createElement(import_react65.default.Fragment, null, "Inkl.", " ", /* @__PURE__ */ import_react65.default.createElement(ButtonInline, {
       onClick: () => onOpen({
         title: packageOption?.title,
         image: packageOption?.image,
         description: packageOption?.description,
         link: packageOption?.link
       })
-    }, packageOption.title), " ", "begagnatgaranti")), packageOptions?.map((packageOption2, index2) => /* @__PURE__ */ import_react79.default.createElement(CheckMarkListItem, {
+    }, packageOption.title), " ", "begagnatgaranti")), packageOptions?.map((packageOption2, index2) => /* @__PURE__ */ import_react65.default.createElement(CheckMarkListItem, {
       key: packageOption2.title || index2
-    }, /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null, "Inkl.", " ", /* @__PURE__ */ import_react79.default.createElement(ButtonInline, {
+    }, /* @__PURE__ */ import_react65.default.createElement(import_react65.default.Fragment, null, "Inkl.", " ", /* @__PURE__ */ import_react65.default.createElement(ButtonInline, {
       onClick: () => onOpen({
         title: packageOption2?.title,
         image: packageOption2?.image,
         description: packageOption2?.description,
         link: packageOption2?.link
       })
-    }, packageOption2.title)))), ecommerce?.withHomeDelivery && /* @__PURE__ */ import_react79.default.createElement(CheckMarkListItem, null, "Hemleverans"))), /* @__PURE__ */ import_react79.default.createElement(Repeat, null, ecommerce && ecommerce.enabled && /* @__PURE__ */ import_react79.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react79.default.createElement(ButtonPrimary, {
+    }, packageOption2.title)))), ecommerce?.withHomeDelivery && /* @__PURE__ */ import_react65.default.createElement(CheckMarkListItem, null, "Hemleverans"))), /* @__PURE__ */ import_react65.default.createElement(Repeat, null, ecommerce && ecommerce.enabled && /* @__PURE__ */ import_react65.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react65.default.createElement(ButtonPrimary, {
       disabled: !!ecommerce.reserved,
       fullWidth: true,
       onClick: toggleEcomModal
-    }, /* @__PURE__ */ import_react79.default.createElement(ButtonContent, null, "K\xF6p bilen online"))), ecommerce?.reserved && /* @__PURE__ */ import_react79.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react79.default.createElement(SwitchBar_default, {
+    }, /* @__PURE__ */ import_react65.default.createElement(ButtonContent, null, "K\xF6p bilen online"))), ecommerce?.reserved && /* @__PURE__ */ import_react65.default.createElement(RepeatTiny, null, /* @__PURE__ */ import_react65.default.createElement(SwitchBar_default, {
       title: "Bilen \xE4r reserverad",
       body: "Denna bil \xE4r reserverad av en annan k\xF6pare."
-    }, /* @__PURE__ */ import_react79.default.createElement(Content_default, null, /* @__PURE__ */ import_react79.default.createElement("p", null, "Denna bil \xE4r reserverad av en annan k\xF6pare.")))), /* @__PURE__ */ import_react79.default.createElement(ActionList_default, {
+    }, /* @__PURE__ */ import_react65.default.createElement(Content_default, null, /* @__PURE__ */ import_react65.default.createElement("p", null, "Denna bil \xE4r reserverad av en annan k\xF6pare.")))), /* @__PURE__ */ import_react65.default.createElement(ActionList_default, {
       branch,
       contact
-    })), (branch?.connections.length || 0) > 1 && /* @__PURE__ */ import_react79.default.createElement(Repeat, null, /* @__PURE__ */ import_react79.default.createElement(SwitchBar_default, {
+    })), (branch?.connections.length || 0) > 1 && /* @__PURE__ */ import_react65.default.createElement(Repeat, null, /* @__PURE__ */ import_react65.default.createElement(SwitchBar_default, {
       title: "Centrallagerbil",
       actionTitle: "Byt anl\xE4ggning",
       onClick: openModalBranch
-    }, /* @__PURE__ */ import_react79.default.createElement(Content_default, null, /* @__PURE__ */ import_react79.default.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar. Byt anl\xE4ggning f\xF6r att visa kontaktuppgifter till just den anl\xE4ggningen.")))));
+    }, /* @__PURE__ */ import_react65.default.createElement(Content_default, null, /* @__PURE__ */ import_react65.default.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar. Byt anl\xE4ggning f\xF6r att visa kontaktuppgifter till just den anl\xE4ggningen.")))));
   };
   var CheckList_default = CheckList;
 
   // src/layouts/searchItem/Related.tsx
-  var import_react83 = __toESM(__require("react"));
+  var import_react69 = __toESM(__require("react"));
 
   // src/components/SectionHeader/index.tsx
-  var import_react80 = __toESM(__require("react"));
+  var import_react66 = __toESM(__require("react"));
 
   // src/components/SectionHeader/wrapper.tsx
-  var import_styled_components54 = __toESM(__require("styled-components"));
-  var Wrapper30 = import_styled_components54.default.div`
+  var import_styled_components50 = __toESM(__require("styled-components"));
+  var Wrapper27 = import_styled_components50.default.div`
   display: flex;
   align-items: center;
 `;
-  var Heading7 = import_styled_components54.default.div`
+  var Heading7 = import_styled_components50.default.div`
   flex: 1 1 auto;
 `;
-  var Action8 = import_styled_components54.default.div`
+  var Action8 = import_styled_components50.default.div`
   flex-shrink: 0;
   padding-left: ${size(2)};
 `;
 
   // src/components/SectionHeader/index.tsx
-  var SectionHeader = ({ children, onClick, actionTitle }) => /* @__PURE__ */ import_react80.default.createElement(Wrapper30, null, /* @__PURE__ */ import_react80.default.createElement(Heading7, null, children), onClick && actionTitle && /* @__PURE__ */ import_react80.default.createElement(Action8, null, /* @__PURE__ */ import_react80.default.createElement(ButtonClear, {
+  var SectionHeader = ({ children, onClick, actionTitle }) => /* @__PURE__ */ import_react66.default.createElement(Wrapper27, null, /* @__PURE__ */ import_react66.default.createElement(Heading7, null, children), onClick && actionTitle && /* @__PURE__ */ import_react66.default.createElement(Action8, null, /* @__PURE__ */ import_react66.default.createElement(ButtonClear, {
     as: "a",
     href: "#",
     onClick
-  }, /* @__PURE__ */ import_react80.default.createElement(ButtonContent, null, actionTitle))));
+  }, /* @__PURE__ */ import_react66.default.createElement(ButtonContent, null, actionTitle))));
   var SectionHeader_default = SectionHeader;
 
   // src/components/OverflowGrid/index.tsx
-  var import_styled_components55 = __toESM(__require("styled-components"));
-  var OverflowGrid = import_styled_components55.default.div`
+  var import_styled_components51 = __toESM(__require("styled-components"));
+  var OverflowGrid = import_styled_components51.default.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     ${Wrapper} & {
       margin-left: ${size(-3)};
@@ -8131,7 +7037,7 @@
     }
   }
 `;
-  var OverflowGridList = import_styled_components55.default.ul`
+  var OverflowGridList = import_styled_components51.default.ul`
   display: flex;
   align-items: flex-start;
   list-style: none;
@@ -8163,7 +7069,7 @@
     }
   }
 `;
-  var OverflowGridItem = import_styled_components55.default.li`
+  var OverflowGridItem = import_styled_components51.default.li`
   flex: 1 0 auto;
   width: calc(100% - ${size(2)});
   max-width: calc(100% - ${size(2)});
@@ -8181,11 +7087,11 @@
 `;
 
   // src/State/RelatedSearch/useRelatedSearch.ts
-  var import_react82 = __require("react");
+  var import_react68 = __require("react");
 
   // src/State/RelatedSearch/RelatedSearchContext.ts
-  var import_react81 = __require("react");
-  var RelatedSearchContext = (0, import_react81.createContext)({
+  var import_react67 = __require("react");
+  var RelatedSearchContext = (0, import_react67.createContext)({
     moreLikeThisUrl: false,
     loading: false,
     error: false,
@@ -8196,8 +7102,8 @@
 
   // src/State/RelatedSearch/useRelatedSearch.ts
   var useRelatedSearch = (id) => {
-    const data = (0, import_react82.useContext)(RelatedSearchContext);
-    (0, import_react82.useEffect)(() => {
+    const data = (0, import_react68.useContext)(RelatedSearchContext);
+    (0, import_react68.useEffect)(() => {
       const searchParams = new URLSearchParams();
       searchParams.set("hits", "3");
       if (data.moreLikeThisUrl && id) {
@@ -8223,7 +7129,7 @@
   // src/layouts/searchItem/Related.tsx
   var Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
     const { loading, response, moreLikeThisUrl } = useRelatedSearch_default(id);
-    const onItemClicked = (0, import_react83.useCallback)((id2) => {
+    const onItemClicked = (0, import_react69.useCallback)((id2) => {
       pubsub_default.publish("ItemClicked", id2);
       if (onClickSearchItem) {
         onClickSearchItem(id2);
@@ -8233,30 +7139,30 @@
       return null;
     }
     if (loading) {
-      return /* @__PURE__ */ import_react83.default.createElement(Loader_default, null);
+      return /* @__PURE__ */ import_react69.default.createElement(Loader_default, null);
     }
-    return /* @__PURE__ */ import_react83.default.createElement(PageSection, {
+    return /* @__PURE__ */ import_react69.default.createElement(PageSection, {
       accent: true,
       large: true,
       className: "wayke__theme wayke__color--accent-bg"
-    }, /* @__PURE__ */ import_react83.default.createElement(Container_default, null, moreLikeThisUrl ? /* @__PURE__ */ import_react83.default.createElement(Repeat, null, /* @__PURE__ */ import_react83.default.createElement(SectionHeader_default, {
+    }, /* @__PURE__ */ import_react69.default.createElement(Container_default, null, moreLikeThisUrl ? /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(SectionHeader_default, {
       onClick: () => {
       }
-    }, /* @__PURE__ */ import_react83.default.createElement(H2, {
+    }, /* @__PURE__ */ import_react69.default.createElement(H2, {
       noMargin: true
-    }, "Relaterade fordon"))) : /* @__PURE__ */ import_react83.default.createElement(Repeat, null, /* @__PURE__ */ import_react83.default.createElement(SectionHeader_default, {
+    }, "Relaterade fordon"))) : /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(SectionHeader_default, {
       onClick: () => {
       },
       actionTitle: "Visa alla"
-    }, /* @__PURE__ */ import_react83.default.createElement(H2, {
+    }, /* @__PURE__ */ import_react69.default.createElement(H2, {
       noMargin: true
-    }, "Senast inkomna"))), /* @__PURE__ */ import_react83.default.createElement(Repeat, null, /* @__PURE__ */ import_react83.default.createElement(OverflowGrid, null, /* @__PURE__ */ import_react83.default.createElement(OverflowGridList, null, response?.documentList.documents.map((document2) => {
+    }, "Senast inkomna"))), /* @__PURE__ */ import_react69.default.createElement(Repeat, null, /* @__PURE__ */ import_react69.default.createElement(OverflowGrid, null, /* @__PURE__ */ import_react69.default.createElement(OverflowGridList, null, response?.documentList.documents.map((document2) => {
       const prefix = pathRoute ? `/${pathRoute}` : "/";
       const r = regexPathGuid(pathRoute);
       const pathRouteUrl = window.location.pathname === "/" ? `${prefix}${document2._id}` : r.test(`${pathRoute}${id}`) ? window.location.pathname.replace(r, `${pathRoute}${document2._id}`) : `${window.location.pathname}${prefix}${document2._id}`;
-      return /* @__PURE__ */ import_react83.default.createElement(OverflowGridItem, {
+      return /* @__PURE__ */ import_react69.default.createElement(OverflowGridItem, {
         key: document2._id
-      }, /* @__PURE__ */ import_react83.default.createElement(ProductCard_default, {
+      }, /* @__PURE__ */ import_react69.default.createElement(ProductCard_default, {
         id: document2._id,
         onClick: onItemClicked,
         title: document2.title,
@@ -8286,24 +7192,24 @@
   var Related_default = Related;
 
   // src/layouts/searchItem/PackageOptions.tsx
-  var import_react84 = __toESM(__require("react"));
+  var import_react70 = __toESM(__require("react"));
   var import_marked5 = __require("marked");
   var PackageOptions = ({ packageOptions }) => {
     if (!packageOptions) {
       return null;
     }
-    return /* @__PURE__ */ import_react84.default.createElement(import_react84.default.Fragment, null, packageOptions.map((packageOption, index2) => /* @__PURE__ */ import_react84.default.createElement(ProductPageMainSection, {
+    return /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, packageOptions.map((packageOption, index2) => /* @__PURE__ */ import_react70.default.createElement(ProductPageMainSection, {
       key: packageOption.title || index2
-    }, /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(H2, {
+    }, /* @__PURE__ */ import_react70.default.createElement(Repeat, null, /* @__PURE__ */ import_react70.default.createElement(H2, {
       noMargin: true
-    }, packageOption.title)), packageOption.description && /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(Content_default, {
+    }, packageOption.title)), packageOption.description && /* @__PURE__ */ import_react70.default.createElement(Repeat, null, /* @__PURE__ */ import_react70.default.createElement(Content_default, {
       dangerouslySetInnerHTML: { __html: (0, import_marked5.marked)(packageOption.description) }
-    })), packageOption.link?.url && /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(ButtonInline, {
+    })), packageOption.link?.url && /* @__PURE__ */ import_react70.default.createElement(Repeat, null, /* @__PURE__ */ import_react70.default.createElement(ButtonInline, {
       as: "a",
       href: packageOption.link.url,
       target: "_blank",
       rel: "noopener noreferrer"
-    }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(LogoBox_default, {
+    }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ import_react70.default.createElement(Repeat, null, /* @__PURE__ */ import_react70.default.createElement(LogoBox_default, {
       logo: packageOption.image,
       alt: "Logotyp",
       wide: true
@@ -8312,31 +7218,31 @@
   var PackageOptions_default = PackageOptions;
 
   // src/layouts/searchItem/Branch.tsx
-  var import_react91 = __toESM(__require("react"));
+  var import_react77 = __toESM(__require("react"));
 
   // src/components/TableColumn/index.tsx
-  var import_styled_components56 = __toESM(__require("styled-components"));
-  var TableColumn = import_styled_components56.default.div`
+  var import_styled_components52 = __toESM(__require("styled-components"));
+  var TableColumn = import_styled_components52.default.div`
   line-height: 1.2;
 `;
-  var TableColumnRow = import_styled_components56.default.div`
+  var TableColumnRow = import_styled_components52.default.div`
   display: flex;
   align-items: flex-start;
   margin: ${size(-1)};
 `;
-  var TableColumnCell = import_styled_components56.default.div`
+  var TableColumnCell = import_styled_components52.default.div`
   flex: 1 0 50%;
   padding: ${size(1)};
 `;
 
   // src/components/OpeningHours/index.tsx
-  var import_react86 = __toESM(__require("react"));
+  var import_react72 = __toESM(__require("react"));
 
   // src/components/Badge/index.tsx
-  var import_react85 = __toESM(__require("react"));
+  var import_react71 = __toESM(__require("react"));
 
   // src/components/Badge/wrapper.tsx
-  var import_styled_components57 = __toESM(__require("styled-components"));
+  var import_styled_components53 = __toESM(__require("styled-components"));
   var getBg = (severity) => {
     let bg = theme_default.color.textDark;
     if (severity === "positive") {
@@ -8346,7 +7252,7 @@
     }
     return bg;
   };
-  var Wrapper31 = import_styled_components57.default.div.attrs(() => ({
+  var Wrapper28 = import_styled_components53.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--bold"
   }))`
   display: inline-block;
@@ -8359,7 +7265,7 @@
 `;
 
   // src/components/Badge/index.tsx
-  var Badge = ({ label, severity }) => /* @__PURE__ */ import_react85.default.createElement(Wrapper31, {
+  var Badge = ({ label, severity }) => /* @__PURE__ */ import_react71.default.createElement(Wrapper28, {
     severity
   }, label);
   var Badge_default = Badge;
@@ -8423,11 +7329,11 @@
     return new Date().setHours(splitted[0], splitted[1]).valueOf();
   };
   var OpeningHours = ({ openingHours }) => {
-    const today = (0, import_react86.useMemo)(
+    const today = (0, import_react72.useMemo)(
       () => openingHours ? GetOpeningHoursToday(openingHours) : null,
       [openingHours]
     );
-    const currentlyOpen = (0, import_react86.useMemo)(() => {
+    const currentlyOpen = (0, import_react72.useMemo)(() => {
       try {
         if (today?.from && today?.until) {
           const currentDate = new Date().valueOf();
@@ -8439,60 +7345,60 @@
         return false;
       }
     }, [today]);
-    const oh = (0, import_react86.useMemo)(() => openingHours ? GetOpeningHours(openingHours) : null, [openingHours]);
+    const oh = (0, import_react72.useMemo)(() => openingHours ? GetOpeningHours(openingHours) : null, [openingHours]);
     if (!oh) {
       return null;
     }
-    return /* @__PURE__ */ import_react86.default.createElement(import_react86.default.Fragment, null, /* @__PURE__ */ import_react86.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react86.default.createElement(Badge_default, {
+    return /* @__PURE__ */ import_react72.default.createElement(import_react72.default.Fragment, null, /* @__PURE__ */ import_react72.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react72.default.createElement(Badge_default, {
       label: currentlyOpen ? "\xD6ppet" : "St\xE4ngt",
       severity: currentlyOpen ? "positive" : "negative"
-    })), /* @__PURE__ */ import_react86.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react86.default.createElement(TableColumn, null, /* @__PURE__ */ import_react86.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react86.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react86.default.createElement(UtilityTextBold, null, today?.title)), /* @__PURE__ */ import_react86.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react86.default.createElement(UtilityTextBold, null, today?.from ? `${today.from}-${today.until}` : "St\xE4ngt"))), oh.map((o) => /* @__PURE__ */ import_react86.default.createElement(TableColumnRow, {
+    })), /* @__PURE__ */ import_react72.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react72.default.createElement(TableColumn, null, /* @__PURE__ */ import_react72.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react72.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react72.default.createElement(UtilityTextBold, null, today?.title)), /* @__PURE__ */ import_react72.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react72.default.createElement(UtilityTextBold, null, today?.from ? `${today.from}-${today.until}` : "St\xE4ngt"))), oh.map((o) => /* @__PURE__ */ import_react72.default.createElement(TableColumnRow, {
       key: o.titleFrom
-    }, /* @__PURE__ */ import_react86.default.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom), /* @__PURE__ */ import_react86.default.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : "St\xE4ngt"))))));
+    }, /* @__PURE__ */ import_react72.default.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom), /* @__PURE__ */ import_react72.default.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : "St\xE4ngt"))))));
   };
   var OpeningHours_default = OpeningHours;
 
   // src/components/PhoneNumber/index.tsx
-  var import_react87 = __toESM(__require("react"));
+  var import_react73 = __toESM(__require("react"));
   var PhoneNumber = ({ phoneNumber }) => {
-    const [visible, setVisible] = (0, import_react87.useState)(false);
-    const onClick = (0, import_react87.useCallback)(() => !visible && setVisible(true), [visible]);
-    return /* @__PURE__ */ import_react87.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react87.default.createElement(TableColumnCell, null, "Telefonnummer"), /* @__PURE__ */ import_react87.default.createElement(TableColumnCell, null, visible ? /* @__PURE__ */ import_react87.default.createElement(ButtonInlineBold, {
+    const [visible, setVisible] = (0, import_react73.useState)(false);
+    const onClick = (0, import_react73.useCallback)(() => !visible && setVisible(true), [visible]);
+    return /* @__PURE__ */ import_react73.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react73.default.createElement(TableColumnCell, null, "Telefonnummer"), /* @__PURE__ */ import_react73.default.createElement(TableColumnCell, null, visible ? /* @__PURE__ */ import_react73.default.createElement(ButtonInlineBold, {
       as: "a",
       href: `tel:${phoneNumber}`,
       title: `Ring ${phoneNumber}`
-    }, /* @__PURE__ */ import_react87.default.createElement(ButtonContent, null, phoneNumber)) : /* @__PURE__ */ import_react87.default.createElement(ButtonInlineBold, {
+    }, /* @__PURE__ */ import_react73.default.createElement(ButtonContent, null, phoneNumber)) : /* @__PURE__ */ import_react73.default.createElement(ButtonInlineBold, {
       onClick,
       title: "Visa telefonnummer"
-    }, /* @__PURE__ */ import_react87.default.createElement(ButtonContent, null, "Visa telefonnummer"))));
+    }, /* @__PURE__ */ import_react73.default.createElement(ButtonContent, null, "Visa telefonnummer"))));
   };
   var PhoneNumber_default = PhoneNumber;
 
   // src/components/Map/index.tsx
-  var import_react90 = __toESM(__require("react"));
+  var import_react76 = __toESM(__require("react"));
 
   // src/State/Settings/useSettings.ts
-  var import_react89 = __require("react");
+  var import_react75 = __require("react");
 
   // src/State/Settings/SettingsContext.ts
-  var import_react88 = __require("react");
-  var SettingsContext = (0, import_react88.createContext)({});
+  var import_react74 = __require("react");
+  var SettingsContext = (0, import_react74.createContext)({});
 
   // src/State/Settings/useSettings.ts
-  var useSettings = () => (0, import_react89.useContext)(SettingsContext);
+  var useSettings = () => (0, import_react75.useContext)(SettingsContext);
   var useSettings_default = useSettings;
 
   // src/components/Map/wrapper.tsx
-  var import_styled_components58 = __toESM(__require("styled-components"));
-  var Wrapper32 = import_styled_components58.default.a`
+  var import_styled_components54 = __toESM(__require("styled-components"));
+  var Wrapper29 = import_styled_components54.default.a`
   display: block;
 `;
-  var Image4 = import_styled_components58.default.img`
+  var Image3 = import_styled_components54.default.img`
   display: block;
   width: 100%;
   border-radius: 3px;
 `;
-  var Placeholder = import_styled_components58.default.a`
+  var Placeholder = import_styled_components54.default.a`
   display: block;
   position: relative;
   width: 100%;
@@ -8502,7 +7408,7 @@
   border-radius: 3px;
   color: ${(props) => props.theme.color.textDark};
 `;
-  var PlaceholderAction = import_styled_components58.default.div`
+  var PlaceholderAction = import_styled_components54.default.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -8512,8 +7418,8 @@
   // src/components/Map/index.tsx
   var StaticMap = ({ position }) => {
     const { googleMapsApiKey, googleMapsMarker } = useSettings_default();
-    const [visible, setVisible] = (0, import_react90.useState)(false);
-    const onShowMap = (0, import_react90.useCallback)((e) => {
+    const [visible, setVisible] = (0, import_react76.useState)(false);
+    const onShowMap = (0, import_react76.useCallback)((e) => {
       if (googleMapsApiKey) {
         e.preventDefault();
         setVisible(true);
@@ -8524,33 +7430,33 @@
     }
     const { latitude, longitude } = position;
     if (visible && googleMapsApiKey) {
-      return /* @__PURE__ */ import_react90.default.createElement(Wrapper32, {
+      return /* @__PURE__ */ import_react76.default.createElement(Wrapper29, {
         href: `http://maps.google.com/maps?q=${latitude},${longitude}`,
         title: "Visa p\xE5 Google Maps",
         target: "_blank",
         rel: "nofollow noopener noreferrer"
-      }, /* @__PURE__ */ import_react90.default.createElement(Image4, {
+      }, /* @__PURE__ */ import_react76.default.createElement(Image3, {
         src: `https://maps.googleapis.com/maps/api/staticmap?center=${latitude},${longitude}&zoom=10&size=640x280&maptype=roadmap&markers=${googleMapsMarker ? `icon:${encodeURIComponent(googleMapsMarker)}` : ""}%7C${latitude},${longitude}&key=${googleMapsApiKey}`,
         alt: "Karta"
       }));
     }
-    return /* @__PURE__ */ import_react90.default.createElement(Placeholder, {
+    return /* @__PURE__ */ import_react76.default.createElement(Placeholder, {
       href: `http://maps.google.com/maps?q=${latitude},${longitude}`,
       target: "_blank",
       rel: "noopener noreferrer nofollow",
       onClick: onShowMap
-    }, /* @__PURE__ */ import_react90.default.createElement(PlaceholderAction, null, /* @__PURE__ */ import_react90.default.createElement(ButtonSecondary, {
+    }, /* @__PURE__ */ import_react76.default.createElement(PlaceholderAction, null, /* @__PURE__ */ import_react76.default.createElement(ButtonSecondary, {
       as: "div"
-    }, /* @__PURE__ */ import_react90.default.createElement(ButtonContent, null, "Visa karta"))));
+    }, /* @__PURE__ */ import_react76.default.createElement(ButtonContent, null, "Visa karta"))));
   };
   var Map_default = StaticMap;
 
   // src/layouts/searchItem/Branch.tsx
   var Branch2 = ({ branch, loading }) => {
-    const [modal, setModal] = (0, import_react91.useState)(false);
-    const openModal = (0, import_react91.useCallback)(() => setModal(true), []);
-    const closeModal = (0, import_react91.useCallback)(() => setModal(false), []);
-    (0, import_react91.useEffect)(() => {
+    const [modal, setModal] = (0, import_react77.useState)(false);
+    const openModal = (0, import_react77.useCallback)(() => setModal(true), []);
+    const closeModal = (0, import_react77.useCallback)(() => setModal(false), []);
+    (0, import_react77.useEffect)(() => {
       if (branch && modal) {
         setModal(false);
       }
@@ -8558,29 +7464,29 @@
     if (!branch) {
       return null;
     }
-    return /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null, modal && /* @__PURE__ */ import_react91.default.createElement(BranchModal_default, {
+    return /* @__PURE__ */ import_react77.default.createElement(import_react77.default.Fragment, null, modal && /* @__PURE__ */ import_react77.default.createElement(BranchModal_default, {
       loading,
       connections: branch?.connections,
       onClose: closeModal
-    }), /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(H2, {
+    }), /* @__PURE__ */ import_react77.default.createElement(Repeat, null, /* @__PURE__ */ import_react77.default.createElement(H2, {
       noMargin: true
-    }, branch?.location?.city ? `Den h\xE4r bilen finns p\xE5 v\xE5r anl\xE4ggning i ${branch?.location?.city}` : "Kontakt")), /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(Map_default, {
+    }, branch?.location?.city ? `Den h\xE4r bilen finns p\xE5 v\xE5r anl\xE4ggning i ${branch?.location?.city}` : "Kontakt")), /* @__PURE__ */ import_react77.default.createElement(Repeat, null, /* @__PURE__ */ import_react77.default.createElement(Map_default, {
       position: branch?.location?.position
-    })), (branch?.connections?.length || 0) > 1 && /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(Content_default, null, /* @__PURE__ */ import_react91.default.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar.", " ", /* @__PURE__ */ import_react91.default.createElement(ButtonInline, {
+    })), (branch?.connections?.length || 0) > 1 && /* @__PURE__ */ import_react77.default.createElement(Repeat, null, /* @__PURE__ */ import_react77.default.createElement(Content_default, null, /* @__PURE__ */ import_react77.default.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar.", " ", /* @__PURE__ */ import_react77.default.createElement(ButtonInline, {
       as: "span",
       role: "button",
       onClick: openModal,
       inline: true
-    }, "Klicka h\xE4r f\xF6r att visa kontaktuppgifter till en annan anl\xE4ggning"), "."))), /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(ProductPageContentLimit, null, /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(TableColumn, null, branch?.location?.streetAddress && branch?.location?.city && /* @__PURE__ */ import_react91.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react91.default.createElement(TableColumnCell, null, "Adress"), /* @__PURE__ */ import_react91.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react91.default.createElement(ButtonInlineBold, null, /* @__PURE__ */ import_react91.default.createElement(ButtonContent, null, `${branch?.location?.streetAddress}, ${branch?.location?.city}`)))), branch?.contact?.phonenumber && /* @__PURE__ */ import_react91.default.createElement(PhoneNumber_default, {
+    }, "Klicka h\xE4r f\xF6r att visa kontaktuppgifter till en annan anl\xE4ggning"), "."))), /* @__PURE__ */ import_react77.default.createElement(Repeat, null, /* @__PURE__ */ import_react77.default.createElement(ProductPageContentLimit, null, /* @__PURE__ */ import_react77.default.createElement(Repeat, null, /* @__PURE__ */ import_react77.default.createElement(TableColumn, null, branch?.location?.streetAddress && branch?.location?.city && /* @__PURE__ */ import_react77.default.createElement(TableColumnRow, null, /* @__PURE__ */ import_react77.default.createElement(TableColumnCell, null, "Adress"), /* @__PURE__ */ import_react77.default.createElement(TableColumnCell, null, /* @__PURE__ */ import_react77.default.createElement(ButtonInlineBold, null, /* @__PURE__ */ import_react77.default.createElement(ButtonContent, null, `${branch?.location?.streetAddress}, ${branch?.location?.city}`)))), branch?.contact?.phonenumber && /* @__PURE__ */ import_react77.default.createElement(PhoneNumber_default, {
       phoneNumber: formatPhonenumber(branch.contact.phonenumber)
-    }))), branch?.openingHours && /* @__PURE__ */ import_react91.default.createElement(Repeat, null, /* @__PURE__ */ import_react91.default.createElement(OpeningHours_default, {
+    }))), branch?.openingHours && /* @__PURE__ */ import_react77.default.createElement(Repeat, null, /* @__PURE__ */ import_react77.default.createElement(OpeningHours_default, {
       openingHours: branch.openingHours
     })))));
   };
   var Branch_default = Branch2;
 
   // src/State/CentralStorage/useCentralStorage.ts
-  var import_react92 = __require("react");
+  var import_react78 = __require("react");
 
   // src/hooks/useSearchItemBranch.ts
   var import_client8 = __require("@apollo/client");
@@ -8713,11 +7619,11 @@
 
   // src/State/CentralStorage/useCentralStorage.ts
   var useCentralStorage = (vehicle) => {
-    const { centralStorageId, setCentralStorageId } = (0, import_react92.useContext)(CentralStorageContext);
+    const { centralStorageId, setCentralStorageId } = (0, import_react78.useContext)(CentralStorageContext);
     const connections = vehicle?.branch?.connections;
     const branchId = centralStorageId ? connections?.find((x) => x.id === centralStorageId)?.id : void 0;
     const { data, loading } = useSearchItemBranch_default(vehicle?.id, branchId);
-    (0, import_react92.useEffect)(() => {
+    (0, import_react78.useEffect)(() => {
       if ((connections?.length || 0) > 0) {
         const match = centralStorageId ? connections?.find((x) => x.id === centralStorageId) : void 0;
         if (!match) {
@@ -8736,23 +7642,23 @@
   var useCentralStorage_default = useCentralStorage;
 
   // src/layouts/searchItem/Page404.tsx
-  var import_react93 = __toESM(__require("react"));
-  var Page404 = () => /* @__PURE__ */ import_react93.default.createElement(Page, null, /* @__PURE__ */ import_react93.default.createElement(PageSection, {
+  var import_react79 = __toESM(__require("react"));
+  var Page404 = () => /* @__PURE__ */ import_react79.default.createElement(Page, null, /* @__PURE__ */ import_react79.default.createElement(PageSection, {
     large: true
-  }, /* @__PURE__ */ import_react93.default.createElement(Container_default, null, /* @__PURE__ */ import_react93.default.createElement(H1, {
+  }, /* @__PURE__ */ import_react79.default.createElement(Container_default, null, /* @__PURE__ */ import_react79.default.createElement(H1, {
     noMargin: true
   }, "404"))));
   var Page404_default = Page404;
 
   // src/layouts/searchItem/PageLoading.tsx
-  var import_react94 = __toESM(__require("react"));
-  var PageLoading = () => /* @__PURE__ */ import_react94.default.createElement(Page, null, /* @__PURE__ */ import_react94.default.createElement(PageSection, {
+  var import_react80 = __toESM(__require("react"));
+  var PageLoading = () => /* @__PURE__ */ import_react80.default.createElement(Page, null, /* @__PURE__ */ import_react80.default.createElement(PageSection, {
     large: true
-  }, /* @__PURE__ */ import_react94.default.createElement(Container_default, null, /* @__PURE__ */ import_react94.default.createElement(Loader_default, null))));
+  }, /* @__PURE__ */ import_react80.default.createElement(Container_default, null, /* @__PURE__ */ import_react80.default.createElement(Loader_default, null))));
   var PageLoading_default = PageLoading;
 
   // src/layouts/searchItem/Property.tsx
-  var import_react96 = __toESM(__require("react"));
+  var import_react82 = __toESM(__require("react"));
 
   // src/utils/vehicle-properties/property-tree-creator.ts
   var _PropertyTreeCreator = class {
@@ -9245,11 +8151,11 @@
   };
 
   // src/layouts/searchItem/MetadataItem.tsx
-  var import_react95 = __toESM(__require("react"));
+  var import_react81 = __toESM(__require("react"));
 
   // src/components/TableList/index.tsx
-  var import_styled_components59 = __toESM(__require("styled-components"));
-  var TableList = import_styled_components59.default.ul`
+  var import_styled_components55 = __toESM(__require("styled-components"));
+  var TableList = import_styled_components55.default.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -9257,7 +8163,7 @@
   border-bottom: 1px solid ${(props) => props.theme.color.border};
   font-size: 0.875rem;
 `;
-  var TableListItem = import_styled_components59.default.li`
+  var TableListItem = import_styled_components55.default.li`
   display: flex;
   align-items: center;
   padding: ${size(1)} 0;
@@ -9266,30 +8172,30 @@
     border-top: 1px solid ${(props) => props.theme.color.border};
   }
 `;
-  var TableListKey = import_styled_components59.default.div`
+  var TableListKey = import_styled_components55.default.div`
   flex: 1 1 auto;
 `;
-  var TableListValue = import_styled_components59.default.div`
+  var TableListValue = import_styled_components55.default.div`
   flex-shrink: 0;
   padding-left: ${size(1)};
 `;
-  var TableListBooleanPos = import_styled_components59.default.div`
+  var TableListBooleanPos = import_styled_components55.default.div`
   color: ${(props) => props.theme.color.ui.positive};
 `;
-  var TableListBooleanNeg = import_styled_components59.default.div`
+  var TableListBooleanNeg = import_styled_components55.default.div`
   color: ${(props) => props.theme.color.ui.negative};
 `;
 
   // src/layouts/searchItem/MetadataItem.tsx
   var formatValue = (value, unit) => {
     if (typeof value === "boolean") {
-      return value ? /* @__PURE__ */ import_react95.default.createElement(TableListBooleanPos, {
+      return value ? /* @__PURE__ */ import_react81.default.createElement(TableListBooleanPos, {
         title: "Ja"
-      }, /* @__PURE__ */ import_react95.default.createElement(SrOnly, null, "Ja"), /* @__PURE__ */ import_react95.default.createElement(IconCheck, {
+      }, /* @__PURE__ */ import_react81.default.createElement(SrOnly, null, "Ja"), /* @__PURE__ */ import_react81.default.createElement(IconCheck, {
         block: true
-      })) : /* @__PURE__ */ import_react95.default.createElement(TableListBooleanNeg, {
+      })) : /* @__PURE__ */ import_react81.default.createElement(TableListBooleanNeg, {
         title: "Nej"
-      }, /* @__PURE__ */ import_react95.default.createElement(SrOnly, null, "Nej"), /* @__PURE__ */ import_react95.default.createElement(IconCancel, {
+      }, /* @__PURE__ */ import_react81.default.createElement(SrOnly, null, "Nej"), /* @__PURE__ */ import_react81.default.createElement(IconCancel, {
         block: true
       }));
     }
@@ -9302,27 +8208,27 @@
     return value;
   };
   var MetadataItem = ({ name, hint, value, unit }) => {
-    const [foldout, setFoldout] = (0, import_react95.useState)(false);
-    const onToggleFoldout = (0, import_react95.useCallback)(() => setFoldout(!foldout), [foldout]);
+    const [foldout, setFoldout] = (0, import_react81.useState)(false);
+    const onToggleFoldout = (0, import_react81.useCallback)(() => setFoldout(!foldout), [foldout]);
     const presentedValue = formatValue(value, unit);
-    return /* @__PURE__ */ import_react95.default.createElement(TableListItem, null, /* @__PURE__ */ import_react95.default.createElement(TableListKey, null, hint ? /* @__PURE__ */ import_react95.default.createElement(ButtonInline, {
+    return /* @__PURE__ */ import_react81.default.createElement(TableListItem, null, /* @__PURE__ */ import_react81.default.createElement(TableListKey, null, hint ? /* @__PURE__ */ import_react81.default.createElement(ButtonInline, {
       onClick: onToggleFoldout,
       title: `Mer information om ${name}`
-    }, name) : name), /* @__PURE__ */ import_react95.default.createElement(TableListValue, null, value !== void 0 ? presentedValue : "Uppgift saknas"), hint && foldout && /* @__PURE__ */ import_react95.default.createElement(Modal_default, {
+    }, name) : name), /* @__PURE__ */ import_react81.default.createElement(TableListValue, null, value !== void 0 ? presentedValue : "Uppgift saknas"), hint && foldout && /* @__PURE__ */ import_react81.default.createElement(Modal_default, {
       title: name,
       onClose: onToggleFoldout
-    }, /* @__PURE__ */ import_react95.default.createElement(Content_default, {
+    }, /* @__PURE__ */ import_react81.default.createElement(Content_default, {
       dangerouslySetInnerHTML: { __html: hint }
     })));
   };
   var MetadataItem_default = MetadataItem;
 
   // src/components/Tabs/index.tsx
-  var React91 = __toESM(__require("react"));
+  var React80 = __toESM(__require("react"));
 
   // src/components/Tabs/wrapper.tsx
-  var import_styled_components60 = __toESM(__require("styled-components"));
-  var Wrapper33 = import_styled_components60.default.div`
+  var import_styled_components56 = __toESM(__require("styled-components"));
+  var Wrapper30 = import_styled_components56.default.div`
   overflow: hidden;
   margin-top: ${size(-1)};
   margin-left: ${size(-1)};
@@ -9333,7 +8239,7 @@
     margin-right: ${size(-2)};
   }
 `;
-  var List10 = import_styled_components60.default.ul`
+  var List10 = import_styled_components56.default.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -9347,12 +8253,12 @@
     padding-right: ${size(1)};
   }
 `;
-  var Item12 = import_styled_components60.default.li`
+  var Item10 = import_styled_components56.default.li`
   display: inline-block;
   vertical-align: bottom;
   font-size: 1rem;
 `;
-  var Action9 = (0, import_styled_components60.default)(ButtonReset).attrs(() => ({
+  var Action9 = (0, import_styled_components56.default)(ButtonReset).attrs(() => ({
     role: "tab",
     className: "wayke__theme wayke__font--bold"
   }))`
@@ -9378,7 +8284,7 @@
     z-index: 1;
   }
 
-  ${(props) => props.active && import_styled_components60.css`
+  ${(props) => props.active && import_styled_components56.css`
       color: ${(props2) => props2.theme.color.textDark};
 
       :after {
@@ -9388,9 +8294,9 @@
 `;
 
   // src/components/Tabs/index.tsx
-  var Tabs = ({ tabs, active, onClick }) => /* @__PURE__ */ React91.createElement(Wrapper33, null, /* @__PURE__ */ React91.createElement(List10, null, tabs.map((tab) => /* @__PURE__ */ React91.createElement(Item12, {
+  var Tabs = ({ tabs, active, onClick }) => /* @__PURE__ */ React80.createElement(Wrapper30, null, /* @__PURE__ */ React80.createElement(List10, null, tabs.map((tab) => /* @__PURE__ */ React80.createElement(Item10, {
     key: tab.name
-  }, /* @__PURE__ */ React91.createElement(Action9, {
+  }, /* @__PURE__ */ React80.createElement(Action9, {
     title: tab.displayName,
     onClick: onClick ? () => onClick(tab.name) : void 0,
     active: tab.name === active ? "true" : void 0
@@ -9398,31 +8304,31 @@
   var Tabs_default = Tabs;
 
   // src/layouts/searchItem/Property.tsx
-  var MetadataSubCategory = ({ name, properties }) => /* @__PURE__ */ import_react96.default.createElement(Repeat, null, /* @__PURE__ */ import_react96.default.createElement(H5, {
+  var MetadataSubCategory = ({ name, properties }) => /* @__PURE__ */ import_react82.default.createElement(Repeat, null, /* @__PURE__ */ import_react82.default.createElement(H5, {
     as: "h3"
-  }, name), /* @__PURE__ */ import_react96.default.createElement(TableList, null, !!properties.length && properties.map((property, index2) => /* @__PURE__ */ import_react96.default.createElement(MetadataItem_default, {
+  }, name), /* @__PURE__ */ import_react82.default.createElement(TableList, null, !!properties.length && properties.map((property, index2) => /* @__PURE__ */ import_react82.default.createElement(MetadataItem_default, {
     name: property.name,
     hint: property.hint,
     value: property.value,
     unit: property.unit,
     key: `${property.name}-${index2}`
   }))));
-  var MetadataCategory = ({ properties, subCategories }) => /* @__PURE__ */ import_react96.default.createElement("div", {
+  var MetadataCategory = ({ properties, subCategories }) => /* @__PURE__ */ import_react82.default.createElement("div", {
     className: "tab-section"
-  }, !!properties.length && /* @__PURE__ */ import_react96.default.createElement(Repeat, null, /* @__PURE__ */ import_react96.default.createElement(TableList, null, properties.map((property, index2) => /* @__PURE__ */ import_react96.default.createElement(MetadataItem_default, {
+  }, !!properties.length && /* @__PURE__ */ import_react82.default.createElement(Repeat, null, /* @__PURE__ */ import_react82.default.createElement(TableList, null, properties.map((property, index2) => /* @__PURE__ */ import_react82.default.createElement(MetadataItem_default, {
     name: property.name,
     hint: property.hint,
     value: property.value,
     unit: property.unit,
     key: `${property.name}-${index2}`
-  })))), !!subCategories.length && subCategories.map((subCategory, index2) => /* @__PURE__ */ import_react96.default.createElement(MetadataSubCategory, {
+  })))), !!subCategories.length && subCategories.map((subCategory, index2) => /* @__PURE__ */ import_react82.default.createElement(MetadataSubCategory, {
     name: subCategory.name,
     properties: subCategory.properties,
     key: `${subCategory.name}-${index2}`
   })));
   var PropertySet = ({ propertySet, vehicleData }) => {
-    const [activeCategoryId, setActiveCategoryId] = (0, import_react96.useState)(-1);
-    const mappedProperties = (0, import_react96.useMemo)(() => {
+    const [activeCategoryId, setActiveCategoryId] = (0, import_react82.useState)(-1);
+    const mappedProperties = (0, import_react82.useMemo)(() => {
       if (!propertySet) {
         return void 0;
       }
@@ -9433,24 +8339,24 @@
       property_tree_sorter_default(tree);
       return tree;
     }, [propertySet]);
-    (0, import_react96.useEffect)(() => {
+    (0, import_react82.useEffect)(() => {
       const categories = mappedProperties?.categories?.length !== void 0 ? mappedProperties?.categories : void 0;
       if (activeCategoryId < 0 && categories !== void 0 && categories.length > 0) {
         setActiveCategoryId(categories[0].id);
       }
     }, [mappedProperties]);
-    const onTab = (0, import_react96.useCallback)((id) => setActiveCategoryId(parseInt(id, 10)), []);
+    const onTab = (0, import_react82.useCallback)((id) => setActiveCategoryId(parseInt(id, 10)), []);
     const activeCategory = mappedProperties?.categories?.find(
       (category) => category.id === activeCategoryId
     );
-    return /* @__PURE__ */ import_react96.default.createElement(import_react96.default.Fragment, null, /* @__PURE__ */ import_react96.default.createElement(Repeat, null, /* @__PURE__ */ import_react96.default.createElement(Tabs_default, {
+    return /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, /* @__PURE__ */ import_react82.default.createElement(Repeat, null, /* @__PURE__ */ import_react82.default.createElement(Tabs_default, {
       tabs: mappedProperties?.categories?.map((category) => ({
         name: `${category.id}`,
         displayName: category.name
       })) || [],
       active: `${activeCategoryId}`,
       onClick: onTab
-    })), activeCategory && /* @__PURE__ */ import_react96.default.createElement(Repeat, null, /* @__PURE__ */ import_react96.default.createElement(MetadataCategory, {
+    })), activeCategory && /* @__PURE__ */ import_react82.default.createElement(Repeat, null, /* @__PURE__ */ import_react82.default.createElement(MetadataCategory, {
       properties: activeCategory.properties,
       subCategories: activeCategory.subCategories
     })));
@@ -9458,11 +8364,11 @@
   var Property_default = PropertySet;
 
   // src/components/Pdf/index.tsx
-  var import_react97 = __toESM(__require("react"));
+  var import_react83 = __toESM(__require("react"));
 
   // src/components/Pdf/wrapper.tsx
-  var import_styled_components61 = __toESM(__require("styled-components"));
-  var PdfListItem = import_styled_components61.default.li.attrs(() => ({
+  var import_styled_components57 = __toESM(__require("styled-components"));
+  var PdfListItem = import_styled_components57.default.li.attrs(() => ({
     className: "wayke__theme wayke__color--primary-text"
   }))`
   flex: 0 0 50%;
@@ -9472,14 +8378,14 @@
     flex: 0 0 100%;
   }
 `;
-  var PdfContainer = import_styled_components61.default.ul`
+  var PdfContainer = import_styled_components57.default.ul`
   list-style: none;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   margin: ${size(-1)};
 `;
-  var PdfLink = import_styled_components61.default.a.attrs(() => ({
+  var PdfLink = import_styled_components57.default.a.attrs(() => ({
     className: "wayke__theme wayke__color--primary-text wayke__font--bold"
   }))`
   text-decoration: none;
@@ -9493,19 +8399,19 @@
     height: 100%;
   }
 `;
-  var PdfTitle = import_styled_components61.default.div`
+  var PdfTitle = import_styled_components57.default.div`
   color: ${(props) => props.theme.color.textDark};
 `;
-  var PdfSubtitle = import_styled_components61.default.div`
+  var PdfSubtitle = import_styled_components57.default.div`
   color: ${(props) => props.theme.color.textDarkLighten};
 `;
-  var PdfColumn = import_styled_components61.default.div`
+  var PdfColumn = import_styled_components57.default.div`
   flex 0 0 auto;
   &:first-child {
     flex: 1 1 auto;
   }
 `;
-  var PdfListInner = import_styled_components61.default.div`
+  var PdfListInner = import_styled_components57.default.div`
   position: relative;
   border: 1px solid ${(props) => props.theme.color.border};
   padding: ${size(1.5)};
@@ -9517,12 +8423,12 @@
 `;
 
   // src/components/Pdf/index.tsx
-  var PdfDownloadItem = ({ document: document2 }) => /* @__PURE__ */ import_react97.default.createElement(PdfListItem, null, /* @__PURE__ */ import_react97.default.createElement(PdfListInner, null, /* @__PURE__ */ import_react97.default.createElement(PdfColumn, null, /* @__PURE__ */ import_react97.default.createElement(PdfTitle, null, document2.name), /* @__PURE__ */ import_react97.default.createElement(PdfSubtitle, null, document2.contentType)), /* @__PURE__ */ import_react97.default.createElement(PdfColumn, null, /* @__PURE__ */ import_react97.default.createElement(PdfLink, {
+  var PdfDownloadItem = ({ document: document2 }) => /* @__PURE__ */ import_react83.default.createElement(PdfListItem, null, /* @__PURE__ */ import_react83.default.createElement(PdfListInner, null, /* @__PURE__ */ import_react83.default.createElement(PdfColumn, null, /* @__PURE__ */ import_react83.default.createElement(PdfTitle, null, document2.name), /* @__PURE__ */ import_react83.default.createElement(PdfSubtitle, null, document2.contentType)), /* @__PURE__ */ import_react83.default.createElement(PdfColumn, null, /* @__PURE__ */ import_react83.default.createElement(PdfLink, {
     href: document2.url,
     rel: "noopener noreferrer nofollow",
     target: "_blank"
   }, "\xD6ppna"))));
-  var PdfDownloadContainer = ({ documents }) => /* @__PURE__ */ import_react97.default.createElement(PdfContainer, null, documents.map((document2, i) => /* @__PURE__ */ import_react97.default.createElement(PdfDownloadItem, {
+  var PdfDownloadContainer = ({ documents }) => /* @__PURE__ */ import_react83.default.createElement(PdfContainer, null, documents.map((document2, i) => /* @__PURE__ */ import_react83.default.createElement(PdfDownloadItem, {
     key: `${document2.url}-${i}`,
     document: document2
   })));
@@ -9539,10 +8445,10 @@
     onClickSearchItem
   }) => {
     const { ecomSettings } = useSettings_default();
-    const ecomContext = (0, import_react98.useRef)();
+    const ecomContext = (0, import_react84.useRef)();
     const { loading, data: result } = useSearchItem_default(id);
     const { vehicle: centralStorageVehicle, loading: loadingCentralStorageVehicle } = useCentralStorage_default(result?.vehicle);
-    (0, import_react98.useEffect)(() => {
+    (0, import_react84.useEffect)(() => {
       if (ecomSettings) {
         ecomContext.current = new import_ecom_web.default({
           id,
@@ -9564,28 +8470,28 @@
         }
       };
     }, []);
-    (0, import_react98.useEffect)(() => {
+    (0, import_react84.useEffect)(() => {
       if (!disableResetScrollOnInit) {
         window.scrollTo(0, 0);
       }
     }, []);
-    (0, import_react98.useEffect)(() => {
+    (0, import_react84.useEffect)(() => {
       if (result?.vehicle?.data && modifyDocumentTitleItem) {
         const { vehicle: vehicle2 } = result;
         const { registrationNumber } = vehicle2.data;
         document.title = `${registrationNumber} | ${vehicle2.title} | ${vehicle2.shortDescription}`;
       }
     }, [result]);
-    const options = (0, import_react98.useMemo)(
+    const options = (0, import_react84.useMemo)(
       () => result?.vehicle?.data?.options?.filter(notEmpty).map((opt) => ({ title: opt })),
       [result?.vehicle?.data?.options]
     );
-    const onShowMoreOptionsClick = (0, import_react98.useCallback)(() => pubsub_default.publish("OptionsClick"), []);
+    const onShowMoreOptionsClick = (0, import_react84.useCallback)(() => pubsub_default.publish("OptionsClick"), []);
     if (loading) {
-      return /* @__PURE__ */ import_react98.default.createElement(PageLoading_default, null);
+      return /* @__PURE__ */ import_react84.default.createElement(PageLoading_default, null);
     }
     if (!result?.vehicle?.data) {
-      return /* @__PURE__ */ import_react98.default.createElement(Page404_default, null);
+      return /* @__PURE__ */ import_react84.default.createElement(Page404_default, null);
     }
     const { vehicle } = result;
     const contact = centralStorageVehicle?.contact;
@@ -9619,40 +8525,40 @@
     if (fuelType) {
       uspList.push({ title: fuelType });
     }
-    return /* @__PURE__ */ import_react98.default.createElement(import_react98.default.Fragment, null, /* @__PURE__ */ import_react98.default.createElement(Page, null, /* @__PURE__ */ import_react98.default.createElement(PageSection, {
+    return /* @__PURE__ */ import_react84.default.createElement(import_react84.default.Fragment, null, /* @__PURE__ */ import_react84.default.createElement(Page, null, /* @__PURE__ */ import_react84.default.createElement(PageSection, {
       large: true
-    }, /* @__PURE__ */ import_react98.default.createElement(Container_default, null, /* @__PURE__ */ import_react98.default.createElement(ProductPage, null, /* @__PURE__ */ import_react98.default.createElement(ProductPageAside, null, /* @__PURE__ */ import_react98.default.createElement(ProductPageAsideSection, {
+    }, /* @__PURE__ */ import_react84.default.createElement(Container_default, null, /* @__PURE__ */ import_react84.default.createElement(ProductPage, null, /* @__PURE__ */ import_react84.default.createElement(ProductPageAside, null, /* @__PURE__ */ import_react84.default.createElement(ProductPageAsideSection, {
       mobileOrder: 1
-    }, !pathRoute && hashRoute ? /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(UtilityFontSizeSmall, null, /* @__PURE__ */ import_react98.default.createElement(ButtonInlineLight, {
+    }, !pathRoute && hashRoute ? /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(UtilityFontSizeSmall, null, /* @__PURE__ */ import_react84.default.createElement(ButtonInlineLight, {
       as: "a",
       href: "#",
       title: "Tillbaka till bils\xF6k"
-    }, /* @__PURE__ */ import_react98.default.createElement(ButtonContent, null, /* @__PURE__ */ import_react98.default.createElement(IconChevronLeft, {
+    }, /* @__PURE__ */ import_react84.default.createElement(ButtonContent, null, /* @__PURE__ */ import_react84.default.createElement(IconChevronLeft, {
       block: true
-    })), /* @__PURE__ */ import_react98.default.createElement(ButtonContent, null, "Tillbaka till bils\xF6k")))) : null, manufacturer?.logotype && /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(LogoBox_default, {
+    })), /* @__PURE__ */ import_react84.default.createElement(ButtonContent, null, "Tillbaka till bils\xF6k")))) : null, manufacturer?.logotype && /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(LogoBox_default, {
       logo: manufacturer.logotype,
       alt: manufacturer.name
-    })), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react98.default.createElement(H1, {
+    })), /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react84.default.createElement(H1, {
       noMargin: true
-    }, title)), shortDescription && /* @__PURE__ */ import_react98.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react98.default.createElement("div", null, shortDescription)), /* @__PURE__ */ import_react98.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react98.default.createElement(UspList_default, {
+    }, title)), shortDescription && /* @__PURE__ */ import_react84.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react84.default.createElement("div", null, shortDescription)), /* @__PURE__ */ import_react84.default.createElement(RepeatSmall, null, /* @__PURE__ */ import_react84.default.createElement(UspList_default, {
       small: true,
       items: uspList
-    })))), /* @__PURE__ */ import_react98.default.createElement(ProductPageAsideSection, {
+    })))), /* @__PURE__ */ import_react84.default.createElement(ProductPageAsideSection, {
       mobileOrder: 2
-    }, /* @__PURE__ */ import_react98.default.createElement(PriceTable_default, {
+    }, /* @__PURE__ */ import_react84.default.createElement(PriceTable_default, {
       price
-    })), (financialOptions.length > 0 || insuranceOptions.length > 0) && /* @__PURE__ */ import_react98.default.createElement(ProductPageAsideSection, {
+    })), (financialOptions.length > 0 || insuranceOptions.length > 0) && /* @__PURE__ */ import_react84.default.createElement(ProductPageAsideSection, {
       mobileOrder: 4
-    }, financialOptions.length > 0 && /* @__PURE__ */ import_react98.default.createElement(FinancialOptions_default, {
+    }, financialOptions.length > 0 && /* @__PURE__ */ import_react84.default.createElement(FinancialOptions_default, {
       id,
       financialOptions
-    }), insuranceOptions.length > 0 && /* @__PURE__ */ import_react98.default.createElement(InsuranceOptions_default, {
+    }), insuranceOptions.length > 0 && /* @__PURE__ */ import_react84.default.createElement(InsuranceOptions_default, {
       id,
       branch: centralStorageVehicle?.branch,
       insuranceOptions
-    })), /* @__PURE__ */ import_react98.default.createElement(ProductPageAsideSection, {
+    })), /* @__PURE__ */ import_react84.default.createElement(ProductPageAsideSection, {
       mobileOrder: 5
-    }, /* @__PURE__ */ import_react98.default.createElement(CheckList_default, {
+    }, /* @__PURE__ */ import_react84.default.createElement(CheckList_default, {
       manufacturer,
       packageOptions,
       ecommerce,
@@ -9660,77 +8566,141 @@
       contact: centralStorageVehicle?.contact,
       loadingCentralStorageVehicle,
       toggleEcomModal: () => ecomContext.current?.start()
-    }))), /* @__PURE__ */ import_react98.default.createElement(ProductPageMain, null, /* @__PURE__ */ import_react98.default.createElement(ProductPageAsideSection, {
+    }))), /* @__PURE__ */ import_react84.default.createElement(ProductPageMain, null, /* @__PURE__ */ import_react84.default.createElement(ProductPageAsideSection, {
       mobileOrder: 3
-    }, /* @__PURE__ */ import_react98.default.createElement(Gallery_default, {
+    }, /* @__PURE__ */ import_react84.default.createElement(Gallery_default, {
       media,
       placeholderImage
-    })), /* @__PURE__ */ import_react98.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(H2, {
+    })), /* @__PURE__ */ import_react84.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(H2, {
       noMargin: true
-    }, "Biluppgifter")), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(Content_default, null, /* @__PURE__ */ import_react98.default.createElement("p", null, "Information direkt fr\xE5n Transportstyrelsen och tillverkaren."))), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(Property_default, {
+    }, "Biluppgifter")), /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(Content_default, null, /* @__PURE__ */ import_react84.default.createElement("p", null, "Information direkt fr\xE5n Transportstyrelsen och tillverkaren."))), /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(Property_default, {
       propertySet,
       vehicleData: vehicle.data
-    }))), description && /* @__PURE__ */ import_react98.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react98.default.createElement(Blockquote_default, {
+    }))), description && /* @__PURE__ */ import_react84.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react84.default.createElement(Blockquote_default, {
       author: contact && contact.name ? contact.name : null,
       date: publishedAt ? dateTimeFormat.format(publishedAt, dateTimeFormat.DayMonth) : void 0,
       avatar: contact?.avatar || void 0
-    }, !!description && /* @__PURE__ */ import_react98.default.createElement("p", null, description))), (options?.length || 0) > 0 && /* @__PURE__ */ import_react98.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(H2, {
+    }, !!description && /* @__PURE__ */ import_react84.default.createElement("p", null, description))), (options?.length || 0) > 0 && /* @__PURE__ */ import_react84.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(H2, {
       noMargin: true
-    }, "Utrustning")), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(Content_default, null, /* @__PURE__ */ import_react98.default.createElement("p", null, "Kompletterande uppgifter om bilen."))), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(ExtendContent_default, {
+    }, "Utrustning")), /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(Content_default, null, /* @__PURE__ */ import_react84.default.createElement("p", null, "Kompletterande uppgifter om bilen."))), /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(ExtendContent_default, {
       actionTitle: "Visa mer",
       onClick: onShowMoreOptionsClick
-    }, /* @__PURE__ */ import_react98.default.createElement(UspList_default, {
+    }, /* @__PURE__ */ import_react84.default.createElement(UspList_default, {
       items: options
-    })))), (documents.length || 0) > 0 && /* @__PURE__ */ import_react98.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(H2, {
+    })))), (documents.length || 0) > 0 && /* @__PURE__ */ import_react84.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(H2, {
       noMargin: true
-    }, "Dokument")), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(Content_default, null, /* @__PURE__ */ import_react98.default.createElement("p", null, "Tillh\xF6rande dokument f\xF6r bilen."))), /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(Pdf_default, {
+    }, "Dokument")), /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(Content_default, null, /* @__PURE__ */ import_react84.default.createElement("p", null, "Tillh\xF6rande dokument f\xF6r bilen."))), /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(Pdf_default, {
       documents
-    }))), /* @__PURE__ */ import_react98.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react98.default.createElement(Branch_default, {
+    }))), /* @__PURE__ */ import_react84.default.createElement(ProductPageMainSection, null, /* @__PURE__ */ import_react84.default.createElement(Branch_default, {
       branch,
       loading: loadingCentralStorageVehicle
-    }), ecommerce && ecommerce.enabled && /* @__PURE__ */ import_react98.default.createElement(Repeat, null, /* @__PURE__ */ import_react98.default.createElement(ButtonPrimary, {
+    }), ecommerce && ecommerce.enabled && /* @__PURE__ */ import_react84.default.createElement(Repeat, null, /* @__PURE__ */ import_react84.default.createElement(ButtonPrimary, {
       disabled: !!ecommerce.reserved,
       title: "K\xF6p bilen online",
       onClick: () => ecomContext.current?.start()
-    }, "K\xF6p bilen online"))), /* @__PURE__ */ import_react98.default.createElement(PackageOptions_default, {
+    }, "K\xF6p bilen online"))), /* @__PURE__ */ import_react84.default.createElement(PackageOptions_default, {
       packageOptions
-    }), /* @__PURE__ */ import_react98.default.createElement(ManufacturerPackagesOption_default, {
+    }), /* @__PURE__ */ import_react84.default.createElement(ManufacturerPackagesOption_default, {
       packageOption: manufacturer?.packageOption
-    }))))), /* @__PURE__ */ import_react98.default.createElement(Related_default, {
+    }))))), /* @__PURE__ */ import_react84.default.createElement(Related_default, {
       id,
       hashRoute,
       pathRoute,
       onClickSearchItem
-    })), false, /* @__PURE__ */ import_react98.default.createElement(portal_element_default, {
+    })), false, /* @__PURE__ */ import_react84.default.createElement(portal_element_default, {
       id: portal_namespace_exports.DefaultPortal
     }));
   };
   var searchItem_default = WaykeSearchItem;
 
   // src/providers/WaykeProvider.tsx
-  var import_react108 = __toESM(__require("react"));
+  var import_react95 = __toESM(__require("react"));
 
   // src/providers/graphqlProvider.tsx
-  var import_react99 = __toESM(__require("react"));
+  var import_react85 = __toESM(__require("react"));
   var import_client9 = __require("@apollo/client");
   var GraphqlProvider = ({ uri, children }) => {
     const client = new import_client9.ApolloClient({ uri, cache: new import_client9.InMemoryCache() });
-    return /* @__PURE__ */ import_react99.default.createElement(import_client9.ApolloProvider, {
+    return /* @__PURE__ */ import_react85.default.createElement(import_client9.ApolloProvider, {
       client
     }, children);
   };
   var graphqlProvider_default = GraphqlProvider;
 
   // src/providers/themeProvider.tsx
-  var import_react100 = __toESM(__require("react"));
-  var import_styled_components62 = __require("styled-components");
-  var ThemeProvider = ({ children }) => /* @__PURE__ */ import_react100.default.createElement(import_styled_components62.ThemeProvider, {
+  var import_react86 = __toESM(__require("react"));
+  var import_styled_components58 = __require("styled-components");
+  var ThemeProvider = ({ children }) => /* @__PURE__ */ import_react86.default.createElement(import_styled_components58.ThemeProvider, {
     theme: theme_default
   }, children);
   var themeProvider_default = ThemeProvider;
 
   // src/State/Search/SearchProvider.tsx
-  var import_react101 = __toESM(__require("react"));
+  var import_react88 = __toESM(__require("react"));
+
+  // src/hooks/useFetch.ts
+  var import_react87 = __require("react");
+  var cache = {};
+  var getCachedResult = (key) => cache?.[key] || void 0;
+  var setCachedResult = (key, value) => {
+    cache[key] = value;
+  };
+  var pendingPromise = {};
+  var isPendingPromise = (url) => !!pendingPromise[url];
+  var setPendingPromise = (url, promise) => {
+    pendingPromise = {
+      ...pendingPromise,
+      [url]: promise
+    };
+  };
+  var clearPendingPromise = (url) => {
+    delete pendingPromise[url];
+  };
+  var useFetch = (path, options, skip, promiseCache) => {
+    const [data, setData] = (0, import_react87.useState)();
+    const [loading, setLoading] = (0, import_react87.useState)(false);
+    const [error, setError] = (0, import_react87.useState)(false);
+    const doFetch = (0, import_react87.useCallback)(async () => {
+      const key = path.toString();
+      const cached = getCachedResult(key);
+      setError(false);
+      if (cached) {
+        setData(cached);
+        return;
+      }
+      setLoading(true);
+      try {
+        const reusePromise = promiseCache && isPendingPromise(key);
+        const request = reusePromise ? pendingPromise[key] : fetch(path, options);
+        if (promiseCache) {
+          setPendingPromise(key, request);
+        }
+        const result = await request;
+        if (result.ok) {
+          const json2 = await result.clone().json();
+          setCachedResult(key, json2);
+          setData(json2);
+        }
+      } catch (e) {
+        setError(true);
+      } finally {
+        setLoading(false);
+        clearPendingPromise(key);
+      }
+      return;
+    }, [path, options]);
+    (0, import_react87.useEffect)(() => {
+      if (!skip) {
+        doFetch();
+      }
+    }, [path, skip]);
+    return {
+      loading,
+      data,
+      error
+    };
+  };
+  var useFetch_default = useFetch;
 
   // src/utils/url.ts
   var getUrlSearchParamsFromUrl = () => new URLSearchParams(window.location.search);
@@ -9747,12 +8717,12 @@
     children
   }) => {
     const { replaceState, pushState } = usePath_default();
-    const [queryFilter, setQueryFilter] = (0, import_react101.useState)({
+    const [queryFilter, setQueryFilter] = (0, import_react88.useState)({
       searchParams: initialSearchParams
     });
-    const [initialFacets, setInitialFacets] = (0, import_react101.useState)();
-    const [documents, setDocuments] = (0, import_react101.useState)();
-    const [initialize, setInitialize] = (0, import_react101.useState)(false);
+    const [initialFacets, setInitialFacets] = (0, import_react88.useState)();
+    const [documents, setDocuments] = (0, import_react88.useState)();
+    const [initialize, setInitialize] = (0, import_react88.useState)(false);
     const { data: initialDataRepsonse } = useFetch_default(
       `${url}?hits=0`,
       {
@@ -9788,7 +8758,7 @@
         });
       }
     };
-    (0, import_react101.useEffect)(() => {
+    (0, import_react88.useEffect)(() => {
       if (useQueryParamsFromUrl) {
         window.addEventListener("popstate", popStateEvent);
       }
@@ -9802,12 +8772,12 @@
         pubsub_default.unsubscribeAction(onFilterUpdateEvent);
       };
     }, []);
-    (0, import_react101.useEffect)(() => {
+    (0, import_react88.useEffect)(() => {
       if (initialDataRepsonse) {
         setInitialFacets(initialDataRepsonse.facets);
       }
     }, [initialDataRepsonse]);
-    (0, import_react101.useEffect)(() => {
+    (0, import_react88.useEffect)(() => {
       if (useQueryParamsFromUrl) {
         const nextSearchParams = new URLSearchParams(queryFilter.searchParams);
         nextSearchParams.delete("hits");
@@ -9830,7 +8800,7 @@
         }
       }
     }, [queryFilter, initialize, useQueryParamsFromUrl]);
-    (0, import_react101.useEffect)(() => {
+    (0, import_react88.useEffect)(() => {
       if (response) {
         if (!initialFacets && !useQueryParamsFromUrl) {
           setInitialFacets(response.facets);
@@ -9855,7 +8825,7 @@
         }
       }
     }, [response, useQueryParamsFromUrl]);
-    const onFilterUpdate = (0, import_react101.useCallback)(
+    const onFilterUpdate = (0, import_react88.useCallback)(
       (nextQuery) => {
         {
           if (!initialize) {
@@ -9868,7 +8838,7 @@
       },
       [initialize]
     );
-    const onLoadMore = (0, import_react101.useCallback)(() => {
+    const onLoadMore = (0, import_react88.useCallback)(() => {
       if (response) {
         setQueryFilter({
           searchParams: new URLSearchParams(response?.documentList.pagination.nextPage?.query),
@@ -9876,7 +8846,7 @@
         });
       }
     }, [response]);
-    const onInitialize = (0, import_react101.useCallback)(
+    const onInitialize = (0, import_react88.useCallback)(
       (_initialQueryParams) => {
         if (!initialize) {
           const searchParamsFromUrl = getUrlSearchParamsFromUrl();
@@ -9920,15 +8890,15 @@
       onLoadMore,
       onInitialize
     };
-    return /* @__PURE__ */ import_react101.default.createElement(SearchContext.Provider, {
+    return /* @__PURE__ */ import_react88.default.createElement(SearchContext.Provider, {
       value
     }, children);
   };
   var SearchProvider_default = SearchProvider;
 
   // src/components/Root/index.tsx
-  var import_styled_components63 = __toESM(__require("styled-components"));
-  var Root = import_styled_components63.default.div.attrs(() => ({
+  var import_styled_components59 = __toESM(__require("styled-components"));
+  var Root = import_styled_components59.default.div.attrs(() => ({
     className: "wayke__theme wayke__font--regular"
   }))`
   background-color: ${(props) => props.theme.color.bg};
@@ -9970,21 +8940,21 @@
   var useEcom_default = useEcom;
 
   // src/State/Settings/SettingsProvider.tsx
-  var import_react102 = __toESM(__require("react"));
+  var import_react89 = __toESM(__require("react"));
   var SettingsProvider = ({
     googleMapsApiKey,
     googleMapsMarker,
     ecomSettings,
     children
-  }) => /* @__PURE__ */ import_react102.default.createElement(SettingsContext.Provider, {
+  }) => /* @__PURE__ */ import_react89.default.createElement(SettingsContext.Provider, {
     value: { ecomSettings, googleMapsApiKey, googleMapsMarker }
   }, children);
   var SettingsProvider_default = SettingsProvider;
 
   // src/State/RelatedSearch/RelatedSearchProvider.tsx
-  var import_react103 = __toESM(__require("react"));
+  var import_react90 = __toESM(__require("react"));
   var RelatedSearchProvider = ({ url, urlMlt, apiKey, children }) => {
-    const [queryFilter, setQueryFilter] = (0, import_react103.useState)();
+    const [queryFilter, setQueryFilter] = (0, import_react90.useState)();
     const query = queryFilter?.searchParams.toString();
     const {
       loading,
@@ -9999,7 +8969,7 @@
       },
       !queryFilter
     );
-    const fetchRelated = (0, import_react103.useCallback)(
+    const fetchRelated = (0, import_react90.useCallback)(
       (searchParams) => setQueryFilter({
         searchParams
       }),
@@ -10013,31 +8983,31 @@
       queryFilter,
       fetchRelated
     };
-    return /* @__PURE__ */ import_react103.default.createElement(RelatedSearchContext.Provider, {
+    return /* @__PURE__ */ import_react90.default.createElement(RelatedSearchContext.Provider, {
       value
     }, children);
   };
   var RelatedSearchProvider_default = RelatedSearchProvider;
 
   // src/State/CentralStorage/CentralStorageProvider.tsx
-  var import_react105 = __toESM(__require("react"));
+  var import_react92 = __toESM(__require("react"));
 
   // src/hooks/useSessionStorage.ts
-  var import_react104 = __require("react");
+  var import_react91 = __require("react");
   var useSessionStorage = (key) => {
-    const [value, setValue] = (0, import_react104.useState)(sessionStorage.getItem(key));
-    const set = (0, import_react104.useCallback)(
+    const [value, setValue] = (0, import_react91.useState)(sessionStorage.getItem(key));
+    const set = (0, import_react91.useCallback)(
       (v) => {
         sessionStorage.setItem(key, v);
         setValue(v);
       },
       [key]
     );
-    const remove = (0, import_react104.useCallback)(() => {
+    const remove = (0, import_react91.useCallback)(() => {
       sessionStorage.removeItem(key);
       setValue(null);
     }, [key]);
-    const clear = (0, import_react104.useCallback)(() => {
+    const clear = (0, import_react91.useCallback)(() => {
       sessionStorage.clear();
       setValue(null);
     }, [key]);
@@ -10053,21 +9023,21 @@
   // src/State/CentralStorage/CentralStorageProvider.tsx
   var CentralStorageProvider = ({ children }) => {
     const { value, set, remove } = useSessionStorage_default("centralStorage");
-    const setCentralStorageId = (0, import_react105.useCallback)((id) => id ? set(id) : remove(), []);
-    return /* @__PURE__ */ import_react105.default.createElement(CentralStorageContext.Provider, {
+    const setCentralStorageId = (0, import_react92.useCallback)((id) => id ? set(id) : remove(), []);
+    return /* @__PURE__ */ import_react92.default.createElement(CentralStorageContext.Provider, {
       value: { centralStorageId: value, setCentralStorageId }
     }, children);
   };
   var CentralStorageProvider_default = CentralStorageProvider;
 
   // src/State/Path/PathProvider.tsx
-  var import_react107 = __toESM(__require("react"));
+  var import_react94 = __toESM(__require("react"));
 
   // src/hooks/usePrevious.ts
-  var import_react106 = __require("react");
+  var import_react93 = __require("react");
   var usePrevious = (value) => {
-    const ref = (0, import_react106.useRef)();
-    (0, import_react106.useEffect)(() => {
+    const ref = (0, import_react93.useRef)();
+    (0, import_react93.useEffect)(() => {
       ref.current = value;
     });
     return ref.current;
@@ -10095,9 +9065,9 @@
   var regexGuidAnyWhere = /(\{){0,1}[0-9a-fA-F]{8}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{12}(\}){0,1}/g;
   var POP_STATE = "popstate";
   var PathProvider = ({ children }) => {
-    const [state, dispatch] = (0, import_react107.useReducer)(reducer_default, initialState);
+    const [state, dispatch] = (0, import_react94.useReducer)(reducer_default, initialState);
     const previousPath = usePrevious_default(state.path);
-    (0, import_react107.useEffect)(() => {
+    (0, import_react94.useEffect)(() => {
       const onPopState = () => {
         dispatch({ type: SET_PATH, path: window.location.pathname });
       };
@@ -10106,7 +9076,7 @@
         window.removeEventListener(POP_STATE, onPopState);
       };
     }, []);
-    const pushState = (0, import_react107.useCallback)((path) => {
+    const pushState = (0, import_react94.useCallback)((path) => {
       const h1 = window.location.hash;
       history.pushState(null, "", `${path}`);
       const h2 = window.location.hash;
@@ -10115,7 +9085,7 @@
       }
       dispatch({ type: SET_PATH, path });
     }, []);
-    const replaceState = (0, import_react107.useCallback)((path) => {
+    const replaceState = (0, import_react94.useCallback)((path) => {
       const h1 = window.location.hash;
       history.replaceState(null, "", path);
       const h2 = window.location.hash;
@@ -10124,8 +9094,8 @@
       }
       dispatch({ type: SET_PATH, path });
     }, []);
-    const id = (0, import_react107.useMemo)(() => state.path.match(regexGuidAnyWhere)?.pop(), [state.path]);
-    const value = (0, import_react107.useMemo)(
+    const id = (0, import_react94.useMemo)(() => state.path.match(regexGuidAnyWhere)?.pop(), [state.path]);
+    const value = (0, import_react94.useMemo)(
       () => ({
         ...state,
         previousPath,
@@ -10135,7 +9105,7 @@
       }),
       [state]
     );
-    return /* @__PURE__ */ import_react107.default.createElement(PathContext.Provider, {
+    return /* @__PURE__ */ import_react94.default.createElement(PathContext.Provider, {
       value
     }, children);
   };
@@ -10155,33 +9125,33 @@
     children
   }) => {
     useEcom_default(ecomSettings);
-    return /* @__PURE__ */ import_react108.default.createElement(PathProvider_default, null, /* @__PURE__ */ import_react108.default.createElement(SettingsProvider_default, {
+    return /* @__PURE__ */ import_react95.default.createElement(PathProvider_default, null, /* @__PURE__ */ import_react95.default.createElement(SettingsProvider_default, {
       googleMapsApiKey,
       googleMapsMarker,
       ecomSettings
-    }, /* @__PURE__ */ import_react108.default.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ import_react108.default.createElement(graphqlProvider_default, {
+    }, /* @__PURE__ */ import_react95.default.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ import_react95.default.createElement(graphqlProvider_default, {
       uri: graphQlUrl
-    }, /* @__PURE__ */ import_react108.default.createElement(SearchProvider_default, {
+    }, /* @__PURE__ */ import_react95.default.createElement(SearchProvider_default, {
       url,
       apiKey,
       useQueryParamsFromUrl,
       pathRoute
-    }, /* @__PURE__ */ import_react108.default.createElement(RelatedSearchProvider_default, {
+    }, /* @__PURE__ */ import_react95.default.createElement(RelatedSearchProvider_default, {
       url,
       urlMlt,
       apiKey
-    }, /* @__PURE__ */ import_react108.default.createElement(themeProvider_default, null, /* @__PURE__ */ import_react108.default.createElement(Root_default, null, children))))))));
+    }, /* @__PURE__ */ import_react95.default.createElement(themeProvider_default, null, /* @__PURE__ */ import_react95.default.createElement(Root_default, null, children))))))));
   };
   var WaykeProvider_default = WaykeProvider;
 
   // src/layouts/WaykeCompositeWithProvider.tsx
-  var import_react111 = __toESM(__require("react"));
+  var import_react98 = __toESM(__require("react"));
 
   // src/layouts/WaykeComposite.tsx
-  var import_react110 = __toESM(__require("react"));
+  var import_react97 = __toESM(__require("react"));
 
   // src/hooks/useHashGuid.ts
-  var import_react109 = __require("react");
+  var import_react96 = __require("react");
   var regexGuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
   var HASH_CHANGE = "hashchange";
   var getGuid = () => {
@@ -10189,7 +9159,7 @@
     return regexGuid.test(guid) || !guid ? guid : void 0;
   };
   var useHashGuid = () => {
-    const [id, setId] = (0, import_react109.useState)(() => getGuid());
+    const [id, setId] = (0, import_react96.useState)(() => getGuid());
     const onHashChange = () => {
       const guid = window.location.hash.substr(1, window.location.hash.length);
       if (regexGuid.test(guid) || !guid) {
@@ -10198,7 +9168,7 @@
         throw "Invalid Guid";
       }
     };
-    (0, import_react109.useEffect)(() => {
+    (0, import_react96.useEffect)(() => {
       onHashChange();
       window.addEventListener(HASH_CHANGE, onHashChange);
       return () => {
@@ -10223,7 +9193,7 @@
   }) => {
     const hashId = useHashGuid_default();
     const { id: pathId } = usePath_default();
-    (0, import_react110.useEffect)(() => {
+    (0, import_react97.useEffect)(() => {
       if (!pathRoute) {
         if (hashId) {
           pubsub_default.publish("HashRouteChange", hashId);
@@ -10233,14 +9203,14 @@
       }
     }, [hashId]);
     const id = pathId || hashId;
-    return /* @__PURE__ */ import_react110.default.createElement(import_react110.default.Fragment, null, id ? /* @__PURE__ */ import_react110.default.createElement(searchItem_default, {
+    return /* @__PURE__ */ import_react97.default.createElement(import_react97.default.Fragment, null, id ? /* @__PURE__ */ import_react97.default.createElement(searchItem_default, {
       id,
       hashRoute: !pathRoute,
       disableResetScrollOnInit,
       placeholderImage,
       pathRoute,
       modifyDocumentTitleItem
-    }) : /* @__PURE__ */ import_react110.default.createElement(search_default, {
+    }) : /* @__PURE__ */ import_react97.default.createElement(search_default, {
       filterList,
       initialQueryParams,
       removeSearchBar,
@@ -10254,15 +9224,15 @@
   var WaykeComposite_default = WaykeComposite;
 
   // src/layouts/WaykeCompositeWithProvider.tsx
-  var WaykeCompositeWithProvider = ({ provider, composite }) => /* @__PURE__ */ import_react111.default.createElement(WaykeProvider_default, {
+  var WaykeCompositeWithProvider = ({ provider, composite }) => /* @__PURE__ */ import_react98.default.createElement(WaykeProvider_default, {
     ...provider
-  }, /* @__PURE__ */ import_react111.default.createElement(WaykeComposite_default, {
+  }, /* @__PURE__ */ import_react98.default.createElement(WaykeComposite_default, {
     ...composite
   }));
   var WaykeCompositeWithProvider_default = WaykeCompositeWithProvider;
 
   // src/providers/WaykeItemProvidet.tsx
-  var import_react112 = __toESM(__require("react"));
+  var import_react99 = __toESM(__require("react"));
   var WaykeItemProvider = ({
     url,
     urlMlt,
@@ -10274,17 +9244,17 @@
     children
   }) => {
     useEcom_default(ecomSettings);
-    return /* @__PURE__ */ import_react112.default.createElement(PathProvider_default, null, /* @__PURE__ */ import_react112.default.createElement(SettingsProvider_default, {
+    return /* @__PURE__ */ import_react99.default.createElement(PathProvider_default, null, /* @__PURE__ */ import_react99.default.createElement(SettingsProvider_default, {
       googleMapsApiKey,
       googleMapsMarker,
       ecomSettings
-    }, /* @__PURE__ */ import_react112.default.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ import_react112.default.createElement(graphqlProvider_default, {
+    }, /* @__PURE__ */ import_react99.default.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ import_react99.default.createElement(graphqlProvider_default, {
       uri: graphQlUrl
-    }, /* @__PURE__ */ import_react112.default.createElement(RelatedSearchProvider_default, {
+    }, /* @__PURE__ */ import_react99.default.createElement(RelatedSearchProvider_default, {
       url,
       urlMlt,
       apiKey
-    }, /* @__PURE__ */ import_react112.default.createElement(themeProvider_default, null, /* @__PURE__ */ import_react112.default.createElement(Root_default, null, children)))))));
+    }, /* @__PURE__ */ import_react99.default.createElement(themeProvider_default, null, /* @__PURE__ */ import_react99.default.createElement(Root_default, null, children)))))));
   };
   var WaykeItemProvidet_default = WaykeItemProvider;