@treely/strapi-slices 5.9.0 → 5.10.0

package/dist/components/portfolio/SmallCheckout/SmallCheckout.d.ts

@@ -4,11 +4,12 @@ export interface SmallCheckoutProps {
     batchId: string;
     pricePerKg: number;
     initialContributionValue: number;
+    taxInPercent?: number;
     checkoutText?: string;
     currency: 'EUR' | 'CHF';
     title?: string;
     subtitle?: string;
     button?: StrapiLink;
 }
-declare const SmallCheckout: ({ pricePerKg, currency, batchId, initialContributionValue, checkoutText, title, subtitle, button, }: SmallCheckoutProps) => React.JSX.Element;
+declare const SmallCheckout: ({ pricePerKg, currency, batchId, initialContributionValue, taxInPercent, checkoutText, title, subtitle, button, }: SmallCheckoutProps) => React.JSX.Element;
 export default SmallCheckout;

package/dist/components/portfolio/SmallCheckout/messages.de.d.ts

@@ -1,4 +1,6 @@
 declare const messagesDe: {
+    'portfolio.smallCheckout.price.taxNotIncluded': string;
+    'portfolio.smallCheckout.price.taxIncluded': string;
     'portfolio.smallCheckout.contributionValueCurrency.label.CHF': string;
     'portfolio.smallCheckout.contributionValueCurrency.label.EUR': string;
     'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': string;

package/dist/components/portfolio/SmallCheckout/messages.en.d.ts

@@ -1,4 +1,6 @@
 declare const messagesEn: {
+    'portfolio.smallCheckout.price.taxNotIncluded': string;
+    'portfolio.smallCheckout.price.taxIncluded': string;
     'portfolio.smallCheckout.contributionValueCurrency.label.CHF': string;
     'portfolio.smallCheckout.contributionValueCurrency.label.EUR': string;
     'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': string;

package/dist/rootMessages.de.d.ts

@@ -28,6 +28,8 @@ declare const rootMessagesDe: {
     'sections.cta.backgroundShapes': string;
     'sections.cta.backgroundShapesLight': string;
     'sections.comparison.backgroundShapes': string;
+    'portfolio.smallCheckout.price.taxNotIncluded': string;
+    'portfolio.smallCheckout.price.taxIncluded': string;
     'portfolio.smallCheckout.contributionValueCurrency.label.CHF': string;
     'portfolio.smallCheckout.contributionValueCurrency.label.EUR': string;
     'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': string;

package/dist/rootMessages.en.d.ts

@@ -28,6 +28,8 @@ declare const rootMessagesEn: {
     'sections.cta.backgroundShapesDark': string;
     'sections.cta.backgroundShapesLight': string;
     'sections.comparison.backgroundShapes': string;
+    'portfolio.smallCheckout.price.taxNotIncluded': string;
+    'portfolio.smallCheckout.price.taxIncluded': string;
     'portfolio.smallCheckout.contributionValueCurrency.label.CHF': string;
     'portfolio.smallCheckout.contributionValueCurrency.label.EUR': string;
     'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': string;

package/dist/slices/ProjectFacts/ProjectFacts.d.ts

@@ -9,6 +9,7 @@ export interface ProjectFactsProps {
         batchId?: string;
         currency?: 'EUR' | 'CHF';
         pricePerKg?: number;
+        taxInPercent?: number;
         initialContributionValue?: number;
         checkoutText?: string;
         customTitle?: string;

package/dist/strapi-slices.cjs.development.js

@@ -2236,6 +2236,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': '€',
@@ -2351,6 +2353,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': '€',
@@ -4341,6 +4345,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,
@@ -4351,6 +4356,9 @@ var SmallCheckout = function SmallCheckout(_ref) {
     locale = _useContext.locale;
   var _useRouter = router.useRouter(),
     push = _useRouter.push;
+  var _useState = React.useState(initialContributionValue),
+    contributionValue = _useState[0],
+    setContributionValue = _useState[1];
   var validateForm = React.useCallback(function (values) {
     var errors = {};
     var value = parseInt(values.contributionValueCurrency);
@@ -4400,7 +4408,7 @@ var SmallCheckout = function SmallCheckout(_ref) {
     padding: "6",
     direction: "column"
   }, React__default.default.createElement(boemly.Flex, {
-    gap: "1",
+    gap: "2",
     alignItems: "end",
     mb: "6"
   }, React__default.default.createElement(boemly.Text, {
@@ -4418,6 +4426,10 @@ var SmallCheckout = function SmallCheckout(_ref) {
       currency: currency,
       maximumFractionDigits: 0
     }))
+  })), React__default.default.createElement(boemly.Text, {
+    size: "smLowNormal"
+  }, React__default.default.createElement(reactIntl.FormattedMessage, {
+    id: "portfolio.smallCheckout.price.taxNotIncluded"
   }))), React__default.default.createElement(formik.Formik, {
     initialValues: {
       contributionValueCurrency: initialContributionValue.toString(),
@@ -4448,6 +4460,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()
@@ -4494,7 +4507,18 @@ var SmallCheckout = function SmallCheckout(_ref) {
         isInvalid: !!errors.contributionValueKgs && touched.contributionValueKgs,
         errorMessage: errors.contributionValueKgs
       });
-    }))), React__default.default.createElement(boemly.Spacer, {
+    }))), contributionValue > 0 && taxInPercent && taxInPercent > 0 && React__default.default.createElement(boemly.Text, {
+      size: "smLowNormal",
+      mt: "2"
+    }, formatMessage({
+      id: 'portfolio.smallCheckout.price.taxIncluded'
+    }, {
+      number: formatNumber(contributionValue + contributionValue * taxInPercent / 100, {
+        style: 'currency',
+        currency: currency,
+        maximumFractionDigits: 2
+      })
+    })), React__default.default.createElement(boemly.Spacer, {
       height: "4"
     }), React__default.default.createElement(boemly.Button, {
       type: "submit",
@@ -4812,7 +4836,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__default.default.createElement(Contact, {
     title: slice.contactTitle,
     text: slice.contactText,