@wayke-se/components-react 2.14.0 → 2.15.0

package/dist-node/index.js

@@ -3370,6 +3370,7 @@ const SEARCH_ITEM_QUERY = client.gql`
   query SearchItem($id: ID!) {
     vehicle(id: $id) {
       id
+      documents
       contact {
         name
         email
@@ -6096,6 +6097,48 @@ const PropertySet = ({
   })));
 };
 
+const PdfListItem = styled__default.li.attrs(() => ({
+  className: 'wayke__theme wayke__color--primary-text'
+})).withConfig({
+  displayName: "wrapper__PdfListItem"
+})(["flex:0 0 50%;padding:", ";", "{flex:0 0 100%;}"], size(1), ({
+  theme
+}) => theme.breakpoint.LtSm);
+const PdfContainer = styled__default.ul.withConfig({
+  displayName: "wrapper__PdfContainer"
+})(["list-style:none;padding:0;display:flex;flex-wrap:wrap;margin:", ";"], size(-1));
+const PdfLink = styled__default.a.attrs(() => ({
+  className: 'wayke__theme wayke__color--primary-text wayke__font--bold'
+})).withConfig({
+  displayName: "wrapper__PdfLink"
+})(["text-decoration:none;font-size:0.875rem;&:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}"]);
+const PdfTitle = styled__default.div.withConfig({
+  displayName: "wrapper__PdfTitle"
+})(["color:", ";"], props => props.theme.color.textDark);
+const PdfSubtitle = styled__default.div.withConfig({
+  displayName: "wrapper__PdfSubtitle"
+})(["color:", ";"], props => props.theme.color.textDarkLighten);
+const PdfColumn = styled__default.div.withConfig({
+  displayName: "wrapper__PdfColumn"
+})(["flex 0 0 auto;&:first-child{flex:1 1 auto;}"]);
+const PdfListInner = styled__default.div.withConfig({
+  displayName: "wrapper__PdfListInner"
+})(["position:relative;border:1px solid ", ";padding:", ";display:flex;align-items:center;:hover{background-color:", ";}"], props => props.theme.color.border, size(1.5), props => props.theme.color.hoverOverlay);
+
+const PdfDownloadItem = ({
+  document
+}) => React__default.createElement(PdfListItem, null, React__default.createElement(PdfListInner, null, React__default.createElement(PdfColumn, null, React__default.createElement(PdfTitle, null, document.name), React__default.createElement(PdfSubtitle, null, document.contentType)), React__default.createElement(PdfColumn, null, React__default.createElement(PdfLink, {
+  href: document.url,
+  rel: "noopener noreferrer nofollow",
+  target: "_blank"
+}, "\u00D6ppna"))));
+const PdfDownloadContainer = ({
+  documents
+}) => React__default.createElement(PdfContainer, null, documents.map((document, i) => React__default.createElement(PdfDownloadItem, {
+  key: `${document.url}-${i}`,
+  document: document
+})));
+
 const WaykeSearchItem = ({
   id,
   hashRoute,
@@ -6168,7 +6211,8 @@ const WaykeSearchItem = ({
     manufacturer,
     ecommerce,
     packageOptions,
-    publishedAt
+    publishedAt,
+    documents
   } = vehicle;
   const {
     fuelType,
@@ -6260,7 +6304,11 @@ const WaykeSearchItem = ({
     onClick: onShowMoreOptionsClick
   }, React__default.createElement(UspList, {
     items: options
-  })))), React__default.createElement(ProductPageMainSection, null, React__default.createElement(Branch, {
+  })))), (documents.length || 0) > 0 && React__default.createElement(ProductPageMainSection, null, React__default.createElement(Repeat, null, React__default.createElement(H2, {
+    noMargin: true
+  }, "Dokument")), React__default.createElement(Repeat, null, React__default.createElement(Content$2, null, React__default.createElement("p", null, "Tillh\u00F6rande dokument f\u00F6r bilen."))), React__default.createElement(Repeat, null, React__default.createElement(PdfDownloadContainer, {
+    documents: documents
+  }))), React__default.createElement(ProductPageMainSection, null, React__default.createElement(Branch, {
     branch: branch,
     loading: loadingCentralStorageVehicle
   }), ecommerce && ecommerce.enabled && React__default.createElement(Repeat, null, React__default.createElement(ButtonPrimary, {