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

package/dist/index.mjs

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