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

package/dist/index.mjs

@@ -2310,12 +2310,6 @@ var IconChevronLeft = ({ block }) => /* @__PURE__ */ React4.createElement(Icon2,
 }, /* @__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
@@ -4522,7 +4516,7 @@ var WaykeSearch = ({
 var search_default = WaykeSearch;
 
 // src/layouts/searchItem/index.tsx
-import React97, { useMemo as useMemo6, useRef as useRef4, useCallback as useCallback38, useEffect as useEffect19 } from "react";
+import React83, { useMemo as useMemo6, useRef as useRef3, useCallback as useCallback34, useEffect as useEffect14 } from "react";
 import WaykeEcomWeb from "@wayke-se/ecom-web";
 
 // src/components/PriceTable/index.tsx
@@ -4801,1731 +4795,175 @@ var ExtendContent = ({ children, actionTitle, onClick }) => {
 var ExtendContent_default = ExtendContent;
 
 // src/components/Gallery/index.tsx
-import React53, { useState as useState16, useCallback as useCallback18, useRef as useRef3, useMemo as useMemo3 } from "react";
-import Slider3 from "react-slick";
+import React38, { useState as useState9, useCallback as useCallback14, useRef as useRef2, useMemo as useMemo3 } from "react";
 import scrollIntoView from "scroll-into-view-if-needed";
-
-// src/components/Gallery/wrapper.tsx
-import styled33, { css as css12 } from "styled-components";
-var quickNavWidth = 83;
-var Wrapper17 = styled33.div`
-  ${(props) => props.theme.breakpoint.LtMd} {
-    ${Wrapper} & {
-      margin-left: ${size(-3)};
-      margin-right: ${size(-3)};
+var Gallery = ({ media, placeholderImage }) => {
+  const slider = useRef2(null);
+  const quickNavRef = useRef2(null);
+  const isDragging = useRef2(false);
+  const [index2, setIndex] = useState9(0);
+  const [lightbox, setLightbox] = useState9(false);
+  const [navigationDisabled, setNavigationDisabled] = useState9(false);
+  const beforeChange = useCallback14((_, newIndex) => {
+    const element = quickNavRef.current?.querySelectorAll("li")?.[newIndex];
+    if (element) {
+      scrollIntoView(element, { scrollMode: "if-needed", block: "nearest", inline: "nearest" });
     }
-  }
-
-  ${(props) => props.theme.breakpoint.LtSm} {
-    ${Wrapper} & {
-      margin-left: ${size(-2)};
-      margin-right: ${size(-2)};
+    setIndex(newIndex);
+  }, []);
+  const onMouseDown = useCallback14(() => {
+    if (isDragging.current) {
+      isDragging.current = false;
     }
-  }
+  }, []);
+  const onMouseMove = useCallback14(() => {
+    if (!isDragging.current) {
+      isDragging.current = true;
+    }
+  }, []);
+  const onClick = useCallback14(() => {
+    pubsub_default.publish("ImagesClick");
+    if (!isDragging.current && !lightbox && !!media?.length) {
+      setLightbox(true);
+    }
+  }, [lightbox, media]);
+  const nextImage = useCallback14(() => {
+    if (!slider || !slider.current) {
+      return;
+    }
+    slider.current.slickNext();
+  }, [slider]);
+  const prevImage = useCallback14(() => {
+    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 = useCallback14(() => setLightbox(!lightbox), [lightbox]);
+  const mediaLength = media?.length || 0;
+  const placeholder = useMemo3(
+    () => placeholderImage || DEFAULT_PLACEHOLDER_IMAGE,
+    [placeholderImage]
+  );
+  return /* @__PURE__ */ React38.createElement("p", null, "heheh");
+};
+var Gallery_default = Gallery;
 
-  ${(props) => props.theme.breakpoint.Md} {
-    position: relative;
-    padding-right: ${quickNavWidth}px;
-  }
-`;
-var Main = styled33.div`
-  position: relative;
-  height: 0;
-  padding-bottom: 66.66666667%;
+// src/components/ProductPage/index.tsx
+import styled33 from "styled-components";
+var ProductPage = styled33.div`
+  display: flex;
+  flex-direction: column;
 
   ${(props) => props.theme.breakpoint.Md} {
-    //background-color: ${(props) => props.theme.color.accent};
-  }
-
-  .slick-slider,
-  .slick-list,
-  .slick-track,
-  .slick-slide,
-  .slick-slide > * {
-    height: 100%;
-  }
-
-  .slick-slide > * {
-    font-size: 0;
-
-    > * {
-      font-size: 1rem;
-    }
+    flex-direction: row;
   }
 `;
-var Alt = styled33.div`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: ${quickNavWidth}px;
-  padding-left: ${size(1)};
-
+var ProductPageAside = styled33.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-shrink: 0;
+    width: calc(375px + ${size(2)});
+    padding-right: ${size(2)};
   }
 `;
-var Item8 = styled33.div`
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  :focus {
-    outline: none;
-  }
-
+var ProductPageMain = styled33.div`
   ${(props) => props.theme.breakpoint.LtMd} {
-    //background-color: ${(props) => props.theme.color.textDark};
-    transition: border-radius 150ms ease;
+    display: contents;
   }
-`;
-var SliderWrapper = styled33.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);
-    }
+  ${(props) => props.theme.breakpoint.Md} {
+    flex: 1 1 100%;
+    min-width: 0;
+    padding-left: ${size(2)};
   }
+`;
+var ProductPageAsideSection = styled33.div`
+  ${(props) => props.theme.breakpoint.LtMd} {
+    order: ${(props) => props.mobileOrder};
 
-  .slick-list {
-    position: relative;
-    display: block;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-
-    &:focus {
-      outline: none;
-    }
-
-    &.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 = styled33.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 = styled33.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 = styled33.img`
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
+var ProductPageContentLimit = styled33.div`
+  max-width: 420px;
 `;
-var Arrow = styled33(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;
-    }
-  }
 
-  :active {
-    transform: translateY(-50%) scale(0.95);
-  }
+// src/hooks/useSearchItem.ts
+import { useQuery } from "@apollo/client";
 
-  ${(props) => props.theme.breakpoint.LtSm} {
-    display: none;
-  }
-`;
-var ArrowLeft = styled33(Arrow)`
-  left: ${size(2)};
-`;
-var ArrowRight = styled33(Arrow)`
-  right: ${size(2)};
-`;
-var QuickNav = styled33.ul`
-  position: relative;
-  max-height: 100%;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-`;
-var QuickNavItem = styled33.li.attrs(() => ({
-  className: "wayke__theme wayke__color--primary-text"
-}))`
-  position: relative;
-
-  & + & {
-    margin-top: ${size(1)};
-  }
-
-  ${({ active }) => active && css12`
-      :before {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        border: 3px solid currentColor;
-        z-index: 2;
-      }
-    `}
-`;
-var QuickNavBtn = styled33(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 = styled33.img`
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-`;
-var MediaButtonWrapper = styled33.div`
-  position: absolute;
-  bottom: ${size(2)};
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 1;
-`;
-var EnableNavigationButton = styled33.div`
-  position: absolute;
-  bottom: ${size(2)};
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 1;
-`;
-
-// src/components/Lightbox/index.tsx
-import React47 from "react";
-
-// src/components/Lightbox/wrapper.tsx
-import styled34 from "styled-components";
-var Wrapper18 = styled34.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 = styled34.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 = styled34.div`
-  position: relative;
-
-  & + & {
-    margin-top: ${size(1)};
-  }
-`;
-var Img2 = styled34.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 = styled34(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
-import React41 from "react";
-
-// src/components/Video/YoutubePlayer.tsx
-import React38 from "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
-import styled35 from "styled-components";
-var Wrapper19 = styled35.div`
-  position: relative;
-  width: 100%;
-  height: ${(props) => props.isPreview ? "100%" : 0};
-  padding-bottom: ${(props) => props.ratio ? props.ratio : "56.25%"};
-`;
-var Iframe = styled35.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__ */ React38.createElement(Wrapper19, null, /* @__PURE__ */ React38.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
-import React39 from "react";
-var VimeoPlayer = ({ url, autoplay }) => /* @__PURE__ */ React39.createElement(Wrapper19, null, /* @__PURE__ */ React39.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
-import React40 from "react";
-
-// src/components/Video/Video.tsx
-import styled36 from "styled-components";
-var Video = styled36.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__ */ React40.createElement(Wrapper19, {
-    ratio,
-    isPreview
-  }, /* @__PURE__ */ React40.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__ */ React41.createElement(YoutubePlayer_default, {
-      url,
-      autoplay
-    });
-  if (isVimeoVideo(url))
-    return /* @__PURE__ */ React41.createElement(VimeoPlayer_default, {
-      url,
-      autoplay
-    });
-  return /* @__PURE__ */ React41.createElement(CustomPlayer_default, {
-    ratio: "56.25%",
-    controls,
-    url
-  });
-};
-var EmbeddedVideoLightbox_default = VideoPlayer;
-
-// src/components/Sphere/SphereLightbox.tsx
-import React43 from "react";
-
-// src/components/Sphere/SphereViewer.tsx
-import React42, { lazy, useState as useState9, useEffect as useEffect7 } from "react";
-
-// src/components/Sphere/wrapper.tsx
-import styled37 from "styled-components";
-var compassSize = size(4);
-var controlBtnSize = size(4);
-var Wrapper20 = styled37.div`
-  position: relative;
-  width: 100%;
-  height: 0 !important;
-  padding-bottom: 66.666% !important; // 3:2
-
-  .pnlm-container {
-    position: absolute;
-    height: 100% !important;
-    background-image: none;
-    background-color: ${(props) => props.theme.color.accentDark};
-  }
-
-  // Compass
-
-  .pnlm-compass {
-    width: ${compassSize};
-    height: ${compassSize};
-    border-radius: 50%;
-    bottom: ${size(2)};
-    left: ${size(2)};
-    right: auto;
-    margin-top: 0;
-    border: 5px solid transparent;
-    border-top-color: ${(props) => props.theme.color.textLight};
-    background-color: rgba(255, 255, 255, 0.4);
-    background-image: none;
-    backdrop-filter: blur(5px);
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    box-sizing: border-box;
-
-    &:hover {
-      background-color: red;
-    }
-  }
-
-  // Controls (zoom & fullscreen button)
-
-  .pnlm-grab,
-  .pnlm-grabbing {
-    .pnlm-controls-container {
-      display: block;
-    }
-  }
-
-  .pnlm-controls-container {
-    display: none;
-    top: ${size(2)};
-    left: ${size(2)};
-  }
-
-  .pnlm-controls {
-    margin-top: 0;
-
-    & + .pnlm-controls {
-      margin-top: ${size(1)};
-    }
-  }
-
-  // Fullscreen button
-
-  .pnlm-fullscreen-toggle-button {
-    display: none;
-    position: relative;
-    width: ${controlBtnSize};
-    height: ${controlBtnSize};
-    background-image: none;
-    background-color: rgba(255, 255, 255, 0.4);
-    backdrop-filter: blur(5px);
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    color: ${(props) => props.theme.color.textDark};
-    border: 0;
-    border-radius: 50%;
-
-    &:hover {
-      background-color: rgba(255, 255, 255, 0.6);
-    }
-
-    &:before {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      font-size: 0.875rem;
-    }
-  }
-
-  .pnlm-fullscreen-toggle-button-inactive {
-    &:before {
-      content: '⤢';
-    }
-
-    &.pnlm-fullscreen-toggle-button-active {
-      &:before {
-        content: '⤢';
-      }
-    }
-  }
-
-  // Gyroscope (Orientation)
-
-  .pnlm-orientation-button {
-    background-image: none;
-    width: ${controlBtnSize};
-    height: ${controlBtnSize};
-    background-color: ${(props) => props.theme.color.accentDark};
-    color: ${(props) => props.theme.color.textDark};
-    border: 0;
-    border-radius: 999px;
-
-    &:hover {
-      background-color: red;
-    }
-
-    &:before {
-      content: 'A';
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      font-size: 0.875rem;
-    }
-
-    &.pnlm-orientation-button-active {
-      background-color: green;
-
-      &:hover {
-        background-color: pink;
-      }
-    }
-  }
-
-  // Zoom controls
-
-  .pnlm-zoom-controls {
-    display: none;
-    height: auto;
-    width: auto;
-    background-color: transparent;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    border: 0;
-    border-radius: 999px;
-
-    > * {
-      &:first-child {
-        border-top-left-radius: 999px;
-        border-top-right-radius: 999px;
-      }
-
-      &:last-child {
-        border-bottom-left-radius: 999px;
-        border-bottom-right-radius: 999px;
-      }
-    }
-  }
-
-  .pnlm-zoom-in,
-  .pnlm-zoom-out {
-    position: relative;
-    display: block;
-    width: ${controlBtnSize};
-    height: ${controlBtnSize};
-    background-image: none;
-    background-color: rgba(255, 255, 255, 0.4);
-    backdrop-filter: blur(5px);
-    color: ${(props) => props.theme.color.textDark};
-    border-radius: 0;
-
-    &:before {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-
-    &:hover {
-      background-color: rgba(255, 255, 255, 0.6);
-    }
-  }
-
-  .pnlm-zoom-in {
-    top: auto;
-
-    &:before {
-      content: '+';
-    }
-  }
-
-  .pnlm-zoom-out {
-    bottom: auto;
-    border-top: 1px solid ${(props) => props.theme.color.textDark};
-
-    &:before {
-      content: '-';
-    }
-  }
-
-  // Load Button
-
-  .pnlm-load-button {
-    top: auto;
-    bottom: ${size(2)};
-    transform: translateX(-50%);
-    width: auto;
-    height: auto;
-    padding: ${size(1.75)} ${size(2)};
-    border-radius: 3px;
-    margin: 0;
-    background-color: ${(props) => props.theme.color.accentDark};
-    color: ${(props) => props.theme.color.textDark};
-    line-height: 1.1;
-    user-select: none;
-
-    &:hover {
-      background-color: ${(props) => props.theme.color.accentDark};
-    }
-
-    p {
-      margin: 0;
-      font-size: 0.875rem;
-    }
-  }
-
-  // Load box
-
-  .pnlm-load-box {
-    background-color: transparent;
-    height: auto;
-    margin: 0;
-    width: 150px;
-    transform: translate(-50%, -50%);
-
-    > p {
-      display: none;
-    }
-  }
-
-  // Load bar
-
-  .pnlm-lbar {
-    width: 100%;
-    background-color: rgba(255, 255, 255, 0.4);
-    border: 0;
-  }
-
-  .pnlm-lbar-fill {
-    background-color: ${(props) => props.theme.color.textLight};
-  }
-`;
-
-// src/components/Sphere/SphereViewer.tsx
-var ReactPannellum = lazy(() => import("pannellum-react/es/elements/Pannellum"));
-var SphereViewer = ({ id, src, preview, autoLoad, onStart }) => {
-  const [number] = useState9(Math.floor(1e8 + Math.random() * 9e8));
-  useEffect7(() => {
-    setTimeout(() => {
-      if (onStart) {
-        const startBtn = document.querySelector(".pnlm-load-button");
-        if (startBtn)
-          startBtn.addEventListener("click", onStart);
-      }
-    }, 100);
-  }, []);
-  return /* @__PURE__ */ React42.createElement(Wrapper20, null, /* @__PURE__ */ React42.createElement(React42.Suspense, {
-    fallback: /* @__PURE__ */ React42.createElement(Loader_default, null)
-  }, /* @__PURE__ */ React42.createElement(ReactPannellum, {
-    id: `a-${id}-${number}`,
-    image: src,
-    hfov: 120,
-    autoLoad,
-    compass: true,
-    width: "100%",
-    preview
-  })));
-};
-var SphereViewer_default = SphereViewer;
-
-// src/components/Sphere/SphereLightbox.tsx
-var SphereLightbox = ({ url }) => /* @__PURE__ */ React43.createElement(SphereViewer_default, {
-  id: url,
-  src: url,
-  preview: url,
-  autoLoad: true
-});
-var SphereLightbox_default = SphereLightbox;
-
-// src/components/ThreeSixty/ThreeSixtLightbox.tsx
-import React46, { useState as useState11, useCallback as useCallback14 } from "react";
-
-// src/components/Gallery/MediaButton.tsx
-import React44 from "react";
-var MediaButton = ({ text, onClick }) => /* @__PURE__ */ React44.createElement(MediaButtonWrapper, null, /* @__PURE__ */ React44.createElement(ButtonSecondary, {
-  onClick,
-  title: text
-}, /* @__PURE__ */ React44.createElement(ButtonContent, null, text)));
-var MediaButton_default = MediaButton;
-
-// src/components/ThreeSixty/Rotation.tsx
-import React45, { useState as useState10, useEffect as useEffect8, useRef as useRef2, cloneElement, Children } from "react";
-var calculateCurrentFrame = (startFrame, delta, length) => {
-  const frame = (startFrame + delta) % length;
-  if (frame < 0) {
-    return frame + length;
-  }
-  return frame;
-};
-var Rotation = ({ children }) => {
-  const startFrame = useRef2(0);
-  const pointerPosition = useRef2();
-  const max = useRef2(0);
-  const [state, setState] = useState10({
-    current: 0,
-    outsideMouseMove: false
-  });
-  useEffect8(() => {
-    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 = 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 = 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__ */ React45.createElement("div", {
-    onTouchStart: touchStart,
-    onTouchMove: touchMove,
-    onTouchEnd: touchEnd,
-    onMouseDown: touchStart,
-    onMouseMove: touchMove,
-    onMouseEnter,
-    onMouseLeave
-  }, Children.map(
-    children,
-    (child, i) => 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] = useState11(false);
-  const onStart = useCallback14(() => setStarted(true), []);
-  if (!started2) {
-    return /* @__PURE__ */ React46.createElement(Item9, null, /* @__PURE__ */ React46.createElement(Img2, {
-      src: urls[0],
-      alt: "alt"
-    }), /* @__PURE__ */ React46.createElement(MediaButton_default, {
-      text: "Starta 360\xB0 exteri\xF6rt",
-      onClick: onStart
-    }));
-  }
-  return /* @__PURE__ */ React46.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ React46.createElement(Img2, {
-    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__ */ React47.createElement(Wrapper18, {
-    ref: (ref) => ref?.focus(),
-    onKeyDown,
-    tabIndex: 0
-  }, /* @__PURE__ */ React47.createElement(UiBlock2, {
-    onClick: onClose,
-    "aria-hidden": true
-  }), media.map((m, i) => /* @__PURE__ */ React47.createElement(Item9, {
-    key: i,
-    ref: index2 === i ? onRef : void 0
-  }, m.type === "image" && /* @__PURE__ */ React47.createElement(Img2, {
-    id: `lightbox-image-${i}`,
-    src: m.files[0].url,
-    alt: `Bild ${i + 1}`
-  }), m.type === "threesixty" && /* @__PURE__ */ React47.createElement(ThreeSixtLightbox_default, {
-    urls: m.files.map((x) => x.url)
-  }), m.type === "sphere" && /* @__PURE__ */ React47.createElement(SphereLightbox_default, {
-    url: m.files[0].url
-  }), m.type === "embedded" && /* @__PURE__ */ React47.createElement(EmbeddedVideoLightbox_default, {
-    url: m.files[0].url
-  }))), /* @__PURE__ */ React47.createElement(CloseBtn2, {
-    onClick: onClose,
-    title: "St\xE4ng"
-  }, /* @__PURE__ */ React47.createElement(IconCancel, {
-    block: true
-  })));
-};
-var Lightbox_default = Lightbox;
-
-// src/components/Video/EmbededVideo.tsx
-import React49, { useState as useState15, useCallback as useCallback16 } from "react";
-
-// src/components/Video/useThumbnail.ts
-import { useEffect as useEffect11, useState as useState14 } from "react";
-
-// src/hooks/useVimeoThumbnail.ts
-import { useEffect as useEffect10, useState as useState13 } from "react";
-
-// src/hooks/useFetch.ts
-import { useEffect as useEffect9, useState as useState12, useCallback as useCallback15 } from "react";
-var cache = {};
-var getCachedResult = (key) => cache?.[key] || void 0;
-var 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] = useState12();
-  const [loading, setLoading] = useState12(false);
-  const [error, setError] = useState12(false);
-  const doFetch = useCallback15(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]);
-  useEffect9(() => {
-    if (!skip) {
-      doFetch();
-    }
-  }, [path, skip]);
-  return {
-    loading,
-    data,
-    error
-  };
-};
-var useFetch_default = useFetch;
-
-// src/hooks/useVimeoThumbnail.ts
-var useVimeoThumbnail = (id, small) => {
-  const [thumbnail, setThumbnail] = useState13();
-  const { data } = useFetch_default(
-    `http://vimeo.com/api/v2/video/${id}.json`,
-    {},
-    !id || !!thumbnail,
-    true
-  );
-  useEffect10(() => {
-    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] = useState14();
-  const vimeoId = url ? getVimeoId(url) : void 0;
-  const vimeoThumbnail = useVimeoThumbnail_default(vimeoId, small);
-  useEffect11(() => {
-    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
-import * as React48 from "react";
-
-// src/components/Modal/wrapper.tsx
-import styled38 from "styled-components";
-var Wrapper21 = styled38.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 = styled38.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 = styled38.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 = styled38.div`
-  flex: 1 1 auto;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-`;
-var Header4 = styled38.header`
-  display: flex;
-  align-items: center;
-  min-height: 60px;
-  padding: ${size(3)};
-  padding-bottom: 0;
-`;
-var Heading5 = styled38.div`
-  flex: 1 1 auto;
-
-  ${H1} {
-    font-size: 1.5rem;
-  }
-`;
-var Close2 = styled38.div`
-  flex-shrink: 0;
-  margin: ${size(-2)};
-  padding-left: ${size(3)};
-`;
-var CloseBtn3 = styled38(ButtonReset)`
-  display: block;
-  padding: ${size(2)};
-`;
-var Body4 = styled38.div`
-  padding: ${size(3)};
-`;
-var Image3 = styled38.img`
-  display: block;
-  width: calc(100% + ${size(6)});
-  margin-left: ${size(-3)};
-  margin-bottom: ${size(3)};
-`;
-var ModalFoldout = styled38.div`
-  background-color: ${(props) => props.theme.color.accent};
-  margin: ${size(-3)};
-  margin-top: ${size(3)};
-  padding: ${size(3)};
-`;
-var ModalFoldoutBody = styled38.div``;
-
-// src/components/Modal/index.tsx
-var Modal = ({ id, title, onClose, children }) => {
-  return /* @__PURE__ */ React48.createElement(portal_default, {
-    id: id || portal_namespace_exports.DefaultPortal
-  }, /* @__PURE__ */ React48.createElement(Wrapper21, {
-    onClick: (e) => e.stopPropagation()
-  }, /* @__PURE__ */ React48.createElement(UiBlock3, {
-    onClick: onClose,
-    title: "St\xE4ng modal"
-  }), /* @__PURE__ */ React48.createElement(Dialog, null, /* @__PURE__ */ React48.createElement(Content4, null, /* @__PURE__ */ React48.createElement(Header4, null, /* @__PURE__ */ React48.createElement(Heading5, null, /* @__PURE__ */ React48.createElement(H1, {
-    noMargin: true
-  }, title)), /* @__PURE__ */ React48.createElement(Close2, null, /* @__PURE__ */ React48.createElement(CloseBtn3, {
-    onClick: onClose,
-    title: "St\xE4ng modal"
-  }, /* @__PURE__ */ React48.createElement(IconCancel, {
-    block: true
-  })))), /* @__PURE__ */ React48.createElement(Body4, null, children)))));
-};
-var Modal_default = Modal;
-
-// src/components/Video/EmbededVideo.tsx
-var GalleryEmbed = ({ src, index: index2 }) => {
-  const [modal, setModal] = useState15();
-  const thumbnail = useThumbnail_default(src);
-  const onClick = (e) => {
-    e.stopPropagation();
-    setModal(src);
-  };
-  const onCloseModal = (e) => {
-    e.stopPropagation();
-    setModal(void 0);
-  };
-  const onError = useCallback16(
-    (e) => onImageError(e, thumbnail),
-    [thumbnail]
-  );
-  const onLoad = useCallback16(
-    (e) => onImageLoad(e, thumbnail),
-    [thumbnail]
-  );
-  const customVideo = src.toLowerCase().endsWith(".mp4");
-  if (thumbnail?.length && !customVideo) {
-    return /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(ImageFull, {
-      onLoad,
-      src: thumbnail[0],
-      onError,
-      alt: `Bild ${index2 + 1}`
-    }), /* @__PURE__ */ React49.createElement(MediaButton_default, {
-      text: "Spela video",
-      onClick
-    }), modal && /* @__PURE__ */ React49.createElement(Modal_default, {
-      title: "Video",
-      onClose: onCloseModal
-    }, /* @__PURE__ */ React49.createElement(EmbeddedVideoLightbox_default, {
-      url: modal
-    })));
-  }
-  if (customVideo)
-    return /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(CustomPlayer_default, {
-      ratio: "66.66%",
-      isPreview: true,
-      controls: false,
-      url: src
-    }), /* @__PURE__ */ React49.createElement(MediaButton_default, {
-      text: "Spela video",
-      onClick
-    }), modal && /* @__PURE__ */ React49.createElement(Modal_default, {
-      title: "Video",
-      onClose: onCloseModal
-    }, /* @__PURE__ */ React49.createElement(EmbeddedVideoLightbox_default, {
-      url: modal
-    })));
-  return null;
-};
-var EmbededVideo_default = GalleryEmbed;
-
-// src/components/Video/QuickNavEmbeded.tsx
-import React50, { useCallback as useCallback17 } from "react";
-var QuickNavEmbeded = ({ src, index: index2 }) => {
-  const thumbnail = useThumbnail_default(src);
-  const onError = useCallback17(
-    (e) => onImageError(e, thumbnail),
-    [thumbnail]
-  );
-  const onLoad = useCallback17(
-    (e) => onImageLoad(e, thumbnail),
-    [thumbnail]
-  );
-  const customVideo = src?.toLowerCase().endsWith(".mp4");
-  if (thumbnail?.length && !customVideo)
-    return /* @__PURE__ */ React50.createElement(QuickNavImg, {
-      onLoad,
-      src: thumbnail[0],
-      onError,
-      alt: `Bild ${index2 + 1}`
-    });
-  if (customVideo)
-    return /* @__PURE__ */ React50.createElement(CustomPlayer_default, {
-      key: index2,
-      url: src,
-      ratio: "66.66%"
-    });
-  return null;
-};
-var QuickNavEmbeded_default = QuickNavEmbeded;
-
-// src/components/Sphere/Sphere.tsx
-import React51 from "react";
-var onMediaClick = (e, func) => {
-  e.stopPropagation();
-  e.preventDefault();
-  func();
-};
-var Sphere = ({ url, preview, visible, onDisableNavigation, navigationDisabled }) => {
-  if (!visible || !navigationDisabled && visible) {
-    return /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(ImageFull, {
-      src: preview,
-      alt: "alt"
-    }), /* @__PURE__ */ React51.createElement(MediaButton_default, {
-      text: "Starta 360\xB0 interi\xF6rt",
-      onClick: (e) => onMediaClick(e, onDisableNavigation)
-    }));
-  }
-  if (navigationDisabled && visible) {
-    return /* @__PURE__ */ React51.createElement(SphereViewer_default, {
-      id: url,
-      preview: url,
-      src: url,
-      autoLoad: true,
-      onStart: onDisableNavigation
-    });
-  }
-  return null;
-};
-var Sphere_default = Sphere;
-
-// src/components/ThreeSixty/ThreeSixty.tsx
-import React52 from "react";
-var onMediaClick2 = (e, func) => {
-  e.stopPropagation();
-  e.preventDefault();
-  func();
-};
-var ThreeSixty = ({ urls, visible, onDisableNavigation, navigationDisabled }) => {
-  if (!visible || !navigationDisabled && visible) {
-    return /* @__PURE__ */ React52.createElement(React52.Fragment, null, /* @__PURE__ */ React52.createElement(Image2, {
-      src: urls[0],
-      alt: "alt"
-    }), /* @__PURE__ */ React52.createElement(MediaButton_default, {
-      text: "Starta 360\xB0 exteri\xF6rt",
-      onClick: (e) => onMediaClick2(e, onDisableNavigation)
-    }));
-  }
-  if (navigationDisabled && visible) {
-    return /* @__PURE__ */ React52.createElement("div", {
-      onClick: (e) => {
-        e.stopPropagation();
-        e.preventDefault();
-      }
-    }, /* @__PURE__ */ React52.createElement(Rotation_default, null, urls.map((image, i) => /* @__PURE__ */ React52.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 = useRef3(null);
-  const quickNavRef = useRef3(null);
-  const isDragging = useRef3(false);
-  const [index2, setIndex] = useState16(0);
-  const [lightbox, setLightbox] = useState16(false);
-  const [navigationDisabled, setNavigationDisabled] = useState16(false);
-  const beforeChange = useCallback18((_, newIndex) => {
-    const element = quickNavRef.current?.querySelectorAll("li")?.[newIndex];
-    if (element) {
-      scrollIntoView(element, { scrollMode: "if-needed", block: "nearest", inline: "nearest" });
-    }
-    setIndex(newIndex);
-  }, []);
-  const onMouseDown = useCallback18(() => {
-    if (isDragging.current) {
-      isDragging.current = false;
-    }
-  }, []);
-  const onMouseMove = useCallback18(() => {
-    if (!isDragging.current) {
-      isDragging.current = true;
-    }
-  }, []);
-  const onClick = useCallback18(() => {
-    pubsub_default.publish("ImagesClick");
-    if (!isDragging.current && !lightbox && !!media?.length) {
-      setLightbox(true);
-    }
-  }, [lightbox, media]);
-  const nextImage = useCallback18(() => {
-    if (!slider || !slider.current) {
-      return;
-    }
-    slider.current.slickNext();
-  }, [slider]);
-  const prevImage = useCallback18(() => {
-    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 = useCallback18(() => setLightbox(!lightbox), [lightbox]);
-  const mediaLength = media?.length || 0;
-  const placeholder = useMemo3(
-    () => placeholderImage || DEFAULT_PLACEHOLDER_IMAGE,
-    [placeholderImage]
-  );
-  return /* @__PURE__ */ React53.createElement(React53.Fragment, null, /* @__PURE__ */ React53.createElement(Wrapper17, null, /* @__PURE__ */ React53.createElement(Main, null, /* @__PURE__ */ React53.createElement(SliderWrapper, {
-    onMouseDown,
-    onMouseMove,
-    onClick
-  }, /* @__PURE__ */ React53.createElement(Slider3, {
-    ...sliderSettings,
-    swipe: !navigationDisabled,
-    touchMove: !navigationDisabled,
-    swipeToSlide: !navigationDisabled,
-    ref: slider,
-    beforeChange
-  }, !!media?.length ? media.map((m, i) => /* @__PURE__ */ React53.createElement(Item8, {
-    key: m.files[0].url || i
-  }, m.type === "image" && /* @__PURE__ */ React53.createElement(Image2, {
-    src: m.files[0].formats.filter(notEmpty).find((x) => x.format === "1170x")?.url,
-    alt: `Bild ${i + 1}`
-  }), m.type === "threesixty" && /* @__PURE__ */ React53.createElement(ThreeSixty_default, {
-    urls: m.files.map((x) => x.url),
-    visible: i === index2,
-    onDisableNavigation,
-    navigationDisabled
-  }), m.type === "embedded" && /* @__PURE__ */ React53.createElement(EmbededVideo_default, {
-    src: m.files[0].url,
-    index: i + 1
-  }), m.type === "sphere" && /* @__PURE__ */ React53.createElement(Sphere_default, {
-    visible: i === index2,
-    url: m.files[0].url,
-    preview: m.files[0].url,
-    onDisableNavigation,
-    navigationDisabled
-  }))) : /* @__PURE__ */ React53.createElement(Item8, {
-    key: placeholder
-  }, /* @__PURE__ */ React53.createElement(Image2, {
-    src: placeholder,
-    alt: `Bild 1`
-  }))), navigationDisabled && mediaLength > 1 && /* @__PURE__ */ React53.createElement(EnableNavigationButton, null, /* @__PURE__ */ React53.createElement(ButtonSecondary, {
-    onClick: onEnableNavigation,
-    title: "St\xE4ng"
-  }, /* @__PURE__ */ React53.createElement(ButtonContent, null, "St\xE4ng")))), !navigationDisabled && mediaLength > 1 && /* @__PURE__ */ React53.createElement(React53.Fragment, null, /* @__PURE__ */ React53.createElement(ArrowLeft, {
-    onClick: prevImage,
-    title: "F\xF6reg\xE5ende bild"
-  }, /* @__PURE__ */ React53.createElement(IconChevronLeft, {
-    block: true
-  })), /* @__PURE__ */ React53.createElement(ArrowRight, {
-    onClick: nextImage,
-    title: "N\xE4sta bild"
-  }, /* @__PURE__ */ React53.createElement(IconChevronRight, {
-    block: true
-  })))), /* @__PURE__ */ React53.createElement(Alt, null, /* @__PURE__ */ React53.createElement(QuickNav, {
-    ref: quickNavRef
-  }, !!media?.length ? media.map((m, i) => {
-    const src = m.files[0].formats.filter(notEmpty).find((x) => x.format === "225x150")?.url || m.files[0].url;
-    return /* @__PURE__ */ React53.createElement(QuickNavItem, {
-      key: src || i,
-      active: index2 === i
-    }, /* @__PURE__ */ React53.createElement(QuickNavBtn, {
-      onClick: () => goTo(i),
-      title: `G\xE5 till bild ${i + 1}`
-    }, m.type === "image" && /* @__PURE__ */ React53.createElement(QuickNavImg, {
-      src,
-      alt: `Bild ${i + 1}`
-    }), m.type === "threesixty" && /* @__PURE__ */ React53.createElement(QuickNavImg, {
-      src,
-      alt: `Bild ${i + 1}`
-    }), m.type === "embedded" && /* @__PURE__ */ React53.createElement(QuickNavEmbeded_default, {
-      src,
-      index: i
-    }), m.type === "sphere" && /* @__PURE__ */ React53.createElement(QuickNavImg, {
-      src: m.files[0].url,
-      alt: `Bild ${i + 1}`
-    })));
-  }) : /* @__PURE__ */ React53.createElement(QuickNavItem, {
-    key: placeholder,
-    active: true
-  }, /* @__PURE__ */ React53.createElement(QuickNavBtn, {
-    onClick: () => goTo(0),
-    title: `G\xE5 till bild 0`
-  }, /* @__PURE__ */ React53.createElement(QuickNavImg, {
-    src: placeholder,
-    alt: `Bild 1`
-  })))))), lightbox && !!media?.length && /* @__PURE__ */ React53.createElement(Lightbox_default, {
-    media,
-    index: index2,
-    onClose: onToggleLightbox
-  }));
-};
-var Gallery_default = Gallery;
-
-// src/components/ProductPage/index.tsx
-import styled39 from "styled-components";
-var ProductPage = styled39.div`
-  display: flex;
-  flex-direction: column;
-
-  ${(props) => props.theme.breakpoint.Md} {
-    flex-direction: row;
-  }
-`;
-var ProductPageAside = styled39.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 = styled39.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 = styled39.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 = styled39.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 = styled39.div`
-  max-width: 420px;
-`;
-
-// src/hooks/useSearchItem.ts
-import { useQuery } from "@apollo/client";
-
-// src/queries/SEARCH_ITEM_QUERY.ts
-import { gql } from "@apollo/client";
-var FinancialOptionDetail = gql`
-  fragment FinancialOptionDetail on FinancialOptionDetail {
-    current
-    default
-    max
-    min
-    step
+// src/queries/SEARCH_ITEM_QUERY.ts
+import { gql } from "@apollo/client";
+var FinancialOptionDetail = gql`
+  fragment FinancialOptionDetail on FinancialOptionDetail {
+    current
+    default
+    max
+    min
+    step
   }
 `;
 var HoursOpen = gql`
@@ -6747,30 +5185,164 @@ var SEARCH_ITEM_QUERY = gql`
       title
     }
   }
-  ${HoursOpen}
-  ${FinancialOptionDetail}
+  ${HoursOpen}
+  ${FinancialOptionDetail}
+`;
+var SEARCH_ITEM_QUERY_default = SEARCH_ITEM_QUERY;
+
+// src/hooks/useSearchItem.ts
+var useSearchItem = (id) => useQuery(SEARCH_ITEM_QUERY_default, {
+  variables: { id },
+  skip: !id
+});
+var useSearchItem_default = useSearchItem;
+
+// src/components/Modal/index.tsx
+import * as React39 from "react";
+
+// src/components/Modal/wrapper.tsx
+import styled34 from "styled-components";
+var Wrapper17 = styled34.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 SEARCH_ITEM_QUERY_default = SEARCH_ITEM_QUERY;
+var UiBlock2 = styled34.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;
 
-// src/hooks/useSearchItem.ts
-var useSearchItem = (id) => useQuery(SEARCH_ITEM_QUERY_default, {
-  variables: { id },
-  skip: !id
-});
-var useSearchItem_default = useSearchItem;
+  ${(props) => props.theme.breakpoint.LtMd} {
+    animation: ${fadeIn} 300ms ease forwards;
+  }
+
+  ${(props) => props.theme.breakpoint.Md} {
+    animation: ${fadeIn} 400ms ease forwards;
+  }
+`;
+var Dialog = styled34.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 = styled34.div`
+  flex: 1 1 auto;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+`;
+var Header4 = styled34.header`
+  display: flex;
+  align-items: center;
+  min-height: 60px;
+  padding: ${size(3)};
+  padding-bottom: 0;
+`;
+var Heading5 = styled34.div`
+  flex: 1 1 auto;
+
+  ${H1} {
+    font-size: 1.5rem;
+  }
+`;
+var Close2 = styled34.div`
+  flex-shrink: 0;
+  margin: ${size(-2)};
+  padding-left: ${size(3)};
+`;
+var CloseBtn2 = styled34(ButtonReset)`
+  display: block;
+  padding: ${size(2)};
+`;
+var Body4 = styled34.div`
+  padding: ${size(3)};
+`;
+var Image2 = styled34.img`
+  display: block;
+  width: calc(100% + ${size(6)});
+  margin-left: ${size(-3)};
+  margin-bottom: ${size(3)};
+`;
+var ModalFoldout = styled34.div`
+  background-color: ${(props) => props.theme.color.accent};
+  margin: ${size(-3)};
+  margin-top: ${size(3)};
+  padding: ${size(3)};
+`;
+var ModalFoldoutBody = styled34.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
-import React62, { Fragment } from "react";
+import React48, { Fragment } from "react";
 
 // src/components/FinancialOptions/leasing.tsx
-import React56, { useState as useState17, useCallback as useCallback19 } from "react";
+import React42, { useState as useState10, useCallback as useCallback15 } from "react";
 
 // src/components/OptionBox/index.tsx
-import * as React54 from "react";
+import * as React40 from "react";
 
 // src/components/OptionBox/wrapper.tsx
-import styled40 from "styled-components";
-var Wrapper22 = styled40.div`
+import styled35 from "styled-components";
+var Wrapper18 = styled35.div`
   display: flex;
   align-items: center;
   padding: ${size(1)};
@@ -6781,14 +5353,14 @@ var Wrapper22 = styled40.div`
     margin-top: ${size(1)};
   }
 `;
-var Logo2 = styled40.div`
+var Logo2 = styled35.div`
   position: relative;
   flex-shrink: 0;
   margin-right: ${size(1)};
   width: ${size(9.5)};
   height: ${size(6)};
 `;
-var LogoImg = styled40.img`
+var LogoImg = styled35.img`
   display: block;
   position: absolute;
   left: 0;
@@ -6799,17 +5371,17 @@ var LogoImg = styled40.img`
   max-width: 100%;
   max-height: 100%;
 `;
-var Content5 = styled40.div`
+var Content5 = styled35.div`
   flex: 1 1 auto;
   text-align: right;
   line-height: 1.4;
 `;
-var OptionBoxHeading = styled40.div.attrs(() => ({
+var OptionBoxHeading = styled35.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   font-size: 1rem;
 `;
-var OptionBoxContent = styled40.div`
+var OptionBoxContent = styled35.div`
   margin-top: ${size(0.5)};
   font-size: 0.875rem;
 
@@ -6819,24 +5391,24 @@ var OptionBoxContent = styled40.div`
 `;
 
 // src/components/OptionBox/index.tsx
-var OptionBox = ({ logo, logo2x, logoAlt, children }) => /* @__PURE__ */ React54.createElement(Wrapper22, null, logo && /* @__PURE__ */ React54.createElement(Logo2, null, /* @__PURE__ */ React54.createElement(LogoImg, {
+var OptionBox = ({ logo, logo2x, logoAlt, children }) => /* @__PURE__ */ React40.createElement(Wrapper18, null, logo && /* @__PURE__ */ React40.createElement(Logo2, null, /* @__PURE__ */ React40.createElement(LogoImg, {
   src: logo,
   srcSet: logo2x,
   alt: logoAlt
-})), /* @__PURE__ */ React54.createElement(Content5, null, children));
+})), /* @__PURE__ */ React40.createElement(Content5, null, children));
 var OptionBox_default = OptionBox;
 
 // src/components/DataList/index.tsx
-import React55 from "react";
+import React41 from "react";
 
 // src/components/DataList/wrapper.tsx
-import styled41 from "styled-components";
-var List8 = styled41.ul`
+import styled36 from "styled-components";
+var List8 = styled36.ul`
   list-style: none;
   padding: 0;
   margin: 0;
 `;
-var Item10 = styled41.li`
+var Item8 = styled36.li`
   display: flex;
   align-items: flex-start;
 
@@ -6844,10 +5416,10 @@ var Item10 = styled41.li`
     margin-top: ${size(1)};
   }
 `;
-var Label7 = styled41.div`
+var Label7 = styled36.div`
   flex: 1 1 auto;
 `;
-var Value2 = styled41.div.attrs(() => ({
+var Value2 = styled36.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   flex-shrink: 0;
@@ -6855,25 +5427,25 @@ var Value2 = styled41.div.attrs(() => ({
 `;
 
 // src/components/DataList/index.tsx
-var DataList = ({ items }) => /* @__PURE__ */ React55.createElement(List8, null, items.map((item) => /* @__PURE__ */ React55.createElement(Item10, {
+var DataList = ({ items }) => /* @__PURE__ */ React41.createElement(List8, null, items.map((item) => /* @__PURE__ */ React41.createElement(Item8, {
   key: item.label
-}, /* @__PURE__ */ React55.createElement(Label7, null, item.label), /* @__PURE__ */ React55.createElement(Value2, null, item.value))));
+}, /* @__PURE__ */ React41.createElement(Label7, null, item.label), /* @__PURE__ */ React41.createElement(Value2, null, item.value))));
 var DataList_default = DataList;
 
 // src/components/FinancialOptions/leasing.tsx
 var Leasing = ({ financialOption }) => {
-  const [modal, setModal] = useState17(false);
-  const toggleModal = useCallback19(() => setModal(!modal), [modal]);
+  const [modal, setModal] = useState10(false);
+  const toggleModal = useCallback15(() => setModal(!modal), [modal]);
   const { image, description, monthlyCost, duration, mileage } = financialOption;
-  return /* @__PURE__ */ React56.createElement(React56.Fragment, null, modal && /* @__PURE__ */ React56.createElement(Modal_default, {
+  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, modal && /* @__PURE__ */ React42.createElement(Modal_default, {
     title: "Privatleasing",
     onClose: toggleModal
-  }, image && /* @__PURE__ */ React56.createElement(Image3, {
+  }, image && /* @__PURE__ */ React42.createElement(Image2, {
     src: image,
     alt: "Privatleasing"
-  }), description && /* @__PURE__ */ React56.createElement(Content_default, {
+  }), description && /* @__PURE__ */ React42.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: description }
-  }), /* @__PURE__ */ React56.createElement(ModalFoldout, null, /* @__PURE__ */ React56.createElement(ModalFoldoutBody, null, /* @__PURE__ */ React56.createElement(DataList_default, {
+  }), /* @__PURE__ */ React42.createElement(ModalFoldout, null, /* @__PURE__ */ React42.createElement(ModalFoldoutBody, null, /* @__PURE__ */ React42.createElement(DataList_default, {
     items: [
       {
         label: "M\xE5nadskostnad",
@@ -6888,14 +5460,14 @@ var Leasing = ({ financialOption }) => {
         value: `${numberSeparator(mileage?.current || 0)} mil/\xE5r`
       }
     ]
-  })))), /* @__PURE__ */ React56.createElement(OptionBox_default, null, /* @__PURE__ */ React56.createElement(React56.Fragment, null, monthlyCost !== null && monthlyCost !== void 0 && /* @__PURE__ */ React56.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/m\xE5n`)), /* @__PURE__ */ React56.createElement(OptionBoxContent, null, /* @__PURE__ */ React56.createElement("p", null, "Privatleasing", " ", mileage?.current && duration?.current && /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(UtilityTextPrimary, null, numberSeparator(mileage?.current), " mil/\xE5r"), " ", "i ", /* @__PURE__ */ React56.createElement(UtilityTextPrimary, null, duration?.current, " m\xE5n"), ".", " ")), /* @__PURE__ */ React56.createElement("p", null, /* @__PURE__ */ React56.createElement(ButtonInline, {
+  })))), /* @__PURE__ */ React42.createElement(OptionBox_default, null, /* @__PURE__ */ React42.createElement(React42.Fragment, null, monthlyCost !== null && monthlyCost !== void 0 && /* @__PURE__ */ React42.createElement(OptionBoxHeading, null, `ca ${numberSeparator(monthlyCost)} kr/m\xE5n`)), /* @__PURE__ */ React42.createElement(OptionBoxContent, null, /* @__PURE__ */ React42.createElement("p", null, "Privatleasing", " ", mileage?.current && duration?.current && /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(UtilityTextPrimary, null, numberSeparator(mileage?.current), " mil/\xE5r"), " ", "i ", /* @__PURE__ */ React42.createElement(UtilityTextPrimary, null, duration?.current, " m\xE5n"), ".", " ")), /* @__PURE__ */ React42.createElement("p", null, /* @__PURE__ */ React42.createElement(ButtonInline, {
     onClick: toggleModal
   }, "L\xE4s mer")))));
 };
 var leasing_default = Leasing;
 
 // src/components/FinancialOptions/loan.tsx
-import React61, { useState as useState20, useCallback as useCallback22 } from "react";
+import React47, { useState as useState13, useCallback as useCallback18 } from "react";
 
 // src/hooks/useLoan.ts
 import { useQuery as useQuery2 } from "@apollo/client";
@@ -6951,22 +5523,22 @@ var useLoanCalculation = (id, duration, downPayment, residual) => useQuery2(LOAN
 var useLoan_default = useLoanCalculation;
 
 // src/components/FinancialOptions/LoanModal.tsx
-import React60, { useState as useState19, useCallback as useCallback21, useEffect as useEffect13 } from "react";
+import React46, { useState as useState12, useCallback as useCallback17, useEffect as useEffect8 } from "react";
 
 // src/components/ContentLogo/index.tsx
-import styled42 from "styled-components";
-var ContentLogo = styled42.div`
+import styled37 from "styled-components";
+var ContentLogo = styled37.div`
   ${(props) => props.theme.breakpoint.Sm} {
     display: flex;
     align-items: flex-start;
   }
 `;
-var ContentLogoText = styled42.div`
+var ContentLogoText = styled37.div`
   ${(props) => props.theme.breakpoint.Sm} {
     flex: 1 1 auto;
   }
 `;
-var ContentLogoMedia = styled42.div`
+var ContentLogoMedia = styled37.div`
   ${(props) => props.theme.breakpoint.LtSm} {
     margin-top: ${size(2)};
   }
@@ -6978,44 +5550,44 @@ var ContentLogoMedia = styled42.div`
 `;
 
 // src/components/RangeSlider/SliderWithLabel.tsx
-import React59, { useCallback as useCallback20, useEffect as useEffect12, useState as useState18 } from "react";
+import React45, { useCallback as useCallback16, useEffect as useEffect7, useState as useState11 } from "react";
 
 // src/components/RangeSliderLabel/index.tsx
-import React57 from "react";
+import React43 from "react";
 
 // src/components/RangeSliderLabel/wrapper.tsx
-import styled43, { css as css13 } from "styled-components";
-var Wrapper23 = styled43.div`
+import styled38, { css as css12 } from "styled-components";
+var Wrapper19 = styled38.div`
   display: flex;
   align-items: flex-end;
 `;
-var Label8 = styled43.div.attrs(() => ({
+var Label8 = styled38.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   flex: 1 1 auto;
 `;
-var Value3 = styled43.div.attrs(() => ({
+var Value3 = styled38.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 && css13`
+  ${({ isHighlighted }) => isHighlighted && css12`
       font-size: 1.375rem;
       color: ${(props) => props.theme.color.textDark} !important;
     `}
 `;
 
 // src/components/RangeSliderLabel/index.tsx
-var RangeSliderLabel = ({ label, value, highlight }) => /* @__PURE__ */ React57.createElement(Wrapper23, null, /* @__PURE__ */ React57.createElement(Label8, null, label), value && /* @__PURE__ */ React57.createElement(Value3, {
+var RangeSliderLabel = ({ label, value, highlight }) => /* @__PURE__ */ React43.createElement(Wrapper19, null, /* @__PURE__ */ React43.createElement(Label8, null, label), value && /* @__PURE__ */ React43.createElement(Value3, {
   isHighlighted: highlight
 }, value));
 var RangeSliderLabel_default = RangeSliderLabel;
 
 // src/components/RangeSlider/RangeSliderSimple.tsx
-import React58 from "react";
-import { Slider as Slider4, Rail as Rail2, Handles as Handles2, Tracks as Tracks2 } from "react-compound-slider";
+import React44 from "react";
+import { Slider as Slider3, Rail as Rail2, Handles as Handles2, Tracks as Tracks2 } from "react-compound-slider";
 var RangeSliderSimple = ({
   loading,
   values,
@@ -7034,7 +5606,7 @@ var RangeSliderSimple = ({
   if (steps.length < 2) {
     return null;
   }
-  return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(Slider, null, /* @__PURE__ */ React58.createElement(Slider4, {
+  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(Slider, null, /* @__PURE__ */ React44.createElement(Slider3, {
     disabled: loading,
     mode: 1,
     step,
@@ -7043,20 +5615,20 @@ var RangeSliderSimple = ({
     onUpdate,
     values,
     rootStyle: { position: "relative" }
-  }, /* @__PURE__ */ React58.createElement(Rail2, null, ({ getRailProps }) => /* @__PURE__ */ React58.createElement(Bar2, {
+  }, /* @__PURE__ */ React44.createElement(Rail2, null, ({ getRailProps }) => /* @__PURE__ */ React44.createElement(Bar2, {
     ...getRailProps()
-  })), /* @__PURE__ */ React58.createElement(Handles2, null, ({ handles, getHandleProps }) => /* @__PURE__ */ React58.createElement("div", {
+  })), /* @__PURE__ */ React44.createElement(Handles2, null, ({ handles, getHandleProps }) => /* @__PURE__ */ React44.createElement("div", {
     className: "slider-handles"
-  }, handles.map((handle) => /* @__PURE__ */ React58.createElement(Handle2, {
+  }, handles.map((handle) => /* @__PURE__ */ React44.createElement(Handle2, {
     key: handle.id,
     handle,
     domain,
     getHandleProps
-  })))), /* @__PURE__ */ React58.createElement(Tracks2, {
+  })))), /* @__PURE__ */ React44.createElement(Tracks2, {
     right: false
-  }, ({ tracks, getTrackProps }) => /* @__PURE__ */ React58.createElement("div", {
+  }, ({ tracks, getTrackProps }) => /* @__PURE__ */ React44.createElement("div", {
     className: "slider-tracks"
-  }, tracks.map(({ id, source, target }) => /* @__PURE__ */ React58.createElement(Track2, {
+  }, tracks.map(({ id, source, target }) => /* @__PURE__ */ React44.createElement(Track2, {
     key: id,
     source,
     target,
@@ -7076,18 +5648,18 @@ var SliderWithLabel = ({
   formatValues,
   onChange
 }) => {
-  const [local, setLocal] = useState18(steps);
-  const onUpdate = useCallback20((nextValues) => {
+  const [local, setLocal] = useState11(steps);
+  const onUpdate = useCallback16((nextValues) => {
     setLocal([...nextValues]);
   }, []);
-  useEffect12(() => {
+  useEffect7(() => {
     if (!loading)
       setLocal(void 0);
   }, [loading]);
-  return /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(RepeatTiny, null, /* @__PURE__ */ React59.createElement(RangeSliderLabel_default, {
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(RepeatTiny, null, /* @__PURE__ */ React45.createElement(RangeSliderLabel_default, {
     label,
     value: `${numberSeparator(local?.[0] || values[0])}${unit ? ` ${unit}` : ""}`
-  })), /* @__PURE__ */ React59.createElement(RepeatTiny, null, /* @__PURE__ */ React59.createElement(RangeSliderSimple_default, {
+  })), /* @__PURE__ */ React45.createElement(RepeatTiny, null, /* @__PURE__ */ React45.createElement(RangeSliderSimple_default, {
     loading,
     values,
     domain,
@@ -7112,22 +5684,22 @@ var stepGenerator = (step, max, steps = [], current) => {
   return stepGenerator(step, max, steps, nextCurrent);
 };
 var LoanModal = ({ id, financialOption, onClose }) => {
-  const [tmp, setTmp] = useState19();
-  const [extend, setExtend] = React60.useState(false);
-  const onToggleExtend = React60.useCallback(() => {
+  const [tmp, setTmp] = useState12();
+  const [extend, setExtend] = React46.useState(false);
+  const onToggleExtend = React46.useCallback(() => {
     if (!extend) {
       pubsub_default.publish("FinanceInterest");
     }
     setExtend(!extend);
   }, [extend]);
-  const [variables, setVariables] = useState19({
+  const [variables, setVariables] = useState12({
     duration: financialOption.duration?.current,
     downPayment: financialOption.downPayment?.current,
     residual: financialOption.residual?.current
   });
   const { duration, downPayment, residual } = variables;
   const { loading, data } = useLoan_default(id, duration, downPayment, residual);
-  useEffect13(() => {
+  useEffect8(() => {
     if (data) {
       setTmp(data);
       setVariables({
@@ -7143,7 +5715,7 @@ var LoanModal = ({ id, financialOption, onClose }) => {
   const downPaymentMax = loan?.downPayment?.max || 0;
   const downPaymentStep = loan?.downPayment?.step || 0;
   const downPaymentSteps = stepGenerator(downPaymentStep, downPaymentMax);
-  const onDownPaymentChange = useCallback21(
+  const onDownPaymentChange = useCallback17(
     (values) => {
       pubsub_default.publish("FinanceInterest");
       setVariables({ ...variables, downPayment: values[0] });
@@ -7155,7 +5727,7 @@ var LoanModal = ({ id, financialOption, onClose }) => {
   const durationMax = loan?.duration?.max || 0;
   const durationStep = loan?.duration?.step || 0;
   const durationSteps = stepGenerator(durationStep, durationMax);
-  const onDurationChange = useCallback21(
+  const onDurationChange = useCallback17(
     (values) => {
       pubsub_default.publish("FinanceInterest");
       setVariables({ ...variables, duration: values[0] });
@@ -7167,7 +5739,7 @@ var LoanModal = ({ id, financialOption, onClose }) => {
   const residualMax = (loan?.residual?.max || 0) * 100 || 0;
   const residualStep = (loan?.residual?.step || 0) * 100 || 0;
   const residualSteps = stepGenerator(residualStep, residualMax);
-  const onResidualChange = useCallback21(
+  const onResidualChange = useCallback17(
     (values) => {
       pubsub_default.publish("FinanceInterest");
       setVariables({ ...variables, residual: values[0] / 100 });
@@ -7176,14 +5748,14 @@ var LoanModal = ({ id, financialOption, onClose }) => {
   );
   const interestText = ((loan?.interest || 0) * 100).toFixed(2);
   const effectiveInterestText = ((loan?.effectiveInterest || 0) * 100).toFixed(2);
-  return /* @__PURE__ */ React60.createElement(Modal_default, {
+  return /* @__PURE__ */ React46.createElement(Modal_default, {
     title: "L\xE5nealternativ",
     onClose
-  }, /* @__PURE__ */ React60.createElement(Repeat, null, /* @__PURE__ */ React60.createElement(ContentLogo, null, financialOption?.description && /* @__PURE__ */ React60.createElement(ContentLogoText, null, /* @__PURE__ */ React60.createElement(Content_default, null, /* @__PURE__ */ React60.createElement("p", null, financialOption.description))), financialOption?.image && /* @__PURE__ */ React60.createElement(ContentLogoMedia, null, /* @__PURE__ */ React60.createElement(LogoBox_default, {
+  }, /* @__PURE__ */ React46.createElement(Repeat, null, /* @__PURE__ */ React46.createElement(ContentLogo, null, financialOption?.description && /* @__PURE__ */ React46.createElement(ContentLogoText, null, /* @__PURE__ */ React46.createElement(Content_default, null, /* @__PURE__ */ React46.createElement("p", null, financialOption.description))), financialOption?.image && /* @__PURE__ */ React46.createElement(ContentLogoMedia, null, /* @__PURE__ */ React46.createElement(LogoBox_default, {
     logo: financialOption.image,
     alt: financialOption.name || "Logotyp",
     wide: true
-  })))), /* @__PURE__ */ React60.createElement(Repeat, null, /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(SliderWithLabel_default, {
+  })))), /* @__PURE__ */ React46.createElement(Repeat, null, /* @__PURE__ */ React46.createElement(RepeatSmall, null, /* @__PURE__ */ React46.createElement(SliderWithLabel_default, {
     label: "Kontantinsatts",
     values: [downPaymentCurrent],
     domain: [downPaymentMin, downPaymentMax],
@@ -7192,7 +5764,7 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     formatValues: true,
     loading,
     onChange: onDownPaymentChange
-  })), /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(SliderWithLabel_default, {
+  })), /* @__PURE__ */ React46.createElement(RepeatSmall, null, /* @__PURE__ */ React46.createElement(SliderWithLabel_default, {
     label: "Avbetalning",
     values: [durationCurrent],
     domain: [durationMin, durationMax],
@@ -7200,7 +5772,7 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     unit: "m\xE5n",
     loading,
     onChange: onDurationChange
-  })), residual !== void 0 && residualMax !== 0 && /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(SliderWithLabel_default, {
+  })), residual !== void 0 && residualMax !== 0 && /* @__PURE__ */ React46.createElement(RepeatSmall, null, /* @__PURE__ */ React46.createElement(SliderWithLabel_default, {
     label: "Restskuld",
     values: [residualCurrent],
     domain: [residualMin, residualMax],
@@ -7208,12 +5780,12 @@ var LoanModal = ({ id, financialOption, onClose }) => {
     unit: "%",
     loading,
     onChange: onResidualChange
-  })), /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(RepeatTiny, null, /* @__PURE__ */ React60.createElement(Content_default, {
+  })), /* @__PURE__ */ React46.createElement(RepeatSmall, null, /* @__PURE__ */ React46.createElement(RepeatTiny, null, /* @__PURE__ */ React46.createElement(Content_default, {
     small: true
-  }, /* @__PURE__ */ React60.createElement("p", null, `*Ber\xE4knat p\xE5 ${interestText} % r\xE4nta (effektivt ${effectiveInterestText} %)${loan?.mileage !== null ? `och en \xE5rlig k\xF6rstr\xE4cka om ${loan?.mileage} mil.` : ""}`)))), /* @__PURE__ */ React60.createElement(RepeatSmall, null, /* @__PURE__ */ React60.createElement(ButtonClear, {
+  }, /* @__PURE__ */ React46.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__ */ React46.createElement(RepeatSmall, null, /* @__PURE__ */ React46.createElement(ButtonClear, {
     onClick: onToggleExtend,
     title: extend ? "Visa mindre information" : "Visa mer information"
-  }, /* @__PURE__ */ React60.createElement(ButtonContent, null, extend ? "Mindre information" : "Mer information"))), /* @__PURE__ */ React60.createElement(React60.Fragment, null, extend && /* @__PURE__ */ React60.createElement(ModalFoldout, null, /* @__PURE__ */ React60.createElement(ModalFoldoutBody, null, /* @__PURE__ */ React60.createElement(DataList_default, {
+  }, /* @__PURE__ */ React46.createElement(ButtonContent, null, extend ? "Mindre information" : "Mer information"))), /* @__PURE__ */ React46.createElement(React46.Fragment, null, extend && /* @__PURE__ */ React46.createElement(ModalFoldout, null, /* @__PURE__ */ React46.createElement(ModalFoldoutBody, null, /* @__PURE__ */ React46.createElement(DataList_default, {
     items: [
       {
         label: "R\xE4nta",
@@ -7242,8 +5814,8 @@ var LoanModal_default = LoanModal;
 
 // src/components/FinancialOptions/loan.tsx
 var Loan = ({ id, financialOption }) => {
-  const [modal, setModal] = useState20(false);
-  const toggleModal = useCallback22(() => setModal(!modal), [modal]);
+  const [modal, setModal] = useState13(false);
+  const toggleModal = useCallback18(() => setModal(!modal), [modal]);
   const { data } = useLoan_default(
     id,
     financialOption.duration?.current,
@@ -7255,100 +5827,100 @@ var Loan = ({ id, financialOption }) => {
   const monthlyCost = data?.loan?.monthlyCost;
   const logo = financialOption?.logotype || "https://placehold.it/67x10";
   if (financialOption.loanAmount === void 0 || financialOption.loanAmount === null || interest === void 0 || duration === void 0 || monthlyCost === void 0 || interest === null || duration === null || monthlyCost === null) {
-    return /* @__PURE__ */ React61.createElement(OptionBox_default, {
+    return /* @__PURE__ */ React47.createElement(OptionBox_default, {
       logo,
       logoAlt: "Logotyp"
-    }, /* @__PURE__ */ React61.createElement(OptionBoxHeading, null, "Laddar..."), /* @__PURE__ */ React61.createElement(OptionBoxContent, null, /* @__PURE__ */ React61.createElement("p", null, "Laddar...")));
+    }, /* @__PURE__ */ React47.createElement(OptionBoxHeading, null, "Laddar..."), /* @__PURE__ */ React47.createElement(OptionBoxContent, null, /* @__PURE__ */ React47.createElement("p", null, "Laddar...")));
   }
-  return /* @__PURE__ */ React61.createElement(React61.Fragment, null, modal && /* @__PURE__ */ React61.createElement(LoanModal_default, {
+  return /* @__PURE__ */ React47.createElement(React47.Fragment, null, modal && /* @__PURE__ */ React47.createElement(LoanModal_default, {
     id,
     financialOption,
     onClose: toggleModal
-  }), /* @__PURE__ */ React61.createElement(OptionBox_default, {
+  }), /* @__PURE__ */ React47.createElement(OptionBox_default, {
     logo,
     logoAlt: "Logotyp"
-  }, /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(OptionBoxHeading, null, `${numberSeparator(monthlyCost)} kr/m\xE5n*`), /* @__PURE__ */ React61.createElement(OptionBoxContent, null, /* @__PURE__ */ React61.createElement("p", null, "Delbetala", " ", financialOption.loanAmount && duration && /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(UtilityTextPrimary, null, numberSeparator(financialOption.loanAmount), " kr"), " ", "i ", /* @__PURE__ */ React61.createElement(UtilityTextPrimary, null, duration, " m\xE5n"), ".")), /* @__PURE__ */ React61.createElement("p", null, `*Ber\xE4knat p\xE5 ${(interest * 100).toFixed(2)}% r\xE4nta. `, /* @__PURE__ */ React61.createElement(ButtonInline, {
+  }, /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(OptionBoxHeading, null, `${numberSeparator(monthlyCost)} kr/m\xE5n*`), /* @__PURE__ */ React47.createElement(OptionBoxContent, null, /* @__PURE__ */ React47.createElement("p", null, "Delbetala", " ", financialOption.loanAmount && duration && /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(UtilityTextPrimary, null, numberSeparator(financialOption.loanAmount), " kr"), " ", "i ", /* @__PURE__ */ React47.createElement(UtilityTextPrimary, null, duration, " m\xE5n"), ".")), /* @__PURE__ */ React47.createElement("p", null, `*Ber\xE4knat p\xE5 ${(interest * 100).toFixed(2)}% r\xE4nta. `, /* @__PURE__ */ React47.createElement(ButtonInline, {
     onClick: toggleModal
   }, "L\xE4s mer"))))));
 };
 var loan_default = Loan;
 
 // src/components/FinancialOptions/index.tsx
-var FinancialOptions = ({ id, financialOptions }) => /* @__PURE__ */ React62.createElement(Repeat, null, /* @__PURE__ */ React62.createElement(RepeatTiny, null, /* @__PURE__ */ React62.createElement(VisualHeading, null, "Andra finansieringsalternativ")), /* @__PURE__ */ React62.createElement(RepeatTiny, null, financialOptions.map((financialOption, index2) => /* @__PURE__ */ React62.createElement(Fragment, {
+var FinancialOptions = ({ id, financialOptions }) => /* @__PURE__ */ React48.createElement(Repeat, null, /* @__PURE__ */ React48.createElement(RepeatTiny, null, /* @__PURE__ */ React48.createElement(VisualHeading, null, "Andra finansieringsalternativ")), /* @__PURE__ */ React48.createElement(RepeatTiny, null, financialOptions.map((financialOption, index2) => /* @__PURE__ */ React48.createElement(Fragment, {
   key: index2
-}, financialOption.type === "leasing" && /* @__PURE__ */ React62.createElement(leasing_default, {
+}, financialOption.type === "leasing" && /* @__PURE__ */ React48.createElement(leasing_default, {
   financialOption
-}), financialOption.type === "loan" && /* @__PURE__ */ React62.createElement(loan_default, {
+}), financialOption.type === "loan" && /* @__PURE__ */ React48.createElement(loan_default, {
   id,
   financialOption
 })))));
 var FinancialOptions_default = FinancialOptions;
 
 // src/components/InsuranceOptions/index.tsx
-import React74 from "react";
+import React60 from "react";
 
 // src/components/InsuranceOptions/Insurance.tsx
-import React71, { useState as useState23, useCallback as useCallback25 } from "react";
+import React57, { useState as useState16, useCallback as useCallback21 } from "react";
 
 // src/components/InsuranceOptions/InsuranceModal.tsx
-import React70, { useState as useState22, useCallback as useCallback24 } from "react";
+import React56, { useState as useState15, useCallback as useCallback20 } from "react";
 
 // src/components/DetailBox/index.tsx
-import React63 from "react";
+import React49 from "react";
 
 // src/components/DetailBox/wrapper.tsx
-import styled44 from "styled-components";
-var Wrapper24 = styled44.article`
+import styled39 from "styled-components";
+var Wrapper20 = styled39.article`
   box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
   overflow: hidden;
 `;
-var Main2 = styled44.div`
+var Main = styled39.div`
   padding: ${size(2.5)};
 `;
-var Heading6 = styled44(H2).attrs(() => ({
+var Heading6 = styled39(H2).attrs(() => ({
   as: "h1"
 }))`
   margin-bottom: 0;
 `;
-var Description3 = styled44.div`
+var Description3 = styled39.div`
   margin-top: ${size(1)};
 `;
-var Footer3 = styled44.div`
+var Footer3 = styled39.div`
   margin-top: ${size(1)};
   color: red;
 `;
-var Foldout = styled44.div`
+var Foldout = styled39.div`
   background-color: ${(props) => props.theme.color.accent};
   padding: ${size(2.5)};
 `;
 
 // src/components/DetailBox/index.tsx
 var DetailBox = ({ heading, description, children }) => {
-  const [extend, setExtend] = React63.useState(false);
-  const onToggleExtend = React63.useCallback(() => setExtend(!extend), [extend]);
+  const [extend, setExtend] = React49.useState(false);
+  const onToggleExtend = React49.useCallback(() => setExtend(!extend), [extend]);
   const extendBtnText = extend ? "Mindre information" : "Mer information";
-  return /* @__PURE__ */ React63.createElement(Wrapper24, null, /* @__PURE__ */ React63.createElement(Main2, null, /* @__PURE__ */ React63.createElement(Heading6, null, heading), description && /* @__PURE__ */ React63.createElement(Description3, null, description), /* @__PURE__ */ React63.createElement(Footer3, null, /* @__PURE__ */ React63.createElement(ButtonClear, {
+  return /* @__PURE__ */ React49.createElement(Wrapper20, null, /* @__PURE__ */ React49.createElement(Main, null, /* @__PURE__ */ React49.createElement(Heading6, null, heading), description && /* @__PURE__ */ React49.createElement(Description3, null, description), /* @__PURE__ */ React49.createElement(Footer3, null, /* @__PURE__ */ React49.createElement(ButtonClear, {
     onClick: onToggleExtend
-  }, /* @__PURE__ */ React63.createElement(ButtonContent, null, extendBtnText)))), extend && /* @__PURE__ */ React63.createElement(Foldout, null, children));
+  }, /* @__PURE__ */ React49.createElement(ButtonContent, null, extendBtnText)))), extend && /* @__PURE__ */ React49.createElement(Foldout, null, children));
 };
 var DetailBox_default = DetailBox;
 
 // src/components/ExtendInfo/index.tsx
-import React64, { useState as useState21, useCallback as useCallback23 } from "react";
+import React50, { useState as useState14, useCallback as useCallback19 } from "react";
 
 // src/components/ExtendInfo/wrapper.tsx
-import styled45 from "styled-components";
-var Wrapper25 = styled45.div``;
-var Header5 = styled45.div`
+import styled40 from "styled-components";
+var Wrapper21 = styled40.div``;
+var Header5 = styled40.div`
   display: flex;
   align-items: center;
 `;
-var Title = styled45.div``;
-var Info2 = styled45.div`
+var Title = styled40.div``;
+var Info2 = styled40.div`
   margin-left: ${size(1)};
 `;
-var InfoBtn = styled45(ButtonReset).attrs(() => ({
+var InfoBtn = styled40(ButtonReset).attrs(() => ({
   className: "wayke__theme wayke__color--primary-text"
 }))`
   position: relative;
@@ -7386,7 +5958,7 @@ var InfoBtn = styled45(ButtonReset).attrs(() => ({
     transform: scale(0.95);
   }
 `;
-var Extend2 = styled45.div`
+var Extend2 = styled40.div`
   padding-top: ${size(1)};
   margin-top: ${size(1)};
   border-top: 1px solid ${(props) => props.theme.color.border};
@@ -7395,23 +5967,23 @@ var Extend2 = styled45.div`
 
 // src/components/ExtendInfo/index.tsx
 var ExtendInfo = ({ title, children }) => {
-  const [extend, setExtend] = useState21(false);
-  const onToggleExtend = useCallback23(() => setExtend(!extend), [extend]);
-  return /* @__PURE__ */ React64.createElement(Wrapper25, null, /* @__PURE__ */ React64.createElement(Header5, null, /* @__PURE__ */ React64.createElement(Title, null, title), children && /* @__PURE__ */ React64.createElement(Info2, null, /* @__PURE__ */ React64.createElement(InfoBtn, {
+  const [extend, setExtend] = useState14(false);
+  const onToggleExtend = useCallback19(() => setExtend(!extend), [extend]);
+  return /* @__PURE__ */ React50.createElement(Wrapper21, null, /* @__PURE__ */ React50.createElement(Header5, null, /* @__PURE__ */ React50.createElement(Title, null, title), children && /* @__PURE__ */ React50.createElement(Info2, null, /* @__PURE__ */ React50.createElement(InfoBtn, {
     onClick: onToggleExtend,
     title: "Mer information"
-  }, /* @__PURE__ */ React64.createElement(IconInfo, {
+  }, /* @__PURE__ */ React50.createElement(IconInfo, {
     block: true
-  })))), extend && /* @__PURE__ */ React64.createElement(Extend2, null, children));
+  })))), extend && /* @__PURE__ */ React50.createElement(Extend2, null, children));
 };
 var ExtendInfo_default = ExtendInfo;
 
 // src/components/InputLabel/index.tsx
-import React65 from "react";
+import React51 from "react";
 
 // src/components/InputLabel/wrapper.tsx
-import styled46 from "styled-components";
-var Wrapper26 = styled46.label.attrs(() => ({
+import styled41 from "styled-components";
+var Wrapper22 = styled41.label.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   margin-bottom: ${size(0.5)};
@@ -7419,24 +5991,24 @@ var Wrapper26 = styled46.label.attrs(() => ({
 `;
 
 // src/components/InputLabel/index.tsx
-var InputLabel = ({ children, htmlFor }) => /* @__PURE__ */ React65.createElement(Wrapper26, {
+var InputLabel = ({ children, htmlFor }) => /* @__PURE__ */ React51.createElement(Wrapper22, {
   htmlFor
 }, children);
 var InputLabel_default = InputLabel;
 
 // src/components/InputText/index.tsx
-import React66 from "react";
+import React52 from "react";
 
 // src/components/InputText/wrapper.tsx
-import styled47 from "styled-components";
-var Wrapper27 = styled47.div`
+import styled42 from "styled-components";
+var Wrapper23 = styled42.div`
   position: relative;
   display: flex;
   align-items: stretch;
   background-color: ${(props) => props.theme.color.accent};
   border-radius: 3px;
 `;
-var Input2 = styled47.input.attrs(() => ({
+var Input2 = styled42.input.attrs(() => ({
   type: "text",
   className: "wayke__theme wayke__font--regular"
 }))`
@@ -7483,7 +6055,7 @@ var Input2 = styled47.input.attrs(() => ({
 `;
 
 // src/components/InputText/index.tsx
-var InputText = ({ placeholder, label, value, id, onChange, onKeyDown }) => /* @__PURE__ */ React66.createElement(Wrapper27, null, /* @__PURE__ */ React66.createElement(Input2, {
+var InputText = ({ placeholder, label, value, id, onChange, onKeyDown }) => /* @__PURE__ */ React52.createElement(Wrapper23, null, /* @__PURE__ */ React52.createElement(Input2, {
   placeholder,
   value,
   id,
@@ -7494,12 +6066,12 @@ var InputText = ({ placeholder, label, value, id, onChange, onKeyDown }) => /* @
 var InputText_default = InputText;
 
 // src/components/InputCheckbox/index.tsx
-import * as React68 from "react";
+import * as React54 from "react";
 
 // src/components/InputCheckbox/wrapper.tsx
-import * as React67 from "react";
-import styled48, { css as css14 } from "styled-components";
-var Label9 = styled48.label.attrs(() => ({
+import * as React53 from "react";
+import styled43, { css as css13 } from "styled-components";
+var Label9 = styled43.label.attrs(() => ({
   className: "wayke__theme wayke__color--primary-text"
 }))`
   position: relative;
@@ -7529,13 +6101,13 @@ var Label9 = styled48.label.attrs(() => ({
     margin-top: -2px;
   }
 `;
-var Wrapper28 = styled48((props) => /* @__PURE__ */ React67.createElement("div", {
+var Wrapper24 = styled43((props) => /* @__PURE__ */ React53.createElement("div", {
   ...props
 })).attrs(({ type, checked }) => ({
   role: type || "checkbox",
   "aria-checked": checked
 }))`
-  ${({ error }) => error && css14`
+  ${({ error }) => error && css13`
       ${Label9} {
         color: ${(props) => props.theme.color.ui.negative};
 
@@ -7545,7 +6117,7 @@ var Wrapper28 = styled48((props) => /* @__PURE__ */ React67.createElement("div",
       }
     `}
 `;
-var Input3 = styled48((props) => /* @__PURE__ */ React67.createElement("input", {
+var Input3 = styled43((props) => /* @__PURE__ */ React53.createElement("input", {
   ...props,
   className: `${props.checked ? "checked" : void 0} ${props.className}`
 })).attrs(({ type, checked }) => ({
@@ -7576,23 +6148,23 @@ var Input3 = styled48((props) => /* @__PURE__ */ React67.createElement("input",
     }
   }
 `;
-var LabelText = styled48.div`
+var LabelText = styled43.div`
   color: ${(props) => props.theme.color.textDark};
 `;
 
 // src/components/InputSelect/index.tsx
-import React69 from "react";
+import React55 from "react";
 
 // src/components/InputSelect/wrapper.tsx
-import styled49 from "styled-components";
+import styled44 from "styled-components";
 var iconSize2 = "0.875rem";
 var selectPadding = size(2);
-var Wrapper29 = styled49.div`
+var Wrapper25 = styled44.div`
   position: relative;
   background-color: ${(props) => props.theme.color.accent};
   border-radius: 3px;
 `;
-var Select2 = styled49.select.attrs(() => ({
+var Select2 = styled44.select.attrs(() => ({
   className: "wayke__theme wayke__font--regular"
 }))`
   position: relative;
@@ -7626,10 +6198,10 @@ var Select2 = styled49.select.attrs(() => ({
     border: 0;
   }
 `;
-var Option2 = styled49.option`
+var Option2 = styled44.option`
   color: ${(props) => props.theme.color.textDark};
 `;
-var Icon5 = styled49.div`
+var Icon5 = styled44.div`
   position: absolute;
   top: 50%;
   right: ${selectPadding};
@@ -7638,29 +6210,29 @@ var Icon5 = styled49.div`
 `;
 
 // src/components/InputSelect/index.tsx
-var InputSelect = ({ value, options, onChange, unit, title }) => /* @__PURE__ */ React69.createElement(Wrapper29, null, /* @__PURE__ */ React69.createElement(Select2, {
+var InputSelect = ({ value, options, onChange, unit, title }) => /* @__PURE__ */ React55.createElement(Wrapper25, null, /* @__PURE__ */ React55.createElement(Select2, {
   value,
   onChange,
   title,
   "aria-label": title
-}, options?.map((option) => /* @__PURE__ */ React69.createElement(Option2, {
+}, options?.map((option) => /* @__PURE__ */ React55.createElement(Option2, {
   key: option.value,
   value: option.value
-}, option.displayName || option.value, unit ? ` ${unit}` : ""))), /* @__PURE__ */ React69.createElement(Icon5, null, /* @__PURE__ */ React69.createElement(IconChevronDown, {
+}, option.displayName || option.value, unit ? ` ${unit}` : ""))), /* @__PURE__ */ React55.createElement(Icon5, null, /* @__PURE__ */ React55.createElement(IconChevronDown, {
   block: true
 })));
 var InputSelect_default = InputSelect;
 
 // src/components/InputGroup/index.tsx
-import styled50 from "styled-components";
-var InputGroup = styled50.div`
+import styled45 from "styled-components";
+var InputGroup = styled45.div`
   ${(props) => props.theme.breakpoint.Sm} {
     display: flex;
     align-items: flex-start;
     margin: ${size(-0.5)};
   }
 `;
-var InputGroupColumn = styled50.div`
+var InputGroupColumn = styled45.div`
   ${(props) => props.theme.breakpoint.LtSm} {
     & + & {
       margin-top: ${size(1)};
@@ -7674,12 +6246,12 @@ var InputGroupColumn = styled50.div`
 `;
 
 // src/components/ColumnRow/index.tsx
-import styled51 from "styled-components";
-var ColumnRow = styled51.div`
+import styled46 from "styled-components";
+var ColumnRow = styled46.div`
   display: flex;
   align-items: flex-start;
 `;
-var ColumnRowItem = styled51.div`
+var ColumnRowItem = styled46.div`
   flex: 1 1 auto;
 
   :last-child:not(:only-child) {
@@ -7754,30 +6326,30 @@ var ssnIsValid = (s) => s ? /^\d{2,4}\d{2}\d{2}\-?\d{4}$/.test(s) : false;
 
 // src/components/InsuranceOptions/InsuranceModal.tsx
 var InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
-  const [form, setForm] = useState22({
+  const [form, setForm] = useState15({
     ssn: "",
     drivingDistance: "BETWEEN0AND1000" /* Between0And1000 */
   });
-  const [payload, setPayload] = useState22();
+  const [payload, setPayload] = useState15();
   const { loading, data, error } = useInsurance_default(
     id,
     branch?.id ? branch?.id : void 0,
     ssnIsValid(payload?.ssn) ? payload?.ssn : void 0,
     payload?.drivingDistance
   );
-  const onChangeSsn = useCallback24(
+  const onChangeSsn = useCallback20(
     (e) => setForm({ ...form, ssn: e.currentTarget.value }),
     [form]
   );
-  const onChangeDrivingDistance = useCallback24(
+  const onChangeDrivingDistance = useCallback20(
     (e) => setForm({ ...form, drivingDistance: e.currentTarget.value }),
     [form]
   );
-  const onShowInsurances = useCallback24(() => {
+  const onShowInsurances = useCallback20(() => {
     pubsub_default.publish("InsuranceInterest");
     setPayload(form);
   }, [form]);
-  const onKeyDown = useCallback24(
+  const onKeyDown = useCallback20(
     (e) => {
       if (e.keyCode === 13 && ssnIsValid(form.ssn) && !loading) {
         onShowInsurances();
@@ -7792,105 +6364,105 @@ var InsuranceModal = ({ id, branch, onClose, insuranceOptions }) => {
     { value: "BETWEEN2000AND2500" /* Between2000And2500 */, displayName: "2000 - 2500" },
     { value: "OVER2500" /* Over2500 */, displayName: "2500+" }
   ];
-  return /* @__PURE__ */ React70.createElement(Modal_default, {
+  return /* @__PURE__ */ React56.createElement(Modal_default, {
     title: "F\xF6rs\xE4kring",
     onClose
-  }, (insuranceOptions?.description || insuranceOptions?.logotype) && /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(ContentLogo, null, insuranceOptions.description && /* @__PURE__ */ React70.createElement(ContentLogoText, null, /* @__PURE__ */ React70.createElement(Content_default, null, /* @__PURE__ */ React70.createElement("p", null, insuranceOptions.description))), insuranceOptions.logotype && /* @__PURE__ */ React70.createElement(ContentLogoMedia, null, /* @__PURE__ */ React70.createElement(LogoBox_default, {
+  }, (insuranceOptions?.description || insuranceOptions?.logotype) && /* @__PURE__ */ React56.createElement(Repeat, null, /* @__PURE__ */ React56.createElement(ContentLogo, null, insuranceOptions.description && /* @__PURE__ */ React56.createElement(ContentLogoText, null, /* @__PURE__ */ React56.createElement(Content_default, null, /* @__PURE__ */ React56.createElement("p", null, insuranceOptions.description))), insuranceOptions.logotype && /* @__PURE__ */ React56.createElement(ContentLogoMedia, null, /* @__PURE__ */ React56.createElement(LogoBox_default, {
     logo: insuranceOptions.logotype,
     alt: insuranceOptions.name || "Logotyp",
     wide: true
-  })))), /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(RepeatSmall, null, /* @__PURE__ */ React70.createElement(RepeatTiny, null, /* @__PURE__ */ React70.createElement(InputGroup, null, /* @__PURE__ */ React70.createElement(InputGroupColumn, null, /* @__PURE__ */ React70.createElement(InputLabel_default, {
+  })))), /* @__PURE__ */ React56.createElement(Repeat, null, /* @__PURE__ */ React56.createElement(RepeatSmall, null, /* @__PURE__ */ React56.createElement(RepeatTiny, null, /* @__PURE__ */ React56.createElement(InputGroup, null, /* @__PURE__ */ React56.createElement(InputGroupColumn, null, /* @__PURE__ */ React56.createElement(InputLabel_default, {
     htmlFor: "input-insurance-personalnumber"
-  }, "Personnummer"), /* @__PURE__ */ React70.createElement(InputText_default, {
+  }, "Personnummer"), /* @__PURE__ */ React56.createElement(InputText_default, {
     placeholder: "\xC5\xC5\xC5\xC5MMDD-XXXX",
     label: "Personnummer",
     value: form.ssn,
     onChange: onChangeSsn,
     onKeyDown,
     id: "input-insurance-personalnumber"
-  })), /* @__PURE__ */ React70.createElement(InputGroupColumn, null, /* @__PURE__ */ React70.createElement(InputLabel_default, {
+  })), /* @__PURE__ */ React56.createElement(InputGroupColumn, null, /* @__PURE__ */ React56.createElement(InputLabel_default, {
     htmlFor: "input-insurance-mileage"
-  }, "Uppskattad k\xF6rstr\xE4cka per \xE5r"), /* @__PURE__ */ React70.createElement(InputSelect_default, {
+  }, "Uppskattad k\xF6rstr\xE4cka per \xE5r"), /* @__PURE__ */ React56.createElement(InputSelect_default, {
     value: form.drivingDistance,
     onChange: onChangeDrivingDistance,
     options,
     unit: "mil",
     title: "Uppskattad k\xF6rstr\xE4cka per \xE5r"
-  })))), /* @__PURE__ */ React70.createElement(RepeatTiny, null, /* @__PURE__ */ React70.createElement(ButtonPrimary, {
+  })))), /* @__PURE__ */ React56.createElement(RepeatTiny, null, /* @__PURE__ */ React56.createElement(ButtonPrimary, {
     fullWidth: true,
     disabled: !ssnIsValid(form.ssn) || loading,
     onClick: onShowInsurances
-  }, /* @__PURE__ */ React70.createElement(ButtonContent, null, "Visa f\xF6rs\xE4kringar")))), false, /* @__PURE__ */ React70.createElement(RepeatSmall, null, /* @__PURE__ */ React70.createElement(Content_default, {
+  }, /* @__PURE__ */ React56.createElement(ButtonContent, null, "Visa f\xF6rs\xE4kringar")))), false, /* @__PURE__ */ React56.createElement(RepeatSmall, null, /* @__PURE__ */ React56.createElement(Content_default, {
     small: true
-  }, /* @__PURE__ */ React70.createElement("p", null, "Spara personnummer p\xE5 denna dator f\xF6r att direkt visa f\xF6rs\xE4kringskostnaderna i Wayke. Personnumret lagras inte hos Wayke utan finns bara sparad i din webbl\xE4sare.")))), loading && /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(Loader_default, null)), error && /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(Snackbar_default, {
+  }, /* @__PURE__ */ React56.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__ */ React56.createElement(Repeat, null, /* @__PURE__ */ React56.createElement(Loader_default, null)), error && /* @__PURE__ */ React56.createElement(Repeat, null, /* @__PURE__ */ React56.createElement(Snackbar_default, {
     severity: "error",
     icon: true,
     heading: "Ett fel har intr\xE4ffat"
-  }, "Kunde inte h\xE4mta f\xF6rs\xE4kringar. V\xE4nligen f\xF6rs\xF6k igen.")), /* @__PURE__ */ React70.createElement(React70.Fragment, null, data?.insurances && /* @__PURE__ */ React70.createElement(Repeat, null, data?.insurances.map((insurance) => /* @__PURE__ */ React70.createElement(Repeat, {
+  }, "Kunde inte h\xE4mta f\xF6rs\xE4kringar. V\xE4nligen f\xF6rs\xF6k igen.")), /* @__PURE__ */ React56.createElement(React56.Fragment, null, data?.insurances && /* @__PURE__ */ React56.createElement(Repeat, null, data?.insurances.map((insurance) => /* @__PURE__ */ React56.createElement(Repeat, {
     key: insurance.name
-  }, /* @__PURE__ */ React70.createElement(DetailBox_default, {
+  }, /* @__PURE__ */ React56.createElement(DetailBox_default, {
     heading: `${numberSeparator(insurance.price)} ${insurance.unit}`,
     description: insurance.name
-  }, /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(React70.Fragment, null, insurance.description && /* @__PURE__ */ React70.createElement(RepeatTiny, null, /* @__PURE__ */ React70.createElement(Content_default, null, /* @__PURE__ */ React70.createElement("p", null, insurance.description)))), /* @__PURE__ */ React70.createElement(React70.Fragment, null, insurance.url && /* @__PURE__ */ React70.createElement(RepeatTiny, null, /* @__PURE__ */ React70.createElement(ButtonInline, {
+  }, /* @__PURE__ */ React56.createElement(Repeat, null, /* @__PURE__ */ React56.createElement(React56.Fragment, null, insurance.description && /* @__PURE__ */ React56.createElement(RepeatTiny, null, /* @__PURE__ */ React56.createElement(Content_default, null, /* @__PURE__ */ React56.createElement("p", null, insurance.description)))), /* @__PURE__ */ React56.createElement(React56.Fragment, null, insurance.url && /* @__PURE__ */ React56.createElement(RepeatTiny, null, /* @__PURE__ */ React56.createElement(ButtonInline, {
     as: "a",
     href: insurance.url || "",
     target: "_blank",
     rel: "noopener noreferrer nofollow"
-  }, "F\xF6rk\xF6psinformation och villkor (\xF6ppnas i ny flik)")))), insurance.items && insurance.items.length > 0 && /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(H4, null, "F\xF6rs\xE4kringen inneh\xE5ller"), insurance.items.map((item) => /* @__PURE__ */ React70.createElement(RepeatSmall, {
+  }, "F\xF6rk\xF6psinformation och villkor (\xF6ppnas i ny flik)")))), insurance.items && insurance.items.length > 0 && /* @__PURE__ */ React56.createElement(Repeat, null, /* @__PURE__ */ React56.createElement(H4, null, "F\xF6rs\xE4kringen inneh\xE5ller"), insurance.items.map((item) => /* @__PURE__ */ React56.createElement(RepeatSmall, {
     key: item.name || ""
-  }, /* @__PURE__ */ React70.createElement(ExtendInfo_default, {
+  }, /* @__PURE__ */ React56.createElement(ExtendInfo_default, {
     title: item.name || ""
-  }, item.description)))), insurance.addons && insurance.addons.length > 0 && /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(H4, null, "V\xE4lj till"), insurance.addons.map((addon) => /* @__PURE__ */ React70.createElement(RepeatSmall, {
+  }, item.description)))), insurance.addons && insurance.addons.length > 0 && /* @__PURE__ */ React56.createElement(Repeat, null, /* @__PURE__ */ React56.createElement(H4, null, "V\xE4lj till"), insurance.addons.map((addon) => /* @__PURE__ */ React56.createElement(RepeatSmall, {
     key: addon.title || ""
-  }, /* @__PURE__ */ React70.createElement(ColumnRow, null, /* @__PURE__ */ React70.createElement(ColumnRowItem, null, /* @__PURE__ */ React70.createElement(ExtendInfo_default, {
+  }, /* @__PURE__ */ React56.createElement(ColumnRow, null, /* @__PURE__ */ React56.createElement(ColumnRowItem, null, /* @__PURE__ */ React56.createElement(ExtendInfo_default, {
     title: addon.title || ""
-  }, addon.description)), /* @__PURE__ */ React70.createElement(ColumnRowItem, null, /* @__PURE__ */ React70.createElement(UtilityTextBold, null, "+", addon.price, " ", addon.unit))))))))))));
+  }, addon.description)), /* @__PURE__ */ React56.createElement(ColumnRowItem, null, /* @__PURE__ */ React56.createElement(UtilityTextBold, null, "+", addon.price, " ", addon.unit))))))))))));
 };
 var InsuranceModal_default = InsuranceModal;
 
 // src/components/InsuranceOptions/Insurance.tsx
 var Insurance = ({ id, branch, insuranceOptions }) => {
-  const [modal, setModal] = useState23(false);
-  const toggleModal = useCallback25(() => setModal(!modal), [modal]);
+  const [modal, setModal] = useState16(false);
+  const toggleModal = useCallback21(() => setModal(!modal), [modal]);
   if (!insuranceOptions.length) {
     return null;
   }
-  return /* @__PURE__ */ React71.createElement(React71.Fragment, null, modal && /* @__PURE__ */ React71.createElement(InsuranceModal_default, {
+  return /* @__PURE__ */ React57.createElement(React57.Fragment, null, modal && /* @__PURE__ */ React57.createElement(InsuranceModal_default, {
     id,
     branch,
     onClose: toggleModal,
     insuranceOptions: insuranceOptions[0]
-  }), /* @__PURE__ */ React71.createElement(Repeat, null, /* @__PURE__ */ React71.createElement(RepeatTiny, null, /* @__PURE__ */ React71.createElement(VisualHeading, null, "V\xE4lj till f\xF6rs\xE4kring")), /* @__PURE__ */ React71.createElement(RepeatTiny, null, /* @__PURE__ */ React71.createElement(React71.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ React71.createElement(OptionBox_default, {
+  }), /* @__PURE__ */ React57.createElement(Repeat, null, /* @__PURE__ */ React57.createElement(RepeatTiny, null, /* @__PURE__ */ React57.createElement(VisualHeading, null, "V\xE4lj till f\xF6rs\xE4kring")), /* @__PURE__ */ React57.createElement(RepeatTiny, null, /* @__PURE__ */ React57.createElement(React57.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ React57.createElement(OptionBox_default, {
     key: `${insuranceOption.url}-${index2}`,
     logo: insuranceOption.logotype || void 0,
     logoAlt: insuranceOption.name || "Logotyp"
-  }, /* @__PURE__ */ React71.createElement(OptionBoxHeading, null, "F\xE5 prisf\xF6rslag"), /* @__PURE__ */ React71.createElement(OptionBoxContent, null, /* @__PURE__ */ React71.createElement("p", null, /* @__PURE__ */ React71.createElement(ButtonInline, {
+  }, /* @__PURE__ */ React57.createElement(OptionBoxHeading, null, "F\xE5 prisf\xF6rslag"), /* @__PURE__ */ React57.createElement(OptionBoxContent, null, /* @__PURE__ */ React57.createElement("p", null, /* @__PURE__ */ React57.createElement(ButtonInline, {
     onClick: toggleModal
   }, "Mer information")))))))));
 };
 var Insurance_default = Insurance;
 
 // src/components/InsuranceOptions/InsuranceFree.tsx
-import React73, { useState as useState24, useCallback as useCallback26 } from "react";
+import React59, { useState as useState17, useCallback as useCallback22 } from "react";
 import { marked as marked2 } from "marked";
 
 // src/components/InsuranceOptions/InsuranceFreeModal.tsx
-import React72 from "react";
+import React58 from "react";
 import { marked } from "marked";
 var InsuranceFreeModal = ({ onClose, insuranceOptions }) => {
-  return /* @__PURE__ */ React72.createElement(Modal_default, {
+  return /* @__PURE__ */ React58.createElement(Modal_default, {
     title: insuranceOptions?.insuranceHeader ?? "F\xF6rs\xE4kring",
     onClose
-  }, insuranceOptions?.longDescription && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(Content_default, {
+  }, insuranceOptions?.longDescription && /* @__PURE__ */ React58.createElement(Repeat, null, /* @__PURE__ */ React58.createElement(Content_default, {
     dangerouslySetInnerHTML: {
       __html: marked(insuranceOptions.longDescription)
     }
-  })), insuranceOptions?.url && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(ButtonInline, {
+  })), insuranceOptions?.url && /* @__PURE__ */ React58.createElement(Repeat, null, /* @__PURE__ */ React58.createElement(ButtonInline, {
     as: "a",
     href: insuranceOptions.url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, "L\xE4s mer om f\xF6rs\xE4kringen (\xD6ppnas i ett nytt f\xF6nster)")), insuranceOptions?.logotype && /* @__PURE__ */ React72.createElement(Repeat, null, /* @__PURE__ */ React72.createElement(LogoBox_default, {
+  }, "L\xE4s mer om f\xF6rs\xE4kringen (\xD6ppnas i ett nytt f\xF6nster)")), insuranceOptions?.logotype && /* @__PURE__ */ React58.createElement(Repeat, null, /* @__PURE__ */ React58.createElement(LogoBox_default, {
     logo: insuranceOptions.logotype,
     alt: insuranceOptions.name || "Logotyp",
     wide: true
@@ -7900,23 +6472,23 @@ var InsuranceFreeModal_default = InsuranceFreeModal;
 
 // src/components/InsuranceOptions/InsuranceFree.tsx
 var Insurance2 = ({ insuranceOptions }) => {
-  const [modal, setModal] = useState24(false);
-  const toggleModal = useCallback26(() => setModal(!modal), [modal]);
+  const [modal, setModal] = useState17(false);
+  const toggleModal = useCallback22(() => setModal(!modal), [modal]);
   if (!insuranceOptions.length) {
     return null;
   }
-  return /* @__PURE__ */ React73.createElement(React73.Fragment, null, modal && /* @__PURE__ */ React73.createElement(InsuranceFreeModal_default, {
+  return /* @__PURE__ */ React59.createElement(React59.Fragment, null, modal && /* @__PURE__ */ React59.createElement(InsuranceFreeModal_default, {
     onClose: toggleModal,
     insuranceOptions: insuranceOptions[0]
-  }), /* @__PURE__ */ React73.createElement(Repeat, null, /* @__PURE__ */ React73.createElement(RepeatTiny, null, /* @__PURE__ */ React73.createElement(VisualHeading, null, insuranceOptions[0]?.insuranceHeader ?? "F\xF6rs\xE4kring")), /* @__PURE__ */ React73.createElement(RepeatTiny, null, /* @__PURE__ */ React73.createElement(React73.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ React73.createElement(OptionBox_default, {
+  }), /* @__PURE__ */ React59.createElement(Repeat, null, /* @__PURE__ */ React59.createElement(RepeatTiny, null, /* @__PURE__ */ React59.createElement(VisualHeading, null, insuranceOptions[0]?.insuranceHeader ?? "F\xF6rs\xE4kring")), /* @__PURE__ */ React59.createElement(RepeatTiny, null, /* @__PURE__ */ React59.createElement(React59.Fragment, null, insuranceOptions.map((insuranceOption, index2) => /* @__PURE__ */ React59.createElement(OptionBox_default, {
     key: `${insuranceOption.url}-${index2}`,
     logo: insuranceOption.logotype || void 0,
     logoAlt: insuranceOption.name || "Logotyp"
-  }, insuranceOption.description && /* @__PURE__ */ React73.createElement(Content_default, {
+  }, insuranceOption.description && /* @__PURE__ */ React59.createElement(Content_default, {
     dangerouslySetInnerHTML: {
       __html: marked2(insuranceOption.description)
     }
-  }), /* @__PURE__ */ React73.createElement(OptionBoxContent, null, /* @__PURE__ */ React73.createElement("p", null, /* @__PURE__ */ React73.createElement(ButtonInline, {
+  }), /* @__PURE__ */ React59.createElement(OptionBoxContent, null, /* @__PURE__ */ React59.createElement("p", null, /* @__PURE__ */ React59.createElement(ButtonInline, {
     onClick: toggleModal
   }, "Mer information")))))))));
 };
@@ -7929,12 +6501,12 @@ var InsuranceOptions = ({ id, branch, insuranceOptions }) => {
   }
   if (insuranceOptions.length > 0) {
     if (insuranceOptions[0].requiresDistance && insuranceOptions[0].requiresPersonalNumber)
-      return /* @__PURE__ */ React74.createElement(Insurance_default, {
+      return /* @__PURE__ */ React60.createElement(Insurance_default, {
         id,
         branch,
         insuranceOptions
       });
-    return /* @__PURE__ */ React74.createElement(InsuranceFree_default, {
+    return /* @__PURE__ */ React60.createElement(InsuranceFree_default, {
       insuranceOptions
     });
   }
@@ -7943,22 +6515,22 @@ var InsuranceOptions = ({ id, branch, insuranceOptions }) => {
 var InsuranceOptions_default = InsuranceOptions;
 
 // src/layouts/searchItem/ManufacturerPackagesOption.tsx
-import React75 from "react";
+import React61 from "react";
 import { marked as marked3 } from "marked";
 var ManufacturerPackageOption = ({ packageOption }) => {
   if (!packageOption) {
     return null;
   }
-  return /* @__PURE__ */ React75.createElement(ProductPageMainSection, null, /* @__PURE__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(H2, {
+  return /* @__PURE__ */ React61.createElement(ProductPageMainSection, null, /* @__PURE__ */ React61.createElement(Repeat, null, /* @__PURE__ */ React61.createElement(H2, {
     noMargin: true
-  }, packageOption.title)), packageOption.description && /* @__PURE__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(Content_default, {
+  }, packageOption.title)), packageOption.description && /* @__PURE__ */ React61.createElement(Repeat, null, /* @__PURE__ */ React61.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: marked3(packageOption.description) }
-  })), packageOption.link?.url && /* @__PURE__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(ButtonInline, {
+  })), packageOption.link?.url && /* @__PURE__ */ React61.createElement(Repeat, null, /* @__PURE__ */ React61.createElement(ButtonInline, {
     as: "a",
     href: packageOption.link.url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ React75.createElement(Repeat, null, /* @__PURE__ */ React75.createElement(LogoBox_default, {
+  }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ React61.createElement(Repeat, null, /* @__PURE__ */ React61.createElement(LogoBox_default, {
     logo: packageOption.image,
     alt: "Logotyp",
     wide: true
@@ -7967,23 +6539,23 @@ var ManufacturerPackageOption = ({ packageOption }) => {
 var ManufacturerPackagesOption_default = ManufacturerPackageOption;
 
 // src/layouts/searchItem/CheckList.tsx
-import React82, { useState as useState28, useCallback as useCallback31, useEffect as useEffect14 } from "react";
+import React68, { useState as useState21, useCallback as useCallback27, useEffect as useEffect9 } from "react";
 
 // src/components/ActionList/index.tsx
-import React77, { useCallback as useCallback28 } from "react";
+import React63, { useCallback as useCallback24 } from "react";
 
 // src/components/ActionList/toggle-item.tsx
-import React76, { useState as useState25, useCallback as useCallback27 } from "react";
+import React62, { useState as useState18, useCallback as useCallback23 } from "react";
 var initialValue = {};
 var getInitialValue = (title) => title && !!initialValue[title];
 var ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
-  const [visible, setVisible] = useState25(() => getInitialValue(type));
-  const _onClickValue = useCallback27(() => {
+  const [visible, setVisible] = useState18(() => getInitialValue(type));
+  const _onClickValue = useCallback23(() => {
     if (onClickValue) {
       onClickValue();
     }
   }, []);
-  const onClick = useCallback27(() => {
+  const onClick = useCallback23(() => {
     if (!visible) {
       initialValue[type] = true;
       setVisible(true);
@@ -7993,17 +6565,17 @@ var ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
     }
   }, [visible]);
   const visibleTitle = type === "tel" ? "Ring" : type === "mailto" ? "Skicka ett mail till" : "";
-  return /* @__PURE__ */ React76.createElement(RepeatTiny, null, visible ? /* @__PURE__ */ React76.createElement(ButtonSecondary, {
+  return /* @__PURE__ */ React62.createElement(RepeatTiny, null, visible ? /* @__PURE__ */ React62.createElement(ButtonSecondary, {
     onClick: _onClickValue,
     as: "a",
     href: `${type}:${value}`,
     title: `${visibleTitle} ${value}`,
     fullWidth: true
-  }, /* @__PURE__ */ React76.createElement(ButtonContent, null, value)) : /* @__PURE__ */ React76.createElement(ButtonSecondary, {
+  }, /* @__PURE__ */ React62.createElement(ButtonContent, null, value)) : /* @__PURE__ */ React62.createElement(ButtonSecondary, {
     onClick,
     title,
     fullWidth: true
-  }, /* @__PURE__ */ React76.createElement(ButtonContent, null, title)));
+  }, /* @__PURE__ */ React62.createElement(ButtonContent, null, title)));
 };
 var toggle_item_default = ToggleItem;
 
@@ -8116,18 +6688,18 @@ var formatPhonenumber = (text) => {
 var ActionList = ({ contact, branch }) => {
   const email = contact?.email || branch?.contact?.email;
   const phonenumber = contact?.phonenumber || branch?.contact?.phonenumber;
-  const onClickMailVisible = useCallback28(() => pubsub_default.publish("MailVisible"), []);
-  const onClickPhoneVisible = useCallback28(() => pubsub_default.publish("PhonenumberVisible"), []);
-  const onClickPhoneValue = useCallback28(() => pubsub_default.publish("PhonenumberCall"), []);
+  const onClickMailVisible = useCallback24(() => pubsub_default.publish("MailVisible"), []);
+  const onClickPhoneVisible = useCallback24(() => pubsub_default.publish("PhonenumberVisible"), []);
+  const onClickPhoneValue = useCallback24(() => pubsub_default.publish("PhonenumberCall"), []);
   if (!email && !phonenumber) {
     return null;
   }
-  return /* @__PURE__ */ React77.createElement(React77.Fragment, null, email && /* @__PURE__ */ React77.createElement(toggle_item_default, {
+  return /* @__PURE__ */ React63.createElement(React63.Fragment, null, email && /* @__PURE__ */ React63.createElement(toggle_item_default, {
     onClickVisible: onClickMailVisible,
     title: "Visa mailadress",
     value: email,
     type: "mailto"
-  }), phonenumber && /* @__PURE__ */ React77.createElement(toggle_item_default, {
+  }), phonenumber && /* @__PURE__ */ React63.createElement(toggle_item_default, {
     title: "Visa telefonnummer",
     value: formatPhonenumber(phonenumber),
     type: "tel",
@@ -8138,16 +6710,16 @@ var ActionList = ({ contact, branch }) => {
 var ActionList_default = ActionList;
 
 // src/components/CheckMarkList/index.tsx
-import React78 from "react";
+import React64 from "react";
 
 // src/components/CheckMarkList/wrapper.tsx
-import styled52 from "styled-components";
-var List9 = styled52.ul`
+import styled47 from "styled-components";
+var List9 = styled47.ul`
   list-style: none;
   padding: 0;
   margin: 0;
 `;
-var Item11 = styled52.li`
+var Item9 = styled47.li`
   position: relative;
   font-size: 0.875rem;
 
@@ -8155,7 +6727,7 @@ var Item11 = styled52.li`
     margin-top: ${size(0.5)};
   }
 `;
-var Icon6 = styled52.div.attrs(() => ({
+var Icon6 = styled47.div.attrs(() => ({
   className: "wayke__theme wayke__color--primary-text"
 }))`
   position: absolute;
@@ -8163,52 +6735,52 @@ var Icon6 = styled52.div.attrs(() => ({
   top: 4px; // Magic number
   font-size: 0.875em;
 `;
-var Label10 = styled52.div`
+var Label10 = styled47.div`
   padding-left: calc(1em + ${size(1)});
 `;
 
 // src/components/CheckMarkList/index.tsx
-var CheckMarkListItem = ({ children }) => /* @__PURE__ */ React78.createElement(Item11, null, /* @__PURE__ */ React78.createElement(Icon6, null, /* @__PURE__ */ React78.createElement(IconCheck, {
+var CheckMarkListItem = ({ children }) => /* @__PURE__ */ React64.createElement(Item9, null, /* @__PURE__ */ React64.createElement(Icon6, null, /* @__PURE__ */ React64.createElement(IconCheck, {
   block: true
-})), /* @__PURE__ */ React78.createElement(Label10, null, children));
-var CheckMarkList = ({ children }) => /* @__PURE__ */ React78.createElement(List9, null, children);
+})), /* @__PURE__ */ React64.createElement(Label10, null, children));
+var CheckMarkList = ({ children }) => /* @__PURE__ */ React64.createElement(List9, null, children);
 var CheckMarkList_default = CheckMarkList;
 
 // src/components/SwitchBar/index.tsx
-import React79, { useState as useState26, useCallback as useCallback29 } from "react";
+import React65, { useState as useState19, useCallback as useCallback25 } from "react";
 
 // src/components/SwitchBar/wrapper.tsx
-import styled53 from "styled-components";
-var Wrapper30 = styled53.div`
+import styled48 from "styled-components";
+var Wrapper26 = styled48.div`
   padding: ${size(1.5)} ${size(2)};
   background-color: ${(props) => props.theme.color.accentDark};
   border-radius: 3px;
   font-size: 0.875rem;
 `;
-var Header6 = styled53.div`
+var Header6 = styled48.div`
   display: flex;
   align-items: center;
 `;
-var Body5 = styled53.div`
+var Body5 = styled48.div`
   font-size: 0.875rem;
   margin-top: ${size(1)};
 `;
-var Info3 = styled53.div`
+var Info3 = styled48.div`
   flex: 1 1 auto;
   display: flex;
   align-items: center;
 `;
-var Action7 = styled53.div`
+var Action7 = styled48.div`
   flex-shrink: 0;
   padding-left: ${size(1.5)};
   font-size: 0.875rem;
 `;
-var InfoContent = styled53.div`
+var InfoContent = styled48.div`
   & + & {
     margin-left: ${size(0.75)};
   }
 `;
-var InfoBtn2 = styled53(ButtonReset).attrs(() => ({
+var InfoBtn2 = styled48(ButtonReset).attrs(() => ({
   className: "wayke__theme wayke__color--primary-text"
 }))`
   position: relative;
@@ -8242,7 +6814,7 @@ var InfoBtn2 = styled53(ButtonReset).attrs(() => ({
     transform: scale(0.95);
   }
 `;
-var Title2 = styled53.div.attrs(() => ({
+var Title2 = styled48.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   font-size: 1rem;
@@ -8250,17 +6822,17 @@ var Title2 = styled53.div.attrs(() => ({
 
 // src/components/SwitchBar/index.tsx
 var SwitchBar = ({ title, body, actionTitle, children, onClick }) => {
-  const [info, setInfo] = useState26(false);
-  const onToggleInfo = useCallback29(() => setInfo(!info), [info]);
-  return /* @__PURE__ */ React79.createElement(React79.Fragment, null, /* @__PURE__ */ React79.createElement(Wrapper30, null, /* @__PURE__ */ React79.createElement(Header6, null, /* @__PURE__ */ React79.createElement(Info3, null, /* @__PURE__ */ React79.createElement(InfoContent, null, /* @__PURE__ */ React79.createElement(Title2, null, title)), children && /* @__PURE__ */ React79.createElement(InfoContent, null, /* @__PURE__ */ React79.createElement(InfoBtn2, {
+  const [info, setInfo] = useState19(false);
+  const onToggleInfo = useCallback25(() => setInfo(!info), [info]);
+  return /* @__PURE__ */ React65.createElement(React65.Fragment, null, /* @__PURE__ */ React65.createElement(Wrapper26, null, /* @__PURE__ */ React65.createElement(Header6, null, /* @__PURE__ */ React65.createElement(Info3, null, /* @__PURE__ */ React65.createElement(InfoContent, null, /* @__PURE__ */ React65.createElement(Title2, null, title)), children && /* @__PURE__ */ React65.createElement(InfoContent, null, /* @__PURE__ */ React65.createElement(InfoBtn2, {
     onClick: onToggleInfo,
     title: "Mer information"
-  }, /* @__PURE__ */ React79.createElement(IconInfo, {
+  }, /* @__PURE__ */ React65.createElement(IconInfo, {
     block: true
-  })))), actionTitle && /* @__PURE__ */ React79.createElement(Action7, null, /* @__PURE__ */ React79.createElement(ButtonInline, {
+  })))), actionTitle && /* @__PURE__ */ React65.createElement(Action7, null, /* @__PURE__ */ React65.createElement(ButtonInline, {
     onClick,
     title: actionTitle
-  }, actionTitle))), body && /* @__PURE__ */ React79.createElement(Body5, null, body)), info && /* @__PURE__ */ React79.createElement(Modal_default, {
+  }, actionTitle))), body && /* @__PURE__ */ React65.createElement(Body5, null, body)), info && /* @__PURE__ */ React65.createElement(Modal_default, {
     title,
     onClose: onToggleInfo
   }, children));
@@ -8268,7 +6840,7 @@ var SwitchBar = ({ title, body, actionTitle, children, onClick }) => {
 var SwitchBar_default = SwitchBar;
 
 // src/layouts/searchItem/BranchModal.tsx
-import React80, { useState as useState27, useCallback as useCallback30, useContext as useContext3 } from "react";
+import React66, { useState as useState20, useCallback as useCallback26, useContext as useContext3 } from "react";
 
 // src/State/CentralStorage/CentralStorageContext.ts
 import { createContext as createContext3 } from "react";
@@ -8280,23 +6852,23 @@ var CentralStorageContext = createContext3({
 // src/layouts/searchItem/BranchModal.tsx
 var BranchModal = ({ loading, connections, onClose }) => {
   const { centralStorageId, setCentralStorageId } = useContext3(CentralStorageContext);
-  const [localValue, setLocalValue] = useState27(centralStorageId);
-  const onConfirm = useCallback30((id) => {
+  const [localValue, setLocalValue] = useState20(centralStorageId);
+  const onConfirm = useCallback26((id) => {
     if (id) {
       setCentralStorageId(id);
     }
   }, []);
-  const onChange = useCallback30(
+  const onChange = useCallback26(
     (e) => setLocalValue(e.currentTarget.value),
     []
   );
   if (!localValue) {
     return null;
   }
-  return /* @__PURE__ */ React80.createElement(Modal_default, {
+  return /* @__PURE__ */ React66.createElement(Modal_default, {
     title: "Byt anl\xE4ggning",
     onClose
-  }, /* @__PURE__ */ React80.createElement(Repeat, null, /* @__PURE__ */ React80.createElement(RepeatTiny, null, /* @__PURE__ */ React80.createElement(Content_default, null, /* @__PURE__ */ React80.createElement("p", null, "V\xE4lj den anl\xE4ggning du vill visa kontaktuppgifter f\xF6r."))), /* @__PURE__ */ React80.createElement(RepeatTiny, null, /* @__PURE__ */ React80.createElement(InputLabel_default, null, "V\xE4lj anl\xE4ggning"), /* @__PURE__ */ React80.createElement(InputSelect_default, {
+  }, /* @__PURE__ */ React66.createElement(Repeat, null, /* @__PURE__ */ React66.createElement(RepeatTiny, null, /* @__PURE__ */ React66.createElement(Content_default, null, /* @__PURE__ */ React66.createElement("p", null, "V\xE4lj den anl\xE4ggning du vill visa kontaktuppgifter f\xF6r."))), /* @__PURE__ */ React66.createElement(RepeatTiny, null, /* @__PURE__ */ React66.createElement(InputLabel_default, null, "V\xE4lj anl\xE4ggning"), /* @__PURE__ */ React66.createElement(InputSelect_default, {
     value: localValue,
     onChange,
     options: connections?.map((x) => ({
@@ -8304,27 +6876,27 @@ var BranchModal = ({ loading, connections, onClose }) => {
       displayName: x.name
     })),
     title: "V\xE4lj anl\xE4ggning"
-  }))), /* @__PURE__ */ React80.createElement(Repeat, null, /* @__PURE__ */ React80.createElement(ButtonPrimary, {
+  }))), /* @__PURE__ */ React66.createElement(Repeat, null, /* @__PURE__ */ React66.createElement(ButtonPrimary, {
     disabled: loading,
     fullWidth: true,
     onClick: () => onConfirm(localValue)
-  }, /* @__PURE__ */ React80.createElement(ButtonContent, null, "V\xE4lj"))));
+  }, /* @__PURE__ */ React66.createElement(ButtonContent, null, "V\xE4lj"))));
 };
 var BranchModal_default = BranchModal;
 
 // src/layouts/searchItem/PackageOptionModal.tsx
-import React81 from "react";
+import React67 from "react";
 import { marked as marked4 } from "marked";
-var PackageOptionModal = ({ packageOption, onClose }) => /* @__PURE__ */ React81.createElement(Modal_default, {
+var PackageOptionModal = ({ packageOption, onClose }) => /* @__PURE__ */ React67.createElement(Modal_default, {
   title: packageOption.title || "",
   onClose
-}, packageOption.image && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(LogoBox_default, {
+}, packageOption.image && /* @__PURE__ */ React67.createElement(Repeat, null, /* @__PURE__ */ React67.createElement(LogoBox_default, {
   logo: packageOption.image,
   alt: packageOption.title || void 0,
   wide: true
-})), packageOption.description && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(Content_default, {
+})), packageOption.description && /* @__PURE__ */ React67.createElement(Repeat, null, /* @__PURE__ */ React67.createElement(Content_default, {
   dangerouslySetInnerHTML: { __html: marked4(packageOption.description) }
-})), packageOption.link?.href && packageOption.link.title && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(ButtonInline, {
+})), packageOption.link?.href && packageOption.link.title && /* @__PURE__ */ React67.createElement(Repeat, null, /* @__PURE__ */ React67.createElement(ButtonInline, {
   as: "a",
   href: packageOption.link.href,
   target: "_blank",
@@ -8342,90 +6914,90 @@ var CheckList = ({
   toggleEcomModal,
   loadingCentralStorageVehicle
 }) => {
-  const [modalBranch, setModalBranch] = useState28(false);
-  const openModalBranch = useCallback31(() => setModalBranch(true), []);
-  const closeModalBranch = useCallback31(() => setModalBranch(false), []);
-  const [modal, setModal] = useState28();
-  const onOpen = useCallback31((nextModal) => setModal(nextModal), []);
-  const onClose = useCallback31(() => setModal(void 0), []);
-  useEffect14(() => {
+  const [modalBranch, setModalBranch] = useState21(false);
+  const openModalBranch = useCallback27(() => setModalBranch(true), []);
+  const closeModalBranch = useCallback27(() => setModalBranch(false), []);
+  const [modal, setModal] = useState21();
+  const onOpen = useCallback27((nextModal) => setModal(nextModal), []);
+  const onClose = useCallback27(() => setModal(void 0), []);
+  useEffect9(() => {
     if ((branch || contact) && modalBranch) {
       setModalBranch(false);
     }
   }, [branch, contact]);
   const packageOption = manufacturer?.packageOption;
-  return /* @__PURE__ */ React82.createElement(React82.Fragment, null, modalBranch && /* @__PURE__ */ React82.createElement(BranchModal_default, {
+  return /* @__PURE__ */ React68.createElement(React68.Fragment, null, modalBranch && /* @__PURE__ */ React68.createElement(BranchModal_default, {
     loading: loadingCentralStorageVehicle,
     connections: branch?.connections,
     onClose: closeModalBranch
-  }), modal && /* @__PURE__ */ React82.createElement(PackageOptionModal_default, {
+  }), modal && /* @__PURE__ */ React68.createElement(PackageOptionModal_default, {
     packageOption: modal,
     onClose
-  }), /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(CheckMarkList_default, null, packageOption?.title && /* @__PURE__ */ React82.createElement(CheckMarkListItem, null, /* @__PURE__ */ React82.createElement(React82.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React82.createElement(ButtonInline, {
+  }), /* @__PURE__ */ React68.createElement(Repeat, null, /* @__PURE__ */ React68.createElement(CheckMarkList_default, null, packageOption?.title && /* @__PURE__ */ React68.createElement(CheckMarkListItem, null, /* @__PURE__ */ React68.createElement(React68.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React68.createElement(ButtonInline, {
     onClick: () => onOpen({
       title: packageOption?.title,
       image: packageOption?.image,
       description: packageOption?.description,
       link: packageOption?.link
     })
-  }, packageOption.title), " ", "begagnatgaranti")), packageOptions?.map((packageOption2, index2) => /* @__PURE__ */ React82.createElement(CheckMarkListItem, {
+  }, packageOption.title), " ", "begagnatgaranti")), packageOptions?.map((packageOption2, index2) => /* @__PURE__ */ React68.createElement(CheckMarkListItem, {
     key: packageOption2.title || index2
-  }, /* @__PURE__ */ React82.createElement(React82.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React82.createElement(ButtonInline, {
+  }, /* @__PURE__ */ React68.createElement(React68.Fragment, null, "Inkl.", " ", /* @__PURE__ */ React68.createElement(ButtonInline, {
     onClick: () => onOpen({
       title: packageOption2?.title,
       image: packageOption2?.image,
       description: packageOption2?.description,
       link: packageOption2?.link
     })
-  }, packageOption2.title)))), ecommerce?.withHomeDelivery && /* @__PURE__ */ React82.createElement(CheckMarkListItem, null, "Hemleverans"))), /* @__PURE__ */ React82.createElement(Repeat, null, ecommerce && ecommerce.enabled && /* @__PURE__ */ React82.createElement(RepeatTiny, null, /* @__PURE__ */ React82.createElement(ButtonPrimary, {
+  }, packageOption2.title)))), ecommerce?.withHomeDelivery && /* @__PURE__ */ React68.createElement(CheckMarkListItem, null, "Hemleverans"))), /* @__PURE__ */ React68.createElement(Repeat, null, ecommerce && ecommerce.enabled && /* @__PURE__ */ React68.createElement(RepeatTiny, null, /* @__PURE__ */ React68.createElement(ButtonPrimary, {
     disabled: !!ecommerce.reserved,
     fullWidth: true,
     onClick: toggleEcomModal
-  }, /* @__PURE__ */ React82.createElement(ButtonContent, null, "K\xF6p bilen online"))), ecommerce?.reserved && /* @__PURE__ */ React82.createElement(RepeatTiny, null, /* @__PURE__ */ React82.createElement(SwitchBar_default, {
+  }, /* @__PURE__ */ React68.createElement(ButtonContent, null, "K\xF6p bilen online"))), ecommerce?.reserved && /* @__PURE__ */ React68.createElement(RepeatTiny, null, /* @__PURE__ */ React68.createElement(SwitchBar_default, {
     title: "Bilen \xE4r reserverad",
     body: "Denna bil \xE4r reserverad av en annan k\xF6pare."
-  }, /* @__PURE__ */ React82.createElement(Content_default, null, /* @__PURE__ */ React82.createElement("p", null, "Denna bil \xE4r reserverad av en annan k\xF6pare.")))), /* @__PURE__ */ React82.createElement(ActionList_default, {
+  }, /* @__PURE__ */ React68.createElement(Content_default, null, /* @__PURE__ */ React68.createElement("p", null, "Denna bil \xE4r reserverad av en annan k\xF6pare.")))), /* @__PURE__ */ React68.createElement(ActionList_default, {
     branch,
     contact
-  })), (branch?.connections.length || 0) > 1 && /* @__PURE__ */ React82.createElement(Repeat, null, /* @__PURE__ */ React82.createElement(SwitchBar_default, {
+  })), (branch?.connections.length || 0) > 1 && /* @__PURE__ */ React68.createElement(Repeat, null, /* @__PURE__ */ React68.createElement(SwitchBar_default, {
     title: "Centrallagerbil",
     actionTitle: "Byt anl\xE4ggning",
     onClick: openModalBranch
-  }, /* @__PURE__ */ React82.createElement(Content_default, null, /* @__PURE__ */ React82.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar. Byt anl\xE4ggning f\xF6r att visa kontaktuppgifter till just den anl\xE4ggningen.")))));
+  }, /* @__PURE__ */ React68.createElement(Content_default, null, /* @__PURE__ */ React68.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar. Byt anl\xE4ggning f\xF6r att visa kontaktuppgifter till just den anl\xE4ggningen.")))));
 };
 var CheckList_default = CheckList;
 
 // src/layouts/searchItem/Related.tsx
-import React84, { useCallback as useCallback32 } from "react";
+import React70, { useCallback as useCallback28 } from "react";
 
 // src/components/SectionHeader/index.tsx
-import React83 from "react";
+import React69 from "react";
 
 // src/components/SectionHeader/wrapper.tsx
-import styled54 from "styled-components";
-var Wrapper31 = styled54.div`
+import styled49 from "styled-components";
+var Wrapper27 = styled49.div`
   display: flex;
   align-items: center;
 `;
-var Heading7 = styled54.div`
+var Heading7 = styled49.div`
   flex: 1 1 auto;
 `;
-var Action8 = styled54.div`
+var Action8 = styled49.div`
   flex-shrink: 0;
   padding-left: ${size(2)};
 `;
 
 // src/components/SectionHeader/index.tsx
-var SectionHeader = ({ children, onClick, actionTitle }) => /* @__PURE__ */ React83.createElement(Wrapper31, null, /* @__PURE__ */ React83.createElement(Heading7, null, children), onClick && actionTitle && /* @__PURE__ */ React83.createElement(Action8, null, /* @__PURE__ */ React83.createElement(ButtonClear, {
+var SectionHeader = ({ children, onClick, actionTitle }) => /* @__PURE__ */ React69.createElement(Wrapper27, null, /* @__PURE__ */ React69.createElement(Heading7, null, children), onClick && actionTitle && /* @__PURE__ */ React69.createElement(Action8, null, /* @__PURE__ */ React69.createElement(ButtonClear, {
   as: "a",
   href: "#",
   onClick
-}, /* @__PURE__ */ React83.createElement(ButtonContent, null, actionTitle))));
+}, /* @__PURE__ */ React69.createElement(ButtonContent, null, actionTitle))));
 var SectionHeader_default = SectionHeader;
 
 // src/components/OverflowGrid/index.tsx
-import styled55 from "styled-components";
-var OverflowGrid = styled55.div`
+import styled50 from "styled-components";
+var OverflowGrid = styled50.div`
   ${(props) => props.theme.breakpoint.LtMd} {
     ${Wrapper} & {
       margin-left: ${size(-3)};
@@ -8440,7 +7012,7 @@ var OverflowGrid = styled55.div`
     }
   }
 `;
-var OverflowGridList = styled55.ul`
+var OverflowGridList = styled50.ul`
   display: flex;
   align-items: flex-start;
   list-style: none;
@@ -8472,7 +7044,7 @@ var OverflowGridList = styled55.ul`
     }
   }
 `;
-var OverflowGridItem = styled55.li`
+var OverflowGridItem = styled50.li`
   flex: 1 0 auto;
   width: calc(100% - ${size(2)});
   max-width: calc(100% - ${size(2)});
@@ -8490,7 +7062,7 @@ var OverflowGridItem = styled55.li`
 `;
 
 // src/State/RelatedSearch/useRelatedSearch.ts
-import { useContext as useContext4, useEffect as useEffect15 } from "react";
+import { useContext as useContext4, useEffect as useEffect10 } from "react";
 
 // src/State/RelatedSearch/RelatedSearchContext.ts
 import { createContext as createContext4 } from "react";
@@ -8506,7 +7078,7 @@ var RelatedSearchContext = createContext4({
 // src/State/RelatedSearch/useRelatedSearch.ts
 var useRelatedSearch = (id) => {
   const data = useContext4(RelatedSearchContext);
-  useEffect15(() => {
+  useEffect10(() => {
     const searchParams = new URLSearchParams();
     searchParams.set("hits", "3");
     if (data.moreLikeThisUrl && id) {
@@ -8532,7 +7104,7 @@ var regexPathGuid = (path) => {
 // src/layouts/searchItem/Related.tsx
 var Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
   const { loading, response, moreLikeThisUrl } = useRelatedSearch_default(id);
-  const onItemClicked = useCallback32((id2) => {
+  const onItemClicked = useCallback28((id2) => {
     pubsub_default.publish("ItemClicked", id2);
     if (onClickSearchItem) {
       onClickSearchItem(id2);
@@ -8542,30 +7114,30 @@ var Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
     return null;
   }
   if (loading) {
-    return /* @__PURE__ */ React84.createElement(Loader_default, null);
+    return /* @__PURE__ */ React70.createElement(Loader_default, null);
   }
-  return /* @__PURE__ */ React84.createElement(PageSection, {
+  return /* @__PURE__ */ React70.createElement(PageSection, {
     accent: true,
     large: true,
     className: "wayke__theme wayke__color--accent-bg"
-  }, /* @__PURE__ */ React84.createElement(Container_default, null, moreLikeThisUrl ? /* @__PURE__ */ React84.createElement(Repeat, null, /* @__PURE__ */ React84.createElement(SectionHeader_default, {
+  }, /* @__PURE__ */ React70.createElement(Container_default, null, moreLikeThisUrl ? /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(SectionHeader_default, {
     onClick: () => {
     }
-  }, /* @__PURE__ */ React84.createElement(H2, {
+  }, /* @__PURE__ */ React70.createElement(H2, {
     noMargin: true
-  }, "Relaterade fordon"))) : /* @__PURE__ */ React84.createElement(Repeat, null, /* @__PURE__ */ React84.createElement(SectionHeader_default, {
+  }, "Relaterade fordon"))) : /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(SectionHeader_default, {
     onClick: () => {
     },
     actionTitle: "Visa alla"
-  }, /* @__PURE__ */ React84.createElement(H2, {
+  }, /* @__PURE__ */ React70.createElement(H2, {
     noMargin: true
-  }, "Senast inkomna"))), /* @__PURE__ */ React84.createElement(Repeat, null, /* @__PURE__ */ React84.createElement(OverflowGrid, null, /* @__PURE__ */ React84.createElement(OverflowGridList, null, response?.documentList.documents.map((document2) => {
+  }, "Senast inkomna"))), /* @__PURE__ */ React70.createElement(Repeat, null, /* @__PURE__ */ React70.createElement(OverflowGrid, null, /* @__PURE__ */ React70.createElement(OverflowGridList, null, response?.documentList.documents.map((document2) => {
     const prefix = pathRoute ? `/${pathRoute}` : "/";
     const r = regexPathGuid(pathRoute);
     const pathRouteUrl = window.location.pathname === "/" ? `${prefix}${document2._id}` : r.test(`${pathRoute}${id}`) ? window.location.pathname.replace(r, `${pathRoute}${document2._id}`) : `${window.location.pathname}${prefix}${document2._id}`;
-    return /* @__PURE__ */ React84.createElement(OverflowGridItem, {
+    return /* @__PURE__ */ React70.createElement(OverflowGridItem, {
       key: document2._id
-    }, /* @__PURE__ */ React84.createElement(ProductCard_default, {
+    }, /* @__PURE__ */ React70.createElement(ProductCard_default, {
       id: document2._id,
       onClick: onItemClicked,
       title: document2.title,
@@ -8595,24 +7167,24 @@ var Related = ({ id, hashRoute, pathRoute, onClickSearchItem }) => {
 var Related_default = Related;
 
 // src/layouts/searchItem/PackageOptions.tsx
-import React85 from "react";
+import React71 from "react";
 import { marked as marked5 } from "marked";
 var PackageOptions = ({ packageOptions }) => {
   if (!packageOptions) {
     return null;
   }
-  return /* @__PURE__ */ React85.createElement(React85.Fragment, null, packageOptions.map((packageOption, index2) => /* @__PURE__ */ React85.createElement(ProductPageMainSection, {
+  return /* @__PURE__ */ React71.createElement(React71.Fragment, null, packageOptions.map((packageOption, index2) => /* @__PURE__ */ React71.createElement(ProductPageMainSection, {
     key: packageOption.title || index2
-  }, /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(H2, {
+  }, /* @__PURE__ */ React71.createElement(Repeat, null, /* @__PURE__ */ React71.createElement(H2, {
     noMargin: true
-  }, packageOption.title)), packageOption.description && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(Content_default, {
+  }, packageOption.title)), packageOption.description && /* @__PURE__ */ React71.createElement(Repeat, null, /* @__PURE__ */ React71.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: marked5(packageOption.description) }
-  })), packageOption.link?.url && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(ButtonInline, {
+  })), packageOption.link?.url && /* @__PURE__ */ React71.createElement(Repeat, null, /* @__PURE__ */ React71.createElement(ButtonInline, {
     as: "a",
     href: packageOption.link.url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ React85.createElement(Repeat, null, /* @__PURE__ */ React85.createElement(LogoBox_default, {
+  }, packageOption.link.title ? packageOption.link.title : "L\xE4s mer (\xD6ppnas i ett nytt f\xF6nster)")), packageOption.image && /* @__PURE__ */ React71.createElement(Repeat, null, /* @__PURE__ */ React71.createElement(LogoBox_default, {
     logo: packageOption.image,
     alt: "Logotyp",
     wide: true
@@ -8621,31 +7193,31 @@ var PackageOptions = ({ packageOptions }) => {
 var PackageOptions_default = PackageOptions;
 
 // src/layouts/searchItem/Branch.tsx
-import React90, { useState as useState31, useCallback as useCallback35, useEffect as useEffect16 } from "react";
+import React76, { useState as useState24, useCallback as useCallback31, useEffect as useEffect11 } from "react";
 
 // src/components/TableColumn/index.tsx
-import styled56 from "styled-components";
-var TableColumn = styled56.div`
+import styled51 from "styled-components";
+var TableColumn = styled51.div`
   line-height: 1.2;
 `;
-var TableColumnRow = styled56.div`
+var TableColumnRow = styled51.div`
   display: flex;
   align-items: flex-start;
   margin: ${size(-1)};
 `;
-var TableColumnCell = styled56.div`
+var TableColumnCell = styled51.div`
   flex: 1 0 50%;
   padding: ${size(1)};
 `;
 
 // src/components/OpeningHours/index.tsx
-import React87, { useMemo as useMemo4 } from "react";
+import React73, { useMemo as useMemo4 } from "react";
 
 // src/components/Badge/index.tsx
-import React86 from "react";
+import React72 from "react";
 
 // src/components/Badge/wrapper.tsx
-import styled57 from "styled-components";
+import styled52 from "styled-components";
 var getBg = (severity) => {
   let bg = theme_default.color.textDark;
   if (severity === "positive") {
@@ -8655,7 +7227,7 @@ var getBg = (severity) => {
   }
   return bg;
 };
-var Wrapper32 = styled57.div.attrs(() => ({
+var Wrapper28 = styled52.div.attrs(() => ({
   className: "wayke__theme wayke__font--bold"
 }))`
   display: inline-block;
@@ -8668,7 +7240,7 @@ var Wrapper32 = styled57.div.attrs(() => ({
 `;
 
 // src/components/Badge/index.tsx
-var Badge = ({ label, severity }) => /* @__PURE__ */ React86.createElement(Wrapper32, {
+var Badge = ({ label, severity }) => /* @__PURE__ */ React72.createElement(Wrapper28, {
   severity
 }, label);
 var Badge_default = Badge;
@@ -8752,33 +7324,33 @@ var OpeningHours = ({ openingHours }) => {
   if (!oh) {
     return null;
   }
-  return /* @__PURE__ */ React87.createElement(React87.Fragment, null, /* @__PURE__ */ React87.createElement(RepeatSmall, null, /* @__PURE__ */ React87.createElement(Badge_default, {
+  return /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(RepeatSmall, null, /* @__PURE__ */ React73.createElement(Badge_default, {
     label: currentlyOpen ? "\xD6ppet" : "St\xE4ngt",
     severity: currentlyOpen ? "positive" : "negative"
-  })), /* @__PURE__ */ React87.createElement(RepeatSmall, null, /* @__PURE__ */ React87.createElement(TableColumn, null, /* @__PURE__ */ React87.createElement(TableColumnRow, null, /* @__PURE__ */ React87.createElement(TableColumnCell, null, /* @__PURE__ */ React87.createElement(UtilityTextBold, null, today?.title)), /* @__PURE__ */ React87.createElement(TableColumnCell, null, /* @__PURE__ */ React87.createElement(UtilityTextBold, null, today?.from ? `${today.from}-${today.until}` : "St\xE4ngt"))), oh.map((o) => /* @__PURE__ */ React87.createElement(TableColumnRow, {
+  })), /* @__PURE__ */ React73.createElement(RepeatSmall, null, /* @__PURE__ */ React73.createElement(TableColumn, null, /* @__PURE__ */ React73.createElement(TableColumnRow, null, /* @__PURE__ */ React73.createElement(TableColumnCell, null, /* @__PURE__ */ React73.createElement(UtilityTextBold, null, today?.title)), /* @__PURE__ */ React73.createElement(TableColumnCell, null, /* @__PURE__ */ React73.createElement(UtilityTextBold, null, today?.from ? `${today.from}-${today.until}` : "St\xE4ngt"))), oh.map((o) => /* @__PURE__ */ React73.createElement(TableColumnRow, {
     key: o.titleFrom
-  }, /* @__PURE__ */ React87.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom), /* @__PURE__ */ React87.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : "St\xE4ngt"))))));
+  }, /* @__PURE__ */ React73.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom), /* @__PURE__ */ React73.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : "St\xE4ngt"))))));
 };
 var OpeningHours_default = OpeningHours;
 
 // src/components/PhoneNumber/index.tsx
-import React88, { useState as useState29, useCallback as useCallback33 } from "react";
+import React74, { useState as useState22, useCallback as useCallback29 } from "react";
 var PhoneNumber = ({ phoneNumber }) => {
-  const [visible, setVisible] = useState29(false);
-  const onClick = useCallback33(() => !visible && setVisible(true), [visible]);
-  return /* @__PURE__ */ React88.createElement(TableColumnRow, null, /* @__PURE__ */ React88.createElement(TableColumnCell, null, "Telefonnummer"), /* @__PURE__ */ React88.createElement(TableColumnCell, null, visible ? /* @__PURE__ */ React88.createElement(ButtonInlineBold, {
+  const [visible, setVisible] = useState22(false);
+  const onClick = useCallback29(() => !visible && setVisible(true), [visible]);
+  return /* @__PURE__ */ React74.createElement(TableColumnRow, null, /* @__PURE__ */ React74.createElement(TableColumnCell, null, "Telefonnummer"), /* @__PURE__ */ React74.createElement(TableColumnCell, null, visible ? /* @__PURE__ */ React74.createElement(ButtonInlineBold, {
     as: "a",
     href: `tel:${phoneNumber}`,
     title: `Ring ${phoneNumber}`
-  }, /* @__PURE__ */ React88.createElement(ButtonContent, null, phoneNumber)) : /* @__PURE__ */ React88.createElement(ButtonInlineBold, {
+  }, /* @__PURE__ */ React74.createElement(ButtonContent, null, phoneNumber)) : /* @__PURE__ */ React74.createElement(ButtonInlineBold, {
     onClick,
     title: "Visa telefonnummer"
-  }, /* @__PURE__ */ React88.createElement(ButtonContent, null, "Visa telefonnummer"))));
+  }, /* @__PURE__ */ React74.createElement(ButtonContent, null, "Visa telefonnummer"))));
 };
 var PhoneNumber_default = PhoneNumber;
 
 // src/components/Map/index.tsx
-import React89, { useState as useState30, useCallback as useCallback34 } from "react";
+import React75, { useState as useState23, useCallback as useCallback30 } from "react";
 
 // src/State/Settings/useSettings.ts
 import { useContext as useContext5 } from "react";
@@ -8792,16 +7364,16 @@ var useSettings = () => useContext5(SettingsContext);
 var useSettings_default = useSettings;
 
 // src/components/Map/wrapper.tsx
-import styled58 from "styled-components";
-var Wrapper33 = styled58.a`
+import styled53 from "styled-components";
+var Wrapper29 = styled53.a`
   display: block;
 `;
-var Image4 = styled58.img`
+var Image3 = styled53.img`
   display: block;
   width: 100%;
   border-radius: 3px;
 `;
-var Placeholder = styled58.a`
+var Placeholder = styled53.a`
   display: block;
   position: relative;
   width: 100%;
@@ -8811,7 +7383,7 @@ var Placeholder = styled58.a`
   border-radius: 3px;
   color: ${(props) => props.theme.color.textDark};
 `;
-var PlaceholderAction = styled58.div`
+var PlaceholderAction = styled53.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -8821,8 +7393,8 @@ var PlaceholderAction = styled58.div`
 // src/components/Map/index.tsx
 var StaticMap = ({ position }) => {
   const { googleMapsApiKey, googleMapsMarker } = useSettings_default();
-  const [visible, setVisible] = useState30(false);
-  const onShowMap = useCallback34((e) => {
+  const [visible, setVisible] = useState23(false);
+  const onShowMap = useCallback30((e) => {
     if (googleMapsApiKey) {
       e.preventDefault();
       setVisible(true);
@@ -8833,33 +7405,33 @@ var StaticMap = ({ position }) => {
   }
   const { latitude, longitude } = position;
   if (visible && googleMapsApiKey) {
-    return /* @__PURE__ */ React89.createElement(Wrapper33, {
+    return /* @__PURE__ */ React75.createElement(Wrapper29, {
       href: `http://maps.google.com/maps?q=${latitude},${longitude}`,
       title: "Visa p\xE5 Google Maps",
       target: "_blank",
       rel: "nofollow noopener noreferrer"
-    }, /* @__PURE__ */ React89.createElement(Image4, {
+    }, /* @__PURE__ */ React75.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__ */ React89.createElement(Placeholder, {
+  return /* @__PURE__ */ React75.createElement(Placeholder, {
     href: `http://maps.google.com/maps?q=${latitude},${longitude}`,
     target: "_blank",
     rel: "noopener noreferrer nofollow",
     onClick: onShowMap
-  }, /* @__PURE__ */ React89.createElement(PlaceholderAction, null, /* @__PURE__ */ React89.createElement(ButtonSecondary, {
+  }, /* @__PURE__ */ React75.createElement(PlaceholderAction, null, /* @__PURE__ */ React75.createElement(ButtonSecondary, {
     as: "div"
-  }, /* @__PURE__ */ React89.createElement(ButtonContent, null, "Visa karta"))));
+  }, /* @__PURE__ */ React75.createElement(ButtonContent, null, "Visa karta"))));
 };
 var Map_default = StaticMap;
 
 // src/layouts/searchItem/Branch.tsx
 var Branch2 = ({ branch, loading }) => {
-  const [modal, setModal] = useState31(false);
-  const openModal = useCallback35(() => setModal(true), []);
-  const closeModal = useCallback35(() => setModal(false), []);
-  useEffect16(() => {
+  const [modal, setModal] = useState24(false);
+  const openModal = useCallback31(() => setModal(true), []);
+  const closeModal = useCallback31(() => setModal(false), []);
+  useEffect11(() => {
     if (branch && modal) {
       setModal(false);
     }
@@ -8867,29 +7439,29 @@ var Branch2 = ({ branch, loading }) => {
   if (!branch) {
     return null;
   }
-  return /* @__PURE__ */ React90.createElement(React90.Fragment, null, modal && /* @__PURE__ */ React90.createElement(BranchModal_default, {
+  return /* @__PURE__ */ React76.createElement(React76.Fragment, null, modal && /* @__PURE__ */ React76.createElement(BranchModal_default, {
     loading,
     connections: branch?.connections,
     onClose: closeModal
-  }), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(H2, {
+  }), /* @__PURE__ */ React76.createElement(Repeat, null, /* @__PURE__ */ React76.createElement(H2, {
     noMargin: true
-  }, branch?.location?.city ? `Den h\xE4r bilen finns p\xE5 v\xE5r anl\xE4ggning i ${branch?.location?.city}` : "Kontakt")), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(Map_default, {
+  }, branch?.location?.city ? `Den h\xE4r bilen finns p\xE5 v\xE5r anl\xE4ggning i ${branch?.location?.city}` : "Kontakt")), /* @__PURE__ */ React76.createElement(Repeat, null, /* @__PURE__ */ React76.createElement(Map_default, {
     position: branch?.location?.position
-  })), (branch?.connections?.length || 0) > 1 && /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(Content_default, null, /* @__PURE__ */ React90.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar.", " ", /* @__PURE__ */ React90.createElement(ButtonInline, {
+  })), (branch?.connections?.length || 0) > 1 && /* @__PURE__ */ React76.createElement(Repeat, null, /* @__PURE__ */ React76.createElement(Content_default, null, /* @__PURE__ */ React76.createElement("p", null, "Denna bil tillh\xF6r ett centrallager och g\xE5r att k\xF6pa genom flera anl\xE4ggningar.", " ", /* @__PURE__ */ React76.createElement(ButtonInline, {
     as: "span",
     role: "button",
     onClick: openModal,
     inline: true
-  }, "Klicka h\xE4r f\xF6r att visa kontaktuppgifter till en annan anl\xE4ggning"), "."))), /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(ProductPageContentLimit, null, /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(TableColumn, null, branch?.location?.streetAddress && branch?.location?.city && /* @__PURE__ */ React90.createElement(TableColumnRow, null, /* @__PURE__ */ React90.createElement(TableColumnCell, null, "Adress"), /* @__PURE__ */ React90.createElement(TableColumnCell, null, /* @__PURE__ */ React90.createElement(ButtonInlineBold, null, /* @__PURE__ */ React90.createElement(ButtonContent, null, `${branch?.location?.streetAddress}, ${branch?.location?.city}`)))), branch?.contact?.phonenumber && /* @__PURE__ */ React90.createElement(PhoneNumber_default, {
+  }, "Klicka h\xE4r f\xF6r att visa kontaktuppgifter till en annan anl\xE4ggning"), "."))), /* @__PURE__ */ React76.createElement(Repeat, null, /* @__PURE__ */ React76.createElement(ProductPageContentLimit, null, /* @__PURE__ */ React76.createElement(Repeat, null, /* @__PURE__ */ React76.createElement(TableColumn, null, branch?.location?.streetAddress && branch?.location?.city && /* @__PURE__ */ React76.createElement(TableColumnRow, null, /* @__PURE__ */ React76.createElement(TableColumnCell, null, "Adress"), /* @__PURE__ */ React76.createElement(TableColumnCell, null, /* @__PURE__ */ React76.createElement(ButtonInlineBold, null, /* @__PURE__ */ React76.createElement(ButtonContent, null, `${branch?.location?.streetAddress}, ${branch?.location?.city}`)))), branch?.contact?.phonenumber && /* @__PURE__ */ React76.createElement(PhoneNumber_default, {
     phoneNumber: formatPhonenumber(branch.contact.phonenumber)
-  }))), branch?.openingHours && /* @__PURE__ */ React90.createElement(Repeat, null, /* @__PURE__ */ React90.createElement(OpeningHours_default, {
+  }))), branch?.openingHours && /* @__PURE__ */ React76.createElement(Repeat, null, /* @__PURE__ */ React76.createElement(OpeningHours_default, {
     openingHours: branch.openingHours
   })))));
 };
 var Branch_default = Branch2;
 
 // src/State/CentralStorage/useCentralStorage.ts
-import { useContext as useContext6, useEffect as useEffect17 } from "react";
+import { useContext as useContext6, useEffect as useEffect12 } from "react";
 
 // src/hooks/useSearchItemBranch.ts
 import { useQuery as useQuery4 } from "@apollo/client";
@@ -9026,7 +7598,7 @@ var useCentralStorage = (vehicle) => {
   const connections = vehicle?.branch?.connections;
   const branchId = centralStorageId ? connections?.find((x) => x.id === centralStorageId)?.id : void 0;
   const { data, loading } = useSearchItemBranch_default(vehicle?.id, branchId);
-  useEffect17(() => {
+  useEffect12(() => {
     if ((connections?.length || 0) > 0) {
       const match = centralStorageId ? connections?.find((x) => x.id === centralStorageId) : void 0;
       if (!match) {
@@ -9045,23 +7617,23 @@ var useCentralStorage = (vehicle) => {
 var useCentralStorage_default = useCentralStorage;
 
 // src/layouts/searchItem/Page404.tsx
-import React91 from "react";
-var Page404 = () => /* @__PURE__ */ React91.createElement(Page, null, /* @__PURE__ */ React91.createElement(PageSection, {
+import React77 from "react";
+var Page404 = () => /* @__PURE__ */ React77.createElement(Page, null, /* @__PURE__ */ React77.createElement(PageSection, {
   large: true
-}, /* @__PURE__ */ React91.createElement(Container_default, null, /* @__PURE__ */ React91.createElement(H1, {
+}, /* @__PURE__ */ React77.createElement(Container_default, null, /* @__PURE__ */ React77.createElement(H1, {
   noMargin: true
 }, "404"))));
 var Page404_default = Page404;
 
 // src/layouts/searchItem/PageLoading.tsx
-import React92 from "react";
-var PageLoading = () => /* @__PURE__ */ React92.createElement(Page, null, /* @__PURE__ */ React92.createElement(PageSection, {
+import React78 from "react";
+var PageLoading = () => /* @__PURE__ */ React78.createElement(Page, null, /* @__PURE__ */ React78.createElement(PageSection, {
   large: true
-}, /* @__PURE__ */ React92.createElement(Container_default, null, /* @__PURE__ */ React92.createElement(Loader_default, null))));
+}, /* @__PURE__ */ React78.createElement(Container_default, null, /* @__PURE__ */ React78.createElement(Loader_default, null))));
 var PageLoading_default = PageLoading;
 
 // src/layouts/searchItem/Property.tsx
-import React95, { useCallback as useCallback37, useEffect as useEffect18, useMemo as useMemo5, useState as useState33 } from "react";
+import React81, { useCallback as useCallback33, useEffect as useEffect13, useMemo as useMemo5, useState as useState26 } from "react";
 
 // src/utils/vehicle-properties/property-tree-creator.ts
 var _PropertyTreeCreator = class {
@@ -9554,11 +8126,11 @@ var property_remover_default = (properties) => {
 };
 
 // src/layouts/searchItem/MetadataItem.tsx
-import React93, { useState as useState32, useCallback as useCallback36 } from "react";
+import React79, { useState as useState25, useCallback as useCallback32 } from "react";
 
 // src/components/TableList/index.tsx
-import styled59 from "styled-components";
-var TableList = styled59.ul`
+import styled54 from "styled-components";
+var TableList = styled54.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -9566,7 +8138,7 @@ var TableList = styled59.ul`
   border-bottom: 1px solid ${(props) => props.theme.color.border};
   font-size: 0.875rem;
 `;
-var TableListItem = styled59.li`
+var TableListItem = styled54.li`
   display: flex;
   align-items: center;
   padding: ${size(1)} 0;
@@ -9575,30 +8147,30 @@ var TableListItem = styled59.li`
     border-top: 1px solid ${(props) => props.theme.color.border};
   }
 `;
-var TableListKey = styled59.div`
+var TableListKey = styled54.div`
   flex: 1 1 auto;
 `;
-var TableListValue = styled59.div`
+var TableListValue = styled54.div`
   flex-shrink: 0;
   padding-left: ${size(1)};
 `;
-var TableListBooleanPos = styled59.div`
+var TableListBooleanPos = styled54.div`
   color: ${(props) => props.theme.color.ui.positive};
 `;
-var TableListBooleanNeg = styled59.div`
+var TableListBooleanNeg = styled54.div`
   color: ${(props) => props.theme.color.ui.negative};
 `;
 
 // src/layouts/searchItem/MetadataItem.tsx
 var formatValue = (value, unit) => {
   if (typeof value === "boolean") {
-    return value ? /* @__PURE__ */ React93.createElement(TableListBooleanPos, {
+    return value ? /* @__PURE__ */ React79.createElement(TableListBooleanPos, {
       title: "Ja"
-    }, /* @__PURE__ */ React93.createElement(SrOnly, null, "Ja"), /* @__PURE__ */ React93.createElement(IconCheck, {
+    }, /* @__PURE__ */ React79.createElement(SrOnly, null, "Ja"), /* @__PURE__ */ React79.createElement(IconCheck, {
       block: true
-    })) : /* @__PURE__ */ React93.createElement(TableListBooleanNeg, {
+    })) : /* @__PURE__ */ React79.createElement(TableListBooleanNeg, {
       title: "Nej"
-    }, /* @__PURE__ */ React93.createElement(SrOnly, null, "Nej"), /* @__PURE__ */ React93.createElement(IconCancel, {
+    }, /* @__PURE__ */ React79.createElement(SrOnly, null, "Nej"), /* @__PURE__ */ React79.createElement(IconCancel, {
       block: true
     }));
   }
@@ -9611,27 +8183,27 @@ var formatValue = (value, unit) => {
   return value;
 };
 var MetadataItem = ({ name, hint, value, unit }) => {
-  const [foldout, setFoldout] = useState32(false);
-  const onToggleFoldout = useCallback36(() => setFoldout(!foldout), [foldout]);
+  const [foldout, setFoldout] = useState25(false);
+  const onToggleFoldout = useCallback32(() => setFoldout(!foldout), [foldout]);
   const presentedValue = formatValue(value, unit);
-  return /* @__PURE__ */ React93.createElement(TableListItem, null, /* @__PURE__ */ React93.createElement(TableListKey, null, hint ? /* @__PURE__ */ React93.createElement(ButtonInline, {
+  return /* @__PURE__ */ React79.createElement(TableListItem, null, /* @__PURE__ */ React79.createElement(TableListKey, null, hint ? /* @__PURE__ */ React79.createElement(ButtonInline, {
     onClick: onToggleFoldout,
     title: `Mer information om ${name}`
-  }, name) : name), /* @__PURE__ */ React93.createElement(TableListValue, null, value !== void 0 ? presentedValue : "Uppgift saknas"), hint && foldout && /* @__PURE__ */ React93.createElement(Modal_default, {
+  }, name) : name), /* @__PURE__ */ React79.createElement(TableListValue, null, value !== void 0 ? presentedValue : "Uppgift saknas"), hint && foldout && /* @__PURE__ */ React79.createElement(Modal_default, {
     title: name,
     onClose: onToggleFoldout
-  }, /* @__PURE__ */ React93.createElement(Content_default, {
+  }, /* @__PURE__ */ React79.createElement(Content_default, {
     dangerouslySetInnerHTML: { __html: hint }
   })));
 };
 var MetadataItem_default = MetadataItem;
 
 // src/components/Tabs/index.tsx
-import * as React94 from "react";
+import * as React80 from "react";
 
 // src/components/Tabs/wrapper.tsx
-import styled60, { css as css15 } from "styled-components";
-var Wrapper34 = styled60.div`
+import styled55, { css as css14 } from "styled-components";
+var Wrapper30 = styled55.div`
   overflow: hidden;
   margin-top: ${size(-1)};
   margin-left: ${size(-1)};
@@ -9642,7 +8214,7 @@ var Wrapper34 = styled60.div`
     margin-right: ${size(-2)};
   }
 `;
-var List10 = styled60.ul`
+var List10 = styled55.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -9656,12 +8228,12 @@ var List10 = styled60.ul`
     padding-right: ${size(1)};
   }
 `;
-var Item12 = styled60.li`
+var Item10 = styled55.li`
   display: inline-block;
   vertical-align: bottom;
   font-size: 1rem;
 `;
-var Action9 = styled60(ButtonReset).attrs(() => ({
+var Action9 = styled55(ButtonReset).attrs(() => ({
   role: "tab",
   className: "wayke__theme wayke__font--bold"
 }))`
@@ -9687,7 +8259,7 @@ var Action9 = styled60(ButtonReset).attrs(() => ({
     z-index: 1;
   }
 
-  ${(props) => props.active && css15`
+  ${(props) => props.active && css14`
       color: ${(props2) => props2.theme.color.textDark};
 
       :after {
@@ -9697,9 +8269,9 @@ var Action9 = styled60(ButtonReset).attrs(() => ({
 `;
 
 // src/components/Tabs/index.tsx
-var Tabs = ({ tabs, active, onClick }) => /* @__PURE__ */ React94.createElement(Wrapper34, null, /* @__PURE__ */ React94.createElement(List10, null, tabs.map((tab) => /* @__PURE__ */ React94.createElement(Item12, {
+var Tabs = ({ tabs, active, onClick }) => /* @__PURE__ */ React80.createElement(Wrapper30, null, /* @__PURE__ */ React80.createElement(List10, null, tabs.map((tab) => /* @__PURE__ */ React80.createElement(Item10, {
   key: tab.name
-}, /* @__PURE__ */ React94.createElement(Action9, {
+}, /* @__PURE__ */ React80.createElement(Action9, {
   title: tab.displayName,
   onClick: onClick ? () => onClick(tab.name) : void 0,
   active: tab.name === active ? "true" : void 0
@@ -9707,30 +8279,30 @@ var Tabs = ({ tabs, active, onClick }) => /* @__PURE__ */ React94.createElement(
 var Tabs_default = Tabs;
 
 // src/layouts/searchItem/Property.tsx
-var MetadataSubCategory = ({ name, properties }) => /* @__PURE__ */ React95.createElement(Repeat, null, /* @__PURE__ */ React95.createElement(H5, {
+var MetadataSubCategory = ({ name, properties }) => /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(H5, {
   as: "h3"
-}, name), /* @__PURE__ */ React95.createElement(TableList, null, !!properties.length && properties.map((property, index2) => /* @__PURE__ */ React95.createElement(MetadataItem_default, {
+}, name), /* @__PURE__ */ React81.createElement(TableList, null, !!properties.length && properties.map((property, index2) => /* @__PURE__ */ React81.createElement(MetadataItem_default, {
   name: property.name,
   hint: property.hint,
   value: property.value,
   unit: property.unit,
   key: `${property.name}-${index2}`
 }))));
-var MetadataCategory = ({ properties, subCategories }) => /* @__PURE__ */ React95.createElement("div", {
+var MetadataCategory = ({ properties, subCategories }) => /* @__PURE__ */ React81.createElement("div", {
   className: "tab-section"
-}, !!properties.length && /* @__PURE__ */ React95.createElement(Repeat, null, /* @__PURE__ */ React95.createElement(TableList, null, properties.map((property, index2) => /* @__PURE__ */ React95.createElement(MetadataItem_default, {
+}, !!properties.length && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(TableList, null, properties.map((property, index2) => /* @__PURE__ */ React81.createElement(MetadataItem_default, {
   name: property.name,
   hint: property.hint,
   value: property.value,
   unit: property.unit,
   key: `${property.name}-${index2}`
-})))), !!subCategories.length && subCategories.map((subCategory, index2) => /* @__PURE__ */ React95.createElement(MetadataSubCategory, {
+})))), !!subCategories.length && subCategories.map((subCategory, index2) => /* @__PURE__ */ React81.createElement(MetadataSubCategory, {
   name: subCategory.name,
   properties: subCategory.properties,
   key: `${subCategory.name}-${index2}`
 })));
 var PropertySet = ({ propertySet, vehicleData }) => {
-  const [activeCategoryId, setActiveCategoryId] = useState33(-1);
+  const [activeCategoryId, setActiveCategoryId] = useState26(-1);
   const mappedProperties = useMemo5(() => {
     if (!propertySet) {
       return void 0;
@@ -9742,24 +8314,24 @@ var PropertySet = ({ propertySet, vehicleData }) => {
     property_tree_sorter_default(tree);
     return tree;
   }, [propertySet]);
-  useEffect18(() => {
+  useEffect13(() => {
     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 = useCallback37((id) => setActiveCategoryId(parseInt(id, 10)), []);
+  const onTab = useCallback33((id) => setActiveCategoryId(parseInt(id, 10)), []);
   const activeCategory = mappedProperties?.categories?.find(
     (category) => category.id === activeCategoryId
   );
-  return /* @__PURE__ */ React95.createElement(React95.Fragment, null, /* @__PURE__ */ React95.createElement(Repeat, null, /* @__PURE__ */ React95.createElement(Tabs_default, {
+  return /* @__PURE__ */ React81.createElement(React81.Fragment, null, /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(Tabs_default, {
     tabs: mappedProperties?.categories?.map((category) => ({
       name: `${category.id}`,
       displayName: category.name
     })) || [],
     active: `${activeCategoryId}`,
     onClick: onTab
-  })), activeCategory && /* @__PURE__ */ React95.createElement(Repeat, null, /* @__PURE__ */ React95.createElement(MetadataCategory, {
+  })), activeCategory && /* @__PURE__ */ React81.createElement(Repeat, null, /* @__PURE__ */ React81.createElement(MetadataCategory, {
     properties: activeCategory.properties,
     subCategories: activeCategory.subCategories
   })));
@@ -9767,11 +8339,11 @@ var PropertySet = ({ propertySet, vehicleData }) => {
 var Property_default = PropertySet;
 
 // src/components/Pdf/index.tsx
-import React96 from "react";
+import React82 from "react";
 
 // src/components/Pdf/wrapper.tsx
-import styled61 from "styled-components";
-var PdfListItem = styled61.li.attrs(() => ({
+import styled56 from "styled-components";
+var PdfListItem = styled56.li.attrs(() => ({
   className: "wayke__theme wayke__color--primary-text"
 }))`
   flex: 0 0 50%;
@@ -9781,14 +8353,14 @@ var PdfListItem = styled61.li.attrs(() => ({
     flex: 0 0 100%;
   }
 `;
-var PdfContainer = styled61.ul`
+var PdfContainer = styled56.ul`
   list-style: none;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   margin: ${size(-1)};
 `;
-var PdfLink = styled61.a.attrs(() => ({
+var PdfLink = styled56.a.attrs(() => ({
   className: "wayke__theme wayke__color--primary-text wayke__font--bold"
 }))`
   text-decoration: none;
@@ -9802,19 +8374,19 @@ var PdfLink = styled61.a.attrs(() => ({
     height: 100%;
   }
 `;
-var PdfTitle = styled61.div`
+var PdfTitle = styled56.div`
   color: ${(props) => props.theme.color.textDark};
 `;
-var PdfSubtitle = styled61.div`
+var PdfSubtitle = styled56.div`
   color: ${(props) => props.theme.color.textDarkLighten};
 `;
-var PdfColumn = styled61.div`
+var PdfColumn = styled56.div`
   flex 0 0 auto;
   &:first-child {
     flex: 1 1 auto;
   }
 `;
-var PdfListInner = styled61.div`
+var PdfListInner = styled56.div`
   position: relative;
   border: 1px solid ${(props) => props.theme.color.border};
   padding: ${size(1.5)};
@@ -9826,12 +8398,12 @@ var PdfListInner = styled61.div`
 `;
 
 // src/components/Pdf/index.tsx
-var PdfDownloadItem = ({ document: document2 }) => /* @__PURE__ */ React96.createElement(PdfListItem, null, /* @__PURE__ */ React96.createElement(PdfListInner, null, /* @__PURE__ */ React96.createElement(PdfColumn, null, /* @__PURE__ */ React96.createElement(PdfTitle, null, document2.name), /* @__PURE__ */ React96.createElement(PdfSubtitle, null, document2.contentType)), /* @__PURE__ */ React96.createElement(PdfColumn, null, /* @__PURE__ */ React96.createElement(PdfLink, {
+var PdfDownloadItem = ({ document: document2 }) => /* @__PURE__ */ React82.createElement(PdfListItem, null, /* @__PURE__ */ React82.createElement(PdfListInner, null, /* @__PURE__ */ React82.createElement(PdfColumn, null, /* @__PURE__ */ React82.createElement(PdfTitle, null, document2.name), /* @__PURE__ */ React82.createElement(PdfSubtitle, null, document2.contentType)), /* @__PURE__ */ React82.createElement(PdfColumn, null, /* @__PURE__ */ React82.createElement(PdfLink, {
   href: document2.url,
   rel: "noopener noreferrer nofollow",
   target: "_blank"
 }, "\xD6ppna"))));
-var PdfDownloadContainer = ({ documents }) => /* @__PURE__ */ React96.createElement(PdfContainer, null, documents.map((document2, i) => /* @__PURE__ */ React96.createElement(PdfDownloadItem, {
+var PdfDownloadContainer = ({ documents }) => /* @__PURE__ */ React82.createElement(PdfContainer, null, documents.map((document2, i) => /* @__PURE__ */ React82.createElement(PdfDownloadItem, {
   key: `${document2.url}-${i}`,
   document: document2
 })));
@@ -9848,10 +8420,10 @@ var WaykeSearchItem = ({
   onClickSearchItem
 }) => {
   const { ecomSettings } = useSettings_default();
-  const ecomContext = useRef4();
+  const ecomContext = useRef3();
   const { loading, data: result } = useSearchItem_default(id);
   const { vehicle: centralStorageVehicle, loading: loadingCentralStorageVehicle } = useCentralStorage_default(result?.vehicle);
-  useEffect19(() => {
+  useEffect14(() => {
     if (ecomSettings) {
       ecomContext.current = new WaykeEcomWeb({
         id,
@@ -9873,12 +8445,12 @@ var WaykeSearchItem = ({
       }
     };
   }, []);
-  useEffect19(() => {
+  useEffect14(() => {
     if (!disableResetScrollOnInit) {
       window.scrollTo(0, 0);
     }
   }, []);
-  useEffect19(() => {
+  useEffect14(() => {
     if (result?.vehicle?.data && modifyDocumentTitleItem) {
       const { vehicle: vehicle2 } = result;
       const { registrationNumber } = vehicle2.data;
@@ -9889,12 +8461,12 @@ var WaykeSearchItem = ({
     () => result?.vehicle?.data?.options?.filter(notEmpty).map((opt) => ({ title: opt })),
     [result?.vehicle?.data?.options]
   );
-  const onShowMoreOptionsClick = useCallback38(() => pubsub_default.publish("OptionsClick"), []);
+  const onShowMoreOptionsClick = useCallback34(() => pubsub_default.publish("OptionsClick"), []);
   if (loading) {
-    return /* @__PURE__ */ React97.createElement(PageLoading_default, null);
+    return /* @__PURE__ */ React83.createElement(PageLoading_default, null);
   }
   if (!result?.vehicle?.data) {
-    return /* @__PURE__ */ React97.createElement(Page404_default, null);
+    return /* @__PURE__ */ React83.createElement(Page404_default, null);
   }
   const { vehicle } = result;
   const contact = centralStorageVehicle?.contact;
@@ -9928,40 +8500,40 @@ var WaykeSearchItem = ({
   if (fuelType) {
     uspList.push({ title: fuelType });
   }
-  return /* @__PURE__ */ React97.createElement(React97.Fragment, null, /* @__PURE__ */ React97.createElement(Page, null, /* @__PURE__ */ React97.createElement(PageSection, {
+  return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(Page, null, /* @__PURE__ */ React83.createElement(PageSection, {
     large: true
-  }, /* @__PURE__ */ React97.createElement(Container_default, null, /* @__PURE__ */ React97.createElement(ProductPage, null, /* @__PURE__ */ React97.createElement(ProductPageAside, null, /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
+  }, /* @__PURE__ */ React83.createElement(Container_default, null, /* @__PURE__ */ React83.createElement(ProductPage, null, /* @__PURE__ */ React83.createElement(ProductPageAside, null, /* @__PURE__ */ React83.createElement(ProductPageAsideSection, {
     mobileOrder: 1
-  }, !pathRoute && hashRoute ? /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(UtilityFontSizeSmall, null, /* @__PURE__ */ React97.createElement(ButtonInlineLight, {
+  }, !pathRoute && hashRoute ? /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(UtilityFontSizeSmall, null, /* @__PURE__ */ React83.createElement(ButtonInlineLight, {
     as: "a",
     href: "#",
     title: "Tillbaka till bils\xF6k"
-  }, /* @__PURE__ */ React97.createElement(ButtonContent, null, /* @__PURE__ */ React97.createElement(IconChevronLeft, {
+  }, /* @__PURE__ */ React83.createElement(ButtonContent, null, /* @__PURE__ */ React83.createElement(IconChevronLeft, {
     block: true
-  })), /* @__PURE__ */ React97.createElement(ButtonContent, null, "Tillbaka till bils\xF6k")))) : null, manufacturer?.logotype && /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(LogoBox_default, {
+  })), /* @__PURE__ */ React83.createElement(ButtonContent, null, "Tillbaka till bils\xF6k")))) : null, manufacturer?.logotype && /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(LogoBox_default, {
     logo: manufacturer.logotype,
     alt: manufacturer.name
-  })), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(RepeatSmall, null, /* @__PURE__ */ React97.createElement(H1, {
+  })), /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(RepeatSmall, null, /* @__PURE__ */ React83.createElement(H1, {
     noMargin: true
-  }, title)), shortDescription && /* @__PURE__ */ React97.createElement(RepeatSmall, null, /* @__PURE__ */ React97.createElement("div", null, shortDescription)), /* @__PURE__ */ React97.createElement(RepeatSmall, null, /* @__PURE__ */ React97.createElement(UspList_default, {
+  }, title)), shortDescription && /* @__PURE__ */ React83.createElement(RepeatSmall, null, /* @__PURE__ */ React83.createElement("div", null, shortDescription)), /* @__PURE__ */ React83.createElement(RepeatSmall, null, /* @__PURE__ */ React83.createElement(UspList_default, {
     small: true,
     items: uspList
-  })))), /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
+  })))), /* @__PURE__ */ React83.createElement(ProductPageAsideSection, {
     mobileOrder: 2
-  }, /* @__PURE__ */ React97.createElement(PriceTable_default, {
+  }, /* @__PURE__ */ React83.createElement(PriceTable_default, {
     price
-  })), (financialOptions.length > 0 || insuranceOptions.length > 0) && /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
+  })), (financialOptions.length > 0 || insuranceOptions.length > 0) && /* @__PURE__ */ React83.createElement(ProductPageAsideSection, {
     mobileOrder: 4
-  }, financialOptions.length > 0 && /* @__PURE__ */ React97.createElement(FinancialOptions_default, {
+  }, financialOptions.length > 0 && /* @__PURE__ */ React83.createElement(FinancialOptions_default, {
     id,
     financialOptions
-  }), insuranceOptions.length > 0 && /* @__PURE__ */ React97.createElement(InsuranceOptions_default, {
+  }), insuranceOptions.length > 0 && /* @__PURE__ */ React83.createElement(InsuranceOptions_default, {
     id,
     branch: centralStorageVehicle?.branch,
     insuranceOptions
-  })), /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
+  })), /* @__PURE__ */ React83.createElement(ProductPageAsideSection, {
     mobileOrder: 5
-  }, /* @__PURE__ */ React97.createElement(CheckList_default, {
+  }, /* @__PURE__ */ React83.createElement(CheckList_default, {
     manufacturer,
     packageOptions,
     ecommerce,
@@ -9969,77 +8541,141 @@ var WaykeSearchItem = ({
     contact: centralStorageVehicle?.contact,
     loadingCentralStorageVehicle,
     toggleEcomModal: () => ecomContext.current?.start()
-  }))), /* @__PURE__ */ React97.createElement(ProductPageMain, null, /* @__PURE__ */ React97.createElement(ProductPageAsideSection, {
+  }))), /* @__PURE__ */ React83.createElement(ProductPageMain, null, /* @__PURE__ */ React83.createElement(ProductPageAsideSection, {
     mobileOrder: 3
-  }, /* @__PURE__ */ React97.createElement(Gallery_default, {
+  }, /* @__PURE__ */ React83.createElement(Gallery_default, {
     media,
     placeholderImage
-  })), /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(H2, {
+  })), /* @__PURE__ */ React83.createElement(ProductPageMainSection, null, /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(H2, {
     noMargin: true
-  }, "Biluppgifter")), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Content_default, null, /* @__PURE__ */ React97.createElement("p", null, "Information direkt fr\xE5n Transportstyrelsen och tillverkaren."))), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Property_default, {
+  }, "Biluppgifter")), /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(Content_default, null, /* @__PURE__ */ React83.createElement("p", null, "Information direkt fr\xE5n Transportstyrelsen och tillverkaren."))), /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(Property_default, {
     propertySet,
     vehicleData: vehicle.data
-  }))), description && /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Blockquote_default, {
+  }))), description && /* @__PURE__ */ React83.createElement(ProductPageMainSection, null, /* @__PURE__ */ React83.createElement(Blockquote_default, {
     author: contact && contact.name ? contact.name : null,
     date: publishedAt ? dateTimeFormat.format(publishedAt, dateTimeFormat.DayMonth) : void 0,
     avatar: contact?.avatar || void 0
-  }, !!description && /* @__PURE__ */ React97.createElement("p", null, description))), (options?.length || 0) > 0 && /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(H2, {
+  }, !!description && /* @__PURE__ */ React83.createElement("p", null, description))), (options?.length || 0) > 0 && /* @__PURE__ */ React83.createElement(ProductPageMainSection, null, /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(H2, {
     noMargin: true
-  }, "Utrustning")), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Content_default, null, /* @__PURE__ */ React97.createElement("p", null, "Kompletterande uppgifter om bilen."))), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(ExtendContent_default, {
+  }, "Utrustning")), /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(Content_default, null, /* @__PURE__ */ React83.createElement("p", null, "Kompletterande uppgifter om bilen."))), /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(ExtendContent_default, {
     actionTitle: "Visa mer",
     onClick: onShowMoreOptionsClick
-  }, /* @__PURE__ */ React97.createElement(UspList_default, {
+  }, /* @__PURE__ */ React83.createElement(UspList_default, {
     items: options
-  })))), (documents.length || 0) > 0 && /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(H2, {
+  })))), (documents.length || 0) > 0 && /* @__PURE__ */ React83.createElement(ProductPageMainSection, null, /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(H2, {
     noMargin: true
-  }, "Dokument")), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Content_default, null, /* @__PURE__ */ React97.createElement("p", null, "Tillh\xF6rande dokument f\xF6r bilen."))), /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(Pdf_default, {
+  }, "Dokument")), /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(Content_default, null, /* @__PURE__ */ React83.createElement("p", null, "Tillh\xF6rande dokument f\xF6r bilen."))), /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(Pdf_default, {
     documents
-  }))), /* @__PURE__ */ React97.createElement(ProductPageMainSection, null, /* @__PURE__ */ React97.createElement(Branch_default, {
+  }))), /* @__PURE__ */ React83.createElement(ProductPageMainSection, null, /* @__PURE__ */ React83.createElement(Branch_default, {
     branch,
     loading: loadingCentralStorageVehicle
-  }), ecommerce && ecommerce.enabled && /* @__PURE__ */ React97.createElement(Repeat, null, /* @__PURE__ */ React97.createElement(ButtonPrimary, {
+  }), ecommerce && ecommerce.enabled && /* @__PURE__ */ React83.createElement(Repeat, null, /* @__PURE__ */ React83.createElement(ButtonPrimary, {
     disabled: !!ecommerce.reserved,
     title: "K\xF6p bilen online",
     onClick: () => ecomContext.current?.start()
-  }, "K\xF6p bilen online"))), /* @__PURE__ */ React97.createElement(PackageOptions_default, {
+  }, "K\xF6p bilen online"))), /* @__PURE__ */ React83.createElement(PackageOptions_default, {
     packageOptions
-  }), /* @__PURE__ */ React97.createElement(ManufacturerPackagesOption_default, {
+  }), /* @__PURE__ */ React83.createElement(ManufacturerPackagesOption_default, {
     packageOption: manufacturer?.packageOption
-  }))))), /* @__PURE__ */ React97.createElement(Related_default, {
+  }))))), /* @__PURE__ */ React83.createElement(Related_default, {
     id,
     hashRoute,
     pathRoute,
     onClickSearchItem
-  })), false, /* @__PURE__ */ React97.createElement(portal_element_default, {
+  })), false, /* @__PURE__ */ React83.createElement(portal_element_default, {
     id: portal_namespace_exports.DefaultPortal
   }));
 };
 var searchItem_default = WaykeSearchItem;
 
 // src/providers/WaykeProvider.tsx
-import React105 from "react";
+import React91 from "react";
 
 // src/providers/graphqlProvider.tsx
-import React98 from "react";
+import React84 from "react";
 import { ApolloProvider as ApolloProviderBase, ApolloClient, InMemoryCache } from "@apollo/client";
 var GraphqlProvider = ({ uri, children }) => {
   const client = new ApolloClient({ uri, cache: new InMemoryCache() });
-  return /* @__PURE__ */ React98.createElement(ApolloProviderBase, {
+  return /* @__PURE__ */ React84.createElement(ApolloProviderBase, {
     client
   }, children);
 };
 var graphqlProvider_default = GraphqlProvider;
 
 // src/providers/themeProvider.tsx
-import React99 from "react";
+import React85 from "react";
 import { ThemeProvider as ThemeProviderBase } from "styled-components";
-var ThemeProvider = ({ children }) => /* @__PURE__ */ React99.createElement(ThemeProviderBase, {
+var ThemeProvider = ({ children }) => /* @__PURE__ */ React85.createElement(ThemeProviderBase, {
   theme: theme_default
 }, children);
 var themeProvider_default = ThemeProvider;
 
 // src/State/Search/SearchProvider.tsx
-import React100, { useState as useState34, useEffect as useEffect20, useCallback as useCallback39 } from "react";
+import React86, { useState as useState28, useEffect as useEffect16, useCallback as useCallback36 } from "react";
+
+// src/hooks/useFetch.ts
+import { useEffect as useEffect15, useState as useState27, useCallback as useCallback35 } from "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] = useState27();
+  const [loading, setLoading] = useState27(false);
+  const [error, setError] = useState27(false);
+  const doFetch = useCallback35(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]);
+  useEffect15(() => {
+    if (!skip) {
+      doFetch();
+    }
+  }, [path, skip]);
+  return {
+    loading,
+    data,
+    error
+  };
+};
+var useFetch_default = useFetch;
 
 // src/utils/url.ts
 var getUrlSearchParamsFromUrl = () => new URLSearchParams(window.location.search);
@@ -10056,12 +8692,12 @@ var SearchProvider = ({
   children
 }) => {
   const { replaceState, pushState } = usePath_default();
-  const [queryFilter, setQueryFilter] = useState34({
+  const [queryFilter, setQueryFilter] = useState28({
     searchParams: initialSearchParams
   });
-  const [initialFacets, setInitialFacets] = useState34();
-  const [documents, setDocuments] = useState34();
-  const [initialize, setInitialize] = useState34(false);
+  const [initialFacets, setInitialFacets] = useState28();
+  const [documents, setDocuments] = useState28();
+  const [initialize, setInitialize] = useState28(false);
   const { data: initialDataRepsonse } = useFetch_default(
     `${url}?hits=0`,
     {
@@ -10097,7 +8733,7 @@ var SearchProvider = ({
       });
     }
   };
-  useEffect20(() => {
+  useEffect16(() => {
     if (useQueryParamsFromUrl) {
       window.addEventListener("popstate", popStateEvent);
     }
@@ -10111,12 +8747,12 @@ var SearchProvider = ({
       pubsub_default.unsubscribeAction(onFilterUpdateEvent);
     };
   }, []);
-  useEffect20(() => {
+  useEffect16(() => {
     if (initialDataRepsonse) {
       setInitialFacets(initialDataRepsonse.facets);
     }
   }, [initialDataRepsonse]);
-  useEffect20(() => {
+  useEffect16(() => {
     if (useQueryParamsFromUrl) {
       const nextSearchParams = new URLSearchParams(queryFilter.searchParams);
       nextSearchParams.delete("hits");
@@ -10139,7 +8775,7 @@ var SearchProvider = ({
       }
     }
   }, [queryFilter, initialize, useQueryParamsFromUrl]);
-  useEffect20(() => {
+  useEffect16(() => {
     if (response) {
       if (!initialFacets && !useQueryParamsFromUrl) {
         setInitialFacets(response.facets);
@@ -10164,7 +8800,7 @@ var SearchProvider = ({
       }
     }
   }, [response, useQueryParamsFromUrl]);
-  const onFilterUpdate = useCallback39(
+  const onFilterUpdate = useCallback36(
     (nextQuery) => {
       {
         if (!initialize) {
@@ -10177,7 +8813,7 @@ var SearchProvider = ({
     },
     [initialize]
   );
-  const onLoadMore = useCallback39(() => {
+  const onLoadMore = useCallback36(() => {
     if (response) {
       setQueryFilter({
         searchParams: new URLSearchParams(response?.documentList.pagination.nextPage?.query),
@@ -10185,7 +8821,7 @@ var SearchProvider = ({
       });
     }
   }, [response]);
-  const onInitialize = useCallback39(
+  const onInitialize = useCallback36(
     (_initialQueryParams) => {
       if (!initialize) {
         const searchParamsFromUrl = getUrlSearchParamsFromUrl();
@@ -10229,15 +8865,15 @@ var SearchProvider = ({
     onLoadMore,
     onInitialize
   };
-  return /* @__PURE__ */ React100.createElement(SearchContext.Provider, {
+  return /* @__PURE__ */ React86.createElement(SearchContext.Provider, {
     value
   }, children);
 };
 var SearchProvider_default = SearchProvider;
 
 // src/components/Root/index.tsx
-import styled62 from "styled-components";
-var Root = styled62.div.attrs(() => ({
+import styled57 from "styled-components";
+var Root = styled57.div.attrs(() => ({
   className: "wayke__theme wayke__font--regular"
 }))`
   background-color: ${(props) => props.theme.color.bg};
@@ -10279,21 +8915,21 @@ var useEcom = (ecomSettings) => {
 var useEcom_default = useEcom;
 
 // src/State/Settings/SettingsProvider.tsx
-import React101 from "react";
+import React87 from "react";
 var SettingsProvider = ({
   googleMapsApiKey,
   googleMapsMarker,
   ecomSettings,
   children
-}) => /* @__PURE__ */ React101.createElement(SettingsContext.Provider, {
+}) => /* @__PURE__ */ React87.createElement(SettingsContext.Provider, {
   value: { ecomSettings, googleMapsApiKey, googleMapsMarker }
 }, children);
 var SettingsProvider_default = SettingsProvider;
 
 // src/State/RelatedSearch/RelatedSearchProvider.tsx
-import React102, { useState as useState35, useCallback as useCallback40 } from "react";
+import React88, { useState as useState29, useCallback as useCallback37 } from "react";
 var RelatedSearchProvider = ({ url, urlMlt, apiKey, children }) => {
-  const [queryFilter, setQueryFilter] = useState35();
+  const [queryFilter, setQueryFilter] = useState29();
   const query = queryFilter?.searchParams.toString();
   const {
     loading,
@@ -10308,7 +8944,7 @@ var RelatedSearchProvider = ({ url, urlMlt, apiKey, children }) => {
     },
     !queryFilter
   );
-  const fetchRelated = useCallback40(
+  const fetchRelated = useCallback37(
     (searchParams) => setQueryFilter({
       searchParams
     }),
@@ -10322,31 +8958,31 @@ var RelatedSearchProvider = ({ url, urlMlt, apiKey, children }) => {
     queryFilter,
     fetchRelated
   };
-  return /* @__PURE__ */ React102.createElement(RelatedSearchContext.Provider, {
+  return /* @__PURE__ */ React88.createElement(RelatedSearchContext.Provider, {
     value
   }, children);
 };
 var RelatedSearchProvider_default = RelatedSearchProvider;
 
 // src/State/CentralStorage/CentralStorageProvider.tsx
-import React103, { useCallback as useCallback42 } from "react";
+import React89, { useCallback as useCallback39 } from "react";
 
 // src/hooks/useSessionStorage.ts
-import { useState as useState36, useCallback as useCallback41 } from "react";
+import { useState as useState30, useCallback as useCallback38 } from "react";
 var useSessionStorage = (key) => {
-  const [value, setValue] = useState36(sessionStorage.getItem(key));
-  const set = useCallback41(
+  const [value, setValue] = useState30(sessionStorage.getItem(key));
+  const set = useCallback38(
     (v) => {
       sessionStorage.setItem(key, v);
       setValue(v);
     },
     [key]
   );
-  const remove = useCallback41(() => {
+  const remove = useCallback38(() => {
     sessionStorage.removeItem(key);
     setValue(null);
   }, [key]);
-  const clear = useCallback41(() => {
+  const clear = useCallback38(() => {
     sessionStorage.clear();
     setValue(null);
   }, [key]);
@@ -10362,21 +8998,21 @@ var useSessionStorage_default = useSessionStorage;
 // src/State/CentralStorage/CentralStorageProvider.tsx
 var CentralStorageProvider = ({ children }) => {
   const { value, set, remove } = useSessionStorage_default("centralStorage");
-  const setCentralStorageId = useCallback42((id) => id ? set(id) : remove(), []);
-  return /* @__PURE__ */ React103.createElement(CentralStorageContext.Provider, {
+  const setCentralStorageId = useCallback39((id) => id ? set(id) : remove(), []);
+  return /* @__PURE__ */ React89.createElement(CentralStorageContext.Provider, {
     value: { centralStorageId: value, setCentralStorageId }
   }, children);
 };
 var CentralStorageProvider_default = CentralStorageProvider;
 
 // src/State/Path/PathProvider.tsx
-import React104, { useCallback as useCallback43, useEffect as useEffect22, useMemo as useMemo7, useReducer } from "react";
+import React90, { useCallback as useCallback40, useEffect as useEffect18, useMemo as useMemo7, useReducer } from "react";
 
 // src/hooks/usePrevious.ts
-import { useRef as useRef5, useEffect as useEffect21 } from "react";
+import { useRef as useRef4, useEffect as useEffect17 } from "react";
 var usePrevious = (value) => {
-  const ref = useRef5();
-  useEffect21(() => {
+  const ref = useRef4();
+  useEffect17(() => {
     ref.current = value;
   });
   return ref.current;
@@ -10406,7 +9042,7 @@ var POP_STATE = "popstate";
 var PathProvider = ({ children }) => {
   const [state, dispatch] = useReducer(reducer_default, initialState);
   const previousPath = usePrevious_default(state.path);
-  useEffect22(() => {
+  useEffect18(() => {
     const onPopState = () => {
       dispatch({ type: SET_PATH, path: window.location.pathname });
     };
@@ -10415,7 +9051,7 @@ var PathProvider = ({ children }) => {
       window.removeEventListener(POP_STATE, onPopState);
     };
   }, []);
-  const pushState = useCallback43((path) => {
+  const pushState = useCallback40((path) => {
     const h1 = window.location.hash;
     history.pushState(null, "", `${path}`);
     const h2 = window.location.hash;
@@ -10424,7 +9060,7 @@ var PathProvider = ({ children }) => {
     }
     dispatch({ type: SET_PATH, path });
   }, []);
-  const replaceState = useCallback43((path) => {
+  const replaceState = useCallback40((path) => {
     const h1 = window.location.hash;
     history.replaceState(null, "", path);
     const h2 = window.location.hash;
@@ -10444,7 +9080,7 @@ var PathProvider = ({ children }) => {
     }),
     [state]
   );
-  return /* @__PURE__ */ React104.createElement(PathContext.Provider, {
+  return /* @__PURE__ */ React90.createElement(PathContext.Provider, {
     value
   }, children);
 };
@@ -10464,33 +9100,33 @@ var WaykeProvider = ({
   children
 }) => {
   useEcom_default(ecomSettings);
-  return /* @__PURE__ */ React105.createElement(PathProvider_default, null, /* @__PURE__ */ React105.createElement(SettingsProvider_default, {
+  return /* @__PURE__ */ React91.createElement(PathProvider_default, null, /* @__PURE__ */ React91.createElement(SettingsProvider_default, {
     googleMapsApiKey,
     googleMapsMarker,
     ecomSettings
-  }, /* @__PURE__ */ React105.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ React105.createElement(graphqlProvider_default, {
+  }, /* @__PURE__ */ React91.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ React91.createElement(graphqlProvider_default, {
     uri: graphQlUrl
-  }, /* @__PURE__ */ React105.createElement(SearchProvider_default, {
+  }, /* @__PURE__ */ React91.createElement(SearchProvider_default, {
     url,
     apiKey,
     useQueryParamsFromUrl,
     pathRoute
-  }, /* @__PURE__ */ React105.createElement(RelatedSearchProvider_default, {
+  }, /* @__PURE__ */ React91.createElement(RelatedSearchProvider_default, {
     url,
     urlMlt,
     apiKey
-  }, /* @__PURE__ */ React105.createElement(themeProvider_default, null, /* @__PURE__ */ React105.createElement(Root_default, null, children))))))));
+  }, /* @__PURE__ */ React91.createElement(themeProvider_default, null, /* @__PURE__ */ React91.createElement(Root_default, null, children))))))));
 };
 var WaykeProvider_default = WaykeProvider;
 
 // src/layouts/WaykeCompositeWithProvider.tsx
-import React107 from "react";
+import React93 from "react";
 
 // src/layouts/WaykeComposite.tsx
-import React106, { useEffect as useEffect24 } from "react";
+import React92, { useEffect as useEffect20 } from "react";
 
 // src/hooks/useHashGuid.ts
-import { useState as useState37, useEffect as useEffect23 } from "react";
+import { useState as useState31, useEffect as useEffect19 } from "react";
 var regexGuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
 var HASH_CHANGE = "hashchange";
 var getGuid = () => {
@@ -10498,7 +9134,7 @@ var getGuid = () => {
   return regexGuid.test(guid) || !guid ? guid : void 0;
 };
 var useHashGuid = () => {
-  const [id, setId] = useState37(() => getGuid());
+  const [id, setId] = useState31(() => getGuid());
   const onHashChange = () => {
     const guid = window.location.hash.substr(1, window.location.hash.length);
     if (regexGuid.test(guid) || !guid) {
@@ -10507,7 +9143,7 @@ var useHashGuid = () => {
       throw "Invalid Guid";
     }
   };
-  useEffect23(() => {
+  useEffect19(() => {
     onHashChange();
     window.addEventListener(HASH_CHANGE, onHashChange);
     return () => {
@@ -10532,7 +9168,7 @@ var WaykeComposite = ({
 }) => {
   const hashId = useHashGuid_default();
   const { id: pathId } = usePath_default();
-  useEffect24(() => {
+  useEffect20(() => {
     if (!pathRoute) {
       if (hashId) {
         pubsub_default.publish("HashRouteChange", hashId);
@@ -10542,14 +9178,14 @@ var WaykeComposite = ({
     }
   }, [hashId]);
   const id = pathId || hashId;
-  return /* @__PURE__ */ React106.createElement(React106.Fragment, null, id ? /* @__PURE__ */ React106.createElement(searchItem_default, {
+  return /* @__PURE__ */ React92.createElement(React92.Fragment, null, id ? /* @__PURE__ */ React92.createElement(searchItem_default, {
     id,
     hashRoute: !pathRoute,
     disableResetScrollOnInit,
     placeholderImage,
     pathRoute,
     modifyDocumentTitleItem
-  }) : /* @__PURE__ */ React106.createElement(search_default, {
+  }) : /* @__PURE__ */ React92.createElement(search_default, {
     filterList,
     initialQueryParams,
     removeSearchBar,
@@ -10563,15 +9199,15 @@ var WaykeComposite = ({
 var WaykeComposite_default = WaykeComposite;
 
 // src/layouts/WaykeCompositeWithProvider.tsx
-var WaykeCompositeWithProvider = ({ provider, composite }) => /* @__PURE__ */ React107.createElement(WaykeProvider_default, {
+var WaykeCompositeWithProvider = ({ provider, composite }) => /* @__PURE__ */ React93.createElement(WaykeProvider_default, {
   ...provider
-}, /* @__PURE__ */ React107.createElement(WaykeComposite_default, {
+}, /* @__PURE__ */ React93.createElement(WaykeComposite_default, {
   ...composite
 }));
 var WaykeCompositeWithProvider_default = WaykeCompositeWithProvider;
 
 // src/providers/WaykeItemProvidet.tsx
-import React108 from "react";
+import React94 from "react";
 var WaykeItemProvider = ({
   url,
   urlMlt,
@@ -10583,17 +9219,17 @@ var WaykeItemProvider = ({
   children
 }) => {
   useEcom_default(ecomSettings);
-  return /* @__PURE__ */ React108.createElement(PathProvider_default, null, /* @__PURE__ */ React108.createElement(SettingsProvider_default, {
+  return /* @__PURE__ */ React94.createElement(PathProvider_default, null, /* @__PURE__ */ React94.createElement(SettingsProvider_default, {
     googleMapsApiKey,
     googleMapsMarker,
     ecomSettings
-  }, /* @__PURE__ */ React108.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ React108.createElement(graphqlProvider_default, {
+  }, /* @__PURE__ */ React94.createElement(CentralStorageProvider_default, null, /* @__PURE__ */ React94.createElement(graphqlProvider_default, {
     uri: graphQlUrl
-  }, /* @__PURE__ */ React108.createElement(RelatedSearchProvider_default, {
+  }, /* @__PURE__ */ React94.createElement(RelatedSearchProvider_default, {
     url,
     urlMlt,
     apiKey
-  }, /* @__PURE__ */ React108.createElement(themeProvider_default, null, /* @__PURE__ */ React108.createElement(Root_default, null, children)))))));
+  }, /* @__PURE__ */ React94.createElement(themeProvider_default, null, /* @__PURE__ */ React94.createElement(Root_default, null, children)))))));
 };
 var WaykeItemProvidet_default = WaykeItemProvider;