@wayke-se/components-react 3.3.2 → 3.4.0

package/dist-node/index.js

@@ -993,13 +993,11 @@ const H2 = styled__default(HeadingBase).attrs(props => ({
 }))`
   font-size: 1.5rem;
 `;
-/*
-export const H3 = styled(HeadingBase).attrs<{ as: string }>((props) => ({
-  as: props.as || 'h3',
+const H3 = styled__default(HeadingBase).attrs(props => ({
+  as: props.as || 'h3'
 }))`
   font-size: 1.125rem;
 `;
-*/
 const H4 = styled__default(HeadingBase).attrs(props => ({
   as: props.as || 'h4'
 }))`
@@ -8069,7 +8067,7 @@ const PdfListItem = styled__default.li.attrs(() => ({
     flex: 0 0 100%;
   }
 `;
-const PdfContainer = styled__default.ul`
+const List$a = styled__default.ul`
   list-style: none;
   padding: 0;
   display: flex;
@@ -8113,20 +8111,71 @@ const PdfListInner = styled__default.div`
   }
 `;
 
+const translateContentType = document => {
+  switch (document.contentType) {
+    case 'application/pdf':
+      return 'PDF';
+    default:
+      const formattedContentType = document.url && document.url.includes('.') ? document.url.split('.').pop() : '';
+      return formattedContentType;
+  }
+};
 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 = ({
+}) => {
+  const contentType = React.useMemo(() => translateContentType(document), [document]);
+  return 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, contentType)), React__default.createElement(PdfColumn, null, React__default.createElement(PdfLink, {
+    href: document.url,
+    rel: "noopener noreferrer nofollow",
+    target: "_blank"
+  }, "\u00D6ppna"))));
+};
+const DocumentList = ({
   documents
-}) => React__default.createElement(PdfContainer, null, documents.map((document, i) => React__default.createElement(PdfDownloadItem, {
+}) => React__default.createElement(List$a, null, documents.map((document, i) => React__default.createElement(PdfDownloadItem, {
   key: `${document.url}-${i}`,
   document: document
 })));
 
+const Translation = {
+  'tyre-label': 'Energideklaration för däck',
+  'content declaration': 'Varudeklaration',
+  other: 'Övriga dokument'
+};
+const SortOrder = {
+  'tyre-label': 2,
+  'content declaration': 1,
+  other: 3
+};
+const Documents = ({
+  documents
+}) => {
+  const categorised = documents.reduce((prev, curr) => {
+    const index = prev.findIndex(x => x.category === (curr.category || 'others'));
+    if (index > -1) {
+      prev[index].documents.push(curr);
+    } else {
+      var _SortOrder$category;
+      const category = curr.category || 'others';
+      prev.push({
+        category,
+        documents: [curr],
+        sortOrder: (_SortOrder$category = SortOrder === null || SortOrder === void 0 ? void 0 : SortOrder[category]) !== null && _SortOrder$category !== void 0 ? _SortOrder$category : 99
+      });
+    }
+    return prev;
+  }, []).sort((a, b) => a.sortOrder - b.sortOrder);
+  if (!documents.length) return null;
+  const manyCategories = categorised.length > 1;
+  return React__default.createElement(ProductPageMainSection, null, React__default.createElement(Repeat, null, React__default.createElement(H2, {
+    noMargin: true
+  }, "Dokument")), categorised.map(group => React__default.createElement(Repeat, {
+    key: group.category
+  }, manyCategories && React__default.createElement(H3, null, (Translation === null || Translation === void 0 ? void 0 : Translation[group.category]) || Translation.other), React__default.createElement(DocumentList, {
+    documents: group.documents
+  }))));
+};
+
 const WaykeSearchItem = ({
   id,
   hashRoute,
@@ -8322,11 +8371,9 @@ const WaykeSearchItem = ({
     onClick: onShowMoreOptionsClick
   }, React__default.createElement(UspList, {
     items: options
-  })))), (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, {
+  })))), React__default.createElement(Documents, {
     documents: documents
-  }))), React__default.createElement(ProductPageMainSection, null, React__default.createElement(Branch, {
+  }), 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, {