@treely/strapi-slices 5.8.1 → 5.10.0

package/dist/strapi-slices.esm.js

@@ -2,8 +2,8 @@ import axios from 'axios';
 import qs from 'qs';
 import { setupCache } from 'axios-cache-interceptor';
 import React, { useState, useRef, useMemo, useCallback, useEffect, Fragment, createRef, createContext, useContext } from 'react';
+import { Box, BoemlyAlert, BoemlyModal, Flex, IconButton, useMediaQuery, DefaultSectionContainer, Wrapper, DefaultSectionHeader, Button, Gradient, Spacer, SimpleGrid, Heading, Text, useToken, Grid, GridItem, BoemlyList, PortfolioCard, RichText, BoemlyAccordion, HeroCard, Shape, QuoteCard, Center, ShapesCard, TextCardWithIcon, ContactArea, ProjectCard, Tag, Link as Link$1, DatePersonPair, BoemlyThemeProvider, Badge, useDisclosure, Container, AvatarWithName, Divider, LabelNumberPair, BoemlyFormControl, InputRightAddon, LabelTextPair } from 'boemly';
 import Head from 'next/head';
-import { Box, BoemlyModal, Flex, IconButton, useMediaQuery, DefaultSectionContainer, Wrapper, DefaultSectionHeader, Button, Gradient, Spacer, SimpleGrid, Heading, Text, useToken, Grid, GridItem, BoemlyList, PortfolioCard, RichText, BoemlyAccordion, HeroCard, Shape, QuoteCard, Center, ShapesCard, TextCardWithIcon, ContactArea, ProjectCard, Tag, Link as Link$1, DatePersonPair, BoemlyThemeProvider, Badge, useDisclosure, Container, AvatarWithName, Divider, LabelNumberPair, BoemlyFormControl, InputRightAddon, LabelTextPair } from 'boemly';
 import Image from 'next/image';
 import { useLockBodyScroll, useKey, useWindowScroll, useWindowSize, useMeasure, useCopyToClipboard } from 'react-use';
 import { CaretLeft, CaretRight, Globe, ArrowRight, ArrowLeft, MapPin, Check, Link as Link$2, FilePdf, DownloadSimple, X } from '@phosphor-icons/react';
@@ -13,7 +13,7 @@ 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, IntlProvider, IntlContext as IntlContext$1, FormattedMessage } from 'react-intl';
+import { createIntl, createIntlCache, IntlProvider, FormattedMessage, IntlContext as IntlContext$1 } from 'react-intl';
 import mapboxgl, { Map, Marker } from 'mapbox-gl';
 import { createRoot } from 'react-dom/client';
 import { Formik, Form, Field } from 'formik';
@@ -741,6 +741,17 @@ var strapiLinkUrl = function strapiLinkUrl(strapiLink) {
   return ((_strapiLink2 = strapiLink) == null ? void 0 : _strapiLink2.url) || '/';
 };
 
+var PreviewAlert = function PreviewAlert() {
+  return React.createElement(Box, {
+    position: "fixed",
+    top: "4",
+    left: "4"
+  }, React.createElement(BoemlyAlert, {
+    text: "Preview",
+    status: "error"
+  }));
+};
+
 var SEOTags = function SEOTags(_ref) {
   var _shareImage$url, _shareImage$alt;
   var title = _ref.title,
@@ -2210,6 +2221,8 @@ var messagesDe$5 = {
 };
 
 var messagesDe$4 = {
+  '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',
   'portfolio.smallCheckout.contributionValueCurrency.label.EUR': 'Geben Sie den Beitrag in € ein',
   'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': '€',
@@ -2325,6 +2338,8 @@ var messagesEn$3 = {
 };
 
 var messagesEn$2 = {
+  'portfolio.smallCheckout.price.taxNotIncluded': 'not including tax',
+  'portfolio.smallCheckout.price.taxIncluded': 'Price including tax: {number}',
   'portfolio.smallCheckout.contributionValueCurrency.label.CHF': 'Contribution Amount in CHF',
   'portfolio.smallCheckout.contributionValueCurrency.label.EUR': 'Contribution Amount in €',
   'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': '€',
@@ -4315,6 +4330,7 @@ var SmallCheckout = function SmallCheckout(_ref) {
     currency = _ref.currency,
     batchId = _ref.batchId,
     initialContributionValue = _ref.initialContributionValue,
+    taxInPercent = _ref.taxInPercent,
     checkoutText = _ref.checkoutText,
     title = _ref.title,
     subtitle = _ref.subtitle,
@@ -4325,6 +4341,9 @@ var SmallCheckout = function SmallCheckout(_ref) {
     locale = _useContext.locale;
   var _useRouter = useRouter(),
     push = _useRouter.push;
+  var _useState = useState(initialContributionValue),
+    contributionValue = _useState[0],
+    setContributionValue = _useState[1];
   var validateForm = useCallback(function (values) {
     var errors = {};
     var value = parseInt(values.contributionValueCurrency);
@@ -4374,7 +4393,7 @@ var SmallCheckout = function SmallCheckout(_ref) {
     padding: "6",
     direction: "column"
   }, React.createElement(Flex, {
-    gap: "1",
+    gap: "2",
     alignItems: "end",
     mb: "6"
   }, React.createElement(Text, {
@@ -4392,6 +4411,10 @@ var SmallCheckout = function SmallCheckout(_ref) {
       currency: currency,
       maximumFractionDigits: 0
     }))
+  })), React.createElement(Text, {
+    size: "smLowNormal"
+  }, React.createElement(FormattedMessage, {
+    id: "portfolio.smallCheckout.price.taxNotIncluded"
   }))), React.createElement(Formik, {
     initialValues: {
       contributionValueCurrency: initialContributionValue.toString(),
@@ -4422,6 +4445,7 @@ var SmallCheckout = function SmallCheckout(_ref) {
           value: field.value || '',
           onChange: function onChange(e) {
             var value = e.target.valueAsNumber;
+            setContributionValue(value);
             setValues({
               contributionValueCurrency: value.toString(),
               contributionValueKgs: (value / pricePerKg / 1000).toString()
@@ -4468,7 +4492,18 @@ var SmallCheckout = function SmallCheckout(_ref) {
         isInvalid: !!errors.contributionValueKgs && touched.contributionValueKgs,
         errorMessage: errors.contributionValueKgs
       });
-    }))), React.createElement(Spacer, {
+    }))), contributionValue > 0 && taxInPercent && taxInPercent > 0 && React.createElement(Text, {
+      size: "smLowNormal",
+      mt: "2"
+    }, formatMessage({
+      id: 'portfolio.smallCheckout.price.taxIncluded'
+    }, {
+      number: formatNumber(contributionValue + contributionValue * taxInPercent / 100, {
+        style: 'currency',
+        currency: currency,
+        maximumFractionDigits: 2
+      })
+    })), React.createElement(Spacer, {
       height: "4"
     }), React.createElement(Button, {
       type: "submit",
@@ -4786,7 +4821,8 @@ var ProjectFacts = function ProjectFacts(_ref) {
     pricePerKg: slice.pricePerKg,
     title: slice.customTitle,
     subtitle: slice.customSubtitle,
-    button: slice.customButton
+    button: slice.customButton,
+    taxInPercent: slice.taxInPercent
   }) : (slice.contactTitle || slice.contactText || slice.contactButton || slice.contactAvatar) && React.createElement(Contact, {
     title: slice.contactTitle,
     text: slice.contactText,
@@ -5566,5 +5602,5 @@ var SliceRenderer = function SliceRenderer(_ref) {
   }));
 };
 
-export { SEOTags, SliceRenderer, getPortfolioProjects, getStaticPathsFromStrapi, getStaticPropsFromStrapi, mergeGlobalAndStrapiBlogPostData, mergeGlobalAndStrapiCustomerStoryData, mergeGlobalAndStrapiPageData, mergeGlobalAndStrapiProject as mergeGlobalAndStrapiProjectData, strapiLinkUrl, strapiMediaUrl };
+export { PreviewAlert, SEOTags, SliceRenderer, getPortfolioProjects, getStaticPathsFromStrapi, getStaticPropsFromStrapi, mergeGlobalAndStrapiBlogPostData, mergeGlobalAndStrapiCustomerStoryData, mergeGlobalAndStrapiPageData, mergeGlobalAndStrapiProject as mergeGlobalAndStrapiProjectData, strapiLinkUrl, strapiMediaUrl };
 //# sourceMappingURL=strapi-slices.esm.js.map