@treely/strapi-slices 5.16.0 → 5.17.1

package/dist/strapi-slices.esm.js

@@ -6,14 +6,14 @@ import { Box, BoemlyAlert, BoemlyModal, Flex, IconButton, useMediaQuery, Default
 import Head from 'next/head';
 import Image from 'next/image';
 import { useLockBodyScroll, useKey, useWindowScroll, useWindowSize, useMeasure, useCopyToClipboard } from 'react-use';
-import { CaretLeft, CaretRight, Globe, ArrowRight, ArrowLeft, Info, MapPin, Check, Link as Link$2, FilePdf, DownloadSimple, X } from '@phosphor-icons/react';
+import { CaretLeft, CaretRight, Globe, ArrowRight, ArrowLeft, MapPin, Check, Link as Link$2, FilePdf, DownloadSimple, X } from '@phosphor-icons/react';
 import Link from 'next/link';
 import { useDetectAdBlock } from 'adblock-detect-react';
 import { useRouter } from 'next/router';
 import styled from '@emotion/styled';
 import { css, Global } from '@emotion/react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { createIntl, createIntlCache, IntlContext as IntlContext$1, IntlProvider, FormattedMessage } from 'react-intl';
+import { createIntl, createIntlCache, IntlProvider, IntlContext as IntlContext$1, FormattedMessage } from 'react-intl';
 import mapboxgl, { Map as Map$1, Marker } from 'mapbox-gl';
 import { createRoot } from 'react-dom/client';
 import { Formik, Form, Field } from 'formik';
@@ -522,9 +522,6 @@ var getPortfolioProjects = /*#__PURE__*/function () {
             if (strapiProject != null && strapiProject.attributes.thumbnail) {
               toReturn.thumbnail = strapiProject == null ? void 0 : strapiProject.attributes.thumbnail;
             }
-            if (strapiProject != null && strapiProject.attributes.footerSubTitle) {
-              toReturn.footerSubTitle = strapiProject == null ? void 0 : strapiProject.attributes.footerSubTitle;
-            }
             if (strapiProject != null && (_strapiProject$attrib = strapiProject.attributes.portfolio.data) != null && _strapiProject$attrib.attributes.host) {
               toReturn.portfolioHost = strapiProject.attributes.portfolio.data.attributes.host;
             }
@@ -2338,51 +2335,55 @@ var CardContainer = /*#__PURE__*/styled(Box)(_templateObject3$1 || (_templateObj
 var _templateObject$4;
 var GLOBAL_STYLE = /*#__PURE__*/css(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])));
 
-var messagesDe$e = {
+var messagesDe$g = {
   'sections.comparison.backgroundShapes': 'Hintergrundformen'
 };
 
-var messagesDe$d = {
+var messagesDe$f = {
   'components.creditsAvailableBadge.text.yes': 'Credits verfügbar',
   'components.creditsAvailableBadge.text.some': 'Einige verbleibende Credits',
   'components.creditsAvailableBadge.text.no': 'Keine verbleibenden Credits',
   'components.creditsAvailableBadge.text.notYet': 'Credits bald verfügbar'
 };
 
-var messagesDe$c = {
+var messagesDe$e = {
   'sections.cta.backgroundShapes': 'Dunkle Hintergrundformen',
   'sections.cta.backgroundShapesLight': 'Helle Hintergrundformen'
 };
 
-var messagesDe$b = {
+var messagesDe$d = {
   'sections.customerCard.more': 'Weiterlesen'
 };
 
-var messagesDe$a = {
+var messagesDe$c = {
   'sections.customerQuoteCard.more': 'Weiterlesen'
 };
 
-var messagesDe$9 = {
+var messagesDe$b = {
   'sections.glossary.copyButtonLabel': 'Kopiere den Link zu diesem Abschnitt in die Zwischenablage',
   'sections.glossary.copySuccessMessage': 'Link in die Zwischenablage kopiert',
   'sections.glossary.copyFailureMessage': 'Link konnte nicht in die Zwischenablage kopiert werden'
 };
 
-var messagesDe$8 = {
+var messagesDe$a = {
   'features.portfolio.documentsDownloadList.projectDocuments': 'Projektdokumente',
   'features.portfolio.documentsDownloadList.downloadDocument': 'Dokument herunterladen'
 };
 
-var messagesDe$7 = {
-  'sections.projectFacts.projectInfo.value': 'Projekt Infos',
-  'projects.projectFacts.properties.area': 'Fläche'
+var messagesDe$9 = {
+  'sections.projectFacts.projectInfo.value': 'Projekt Infos'
 };
 
-var messagesDe$6 = {
+var messagesDe$8 = {
+  'components.projectGridCard.certified': 'Zertifiziert, {year}',
+  'components.projectGridCard.certificationInProgres': 'Zertifizierung ist in Arbeit'
+};
+
+var messagesDe$7 = {
   'sections.projectsMap.link.text': 'Mehr Infos'
 };
 
-var messagesDe$5 = {
+var messagesDe$6 = {
   'features.projectInfo.projectInfo.value': 'Projekt Infos',
   'features.projectInfo.properties.area': 'Projekt Fläche',
   'features.projectInfo.properties.location': 'Standort',
@@ -2399,7 +2400,7 @@ var messagesDe$5 = {
   'features.projectInfo.properties.year': '{years} {years, plural, one {Jahr} other {Jahre} }'
 };
 
-var messagesDe$4 = {
+var messagesDe$5 = {
   'portfolio.smallCheckout.price.taxNotIncluded': 'ohne Steuern',
   'portfolio.smallCheckout.price.taxIncluded': 'Preis inklusive Steuern: {number}',
   'portfolio.smallCheckout.contributionValueCurrency.label.CHF': 'Geben Sie den Beitrag in Fr. ein',
@@ -2417,7 +2418,7 @@ var messagesDe$4 = {
   'portfolio.smallCheckout.cta.button': 'Unser Vertriebsteam kontaktieren'
 };
 
-var messagesDe$3 = {
+var messagesDe$4 = {
   'sections.shopCheckout.intro.price': 'Preis',
   'sections.shopCheckout.contributionValue.label.EUR': 'Geben sie einen Betrag in € ein',
   'sections.shopCheckout.contributionValue.label.CHF': 'Geben sie einen Betrag in CHF ein',
@@ -2434,12 +2435,12 @@ var messagesDe$3 = {
   'sections.shopCheckout.submit': 'Kaufen'
 };
 
-var messagesDe$2 = {
+var messagesDe$3 = {
   'sections.textCarousel.moveRight': 'Nach rechts bewegen',
   'sections.textCarousel.moveLeft': 'Nach links bewegen'
 };
 
-var messagesDe$1 = {
+var messagesDe$2 = {
   'sections.timeline.backgroundShapes': 'Hintergrundformen',
   'sections.timeline.showMoreButton': 'Drei weitere Meilensteine anzeigen'
 };
@@ -2449,7 +2450,7 @@ var unitMessagesDe = {
   'unit.formatter.tonsCo2PerYear': '{number} tCO₂/Jahr'
 };
 
-var rootMessagesDe = /*#__PURE__*/_extends({}, messagesDe$d, messagesDe$8, messagesDe$5, messagesDe$4, messagesDe$e, messagesDe$c, messagesDe$b, messagesDe$a, messagesDe$9, messagesDe$7, messagesDe$6, messagesDe$3, messagesDe$2, messagesDe$1, unitMessagesDe);
+var rootMessagesDe = /*#__PURE__*/_extends({}, messagesDe$f, messagesDe$a, messagesDe$6, messagesDe$5, messagesDe$8, messagesDe$g, messagesDe$e, messagesDe$d, messagesDe$c, messagesDe$b, messagesDe$9, messagesDe$7, messagesDe$4, messagesDe$3, messagesDe$2, unitMessagesDe);
 
 var messagesEn$c = {
   'sections.comparison.backgroundShapes': 'Background shapes'
@@ -2487,8 +2488,12 @@ var messagesEn$6 = {
 };
 
 var messagesEn$5 = {
-  'sections.projectFacts.projectInfo.value': 'Project Infos',
-  'projects.projectFacts.properties.area': 'Area'
+  'sections.projectFacts.projectInfo.value': 'Project Infos'
+};
+
+var messagesDe$1 = {
+  'components.projectGridCard.certified': 'Certified, {year}',
+  'components.projectGridCard.certificationInProgres': 'Certification in progress'
 };
 
 var messagesEn$4 = {
@@ -2562,7 +2567,7 @@ var unitMessagesEn = {
   'unit.formatter.tonsCo2PerYear': '{number} tCO₂/year'
 };
 
-var rootMessagesEn = /*#__PURE__*/_extends({}, messagesEn$b, messagesEn$6, messagesEn$3, messagesEn$2, messagesEn$c, messagesEn$a, messagesEn$9, messagesEn$8, messagesEn$7, messagesEn$5, messagesEn$4, messagesEn$1, messagesDe, messagesEn, unitMessagesEn);
+var rootMessagesEn = /*#__PURE__*/_extends({}, messagesEn$b, messagesEn$6, messagesEn$3, messagesEn$2, messagesDe$1, messagesEn$c, messagesEn$a, messagesEn$9, messagesEn$8, messagesEn$7, messagesEn$5, messagesEn$4, messagesEn$1, messagesDe, messagesEn, unitMessagesEn);
 
 var messages = {
   en: rootMessagesEn,
@@ -2913,13 +2918,7 @@ var CreditsAvailableBadge = function CreditsAvailableBadge(_ref) {
     backgroundColor: variant.color,
     mt: "2",
     mb: "1"
-  }, React.createElement(Info, {
-    size: 12,
-    color: "white",
-    weight: "fill"
-  }), React.createElement(Spacer, {
-    width: "1"
-  }), React.createElement(Text, {
+  }, React.createElement(Text, {
     color: "white",
     size: "xsLowBold"
   }, variant.message)));
@@ -2928,8 +2927,9 @@ var CreditsAvailableBadge = function CreditsAvailableBadge(_ref) {
 var ProjectGridCard = function ProjectGridCard(_ref) {
   var _project$thumbnail, _project$thumbnail2, _project$thumbnail3;
   var project = _ref.project;
-  var _useContext = useContext(IntlContext$1),
-    formatNumber = _useContext.formatNumber;
+  var _useContext = useContext(IntlContext),
+    formatNumber = _useContext.formatNumber,
+    formatMessage = _useContext.formatMessage;
   return React.createElement(Container, null, React.createElement(Flex, {
     flexDir: "column",
     height: "full"
@@ -2958,7 +2958,19 @@ var ProjectGridCard = function ProjectGridCard(_ref) {
   }, formatNumber((project.area || 0) / 10000, FORMAT_AS_HECTARE_CONFIG))), React.createElement(Tag, null, React.createElement(Text, {
     size: "xsLowBold",
     color: "gray.800"
-  }, project.location))), React.createElement(CreditsAvailableBadge, {
+  }, project.location)), project.certificationDate ? React.createElement(Tag, null, React.createElement(Text, {
+    size: "xsLowBold",
+    color: "gray.800"
+  }, formatMessage({
+    id: 'components.projectGridCard.certified'
+  }, {
+    year: new Date(project.certificationDate).getFullYear()
+  }))) : React.createElement(Tag, null, React.createElement(Text, {
+    size: "xsLowBold",
+    color: "gray.800"
+  }, formatMessage({
+    id: 'components.projectGridCard.certificationInProgress'
+  })))), React.createElement(CreditsAvailableBadge, {
     status: project.creditAvailability
   })));
 };