@treely/strapi-slices 5.9.0 → 5.11.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

@@ -16,6 +16,8 @@ declare const rootMessagesDe: {
     'sections.shopCheckout.contributionValue.validation.tooHigh': string;
     'sections.shopCheckout.summary.kg': string;
     'sections.shopCheckout.summary.price': string;
+    'sections.shopCheckout.summary.taxNotIncluded': string;
+    'sections.shopCheckout.summary.taxIncluded': string;
     'sections.shopCheckout.submit': string;
     'sections.projectsMap.link.text': string;
     'sections.projectFacts.projectInfo.value': string;
@@ -28,6 +30,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

@@ -16,6 +16,8 @@ declare const rootMessagesEn: {
     'sections.shopCheckout.contributionValue.validation.tooHigh': string;
     'sections.shopCheckout.summary.kg': string;
     'sections.shopCheckout.summary.price': string;
+    'sections.shopCheckout.summary.price.taxNotIncluded': string;
+    'sections.shopCheckout.summary.price.taxIncluded': string;
     'sections.shopCheckout.submit': string;
     'sections.projectsMap.link.text': string;
     'sections.projectFacts.projectInfo.value': string;
@@ -28,6 +30,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/slices/ShopCheckout/ShopCheckout.d.ts

@@ -11,6 +11,7 @@ export interface ShopCheckoutProps {
         initialContributionValue: number;
         checkoutText: string;
         currency: 'EUR' | 'CHF';
+        taxInPercent?: number;
     };
 }
 export declare const ShopCheckout: ({ slice }: ShopCheckoutProps) => JSX.Element;

package/dist/slices/ShopCheckout/ShopCheckout.stories.d.ts

@@ -5,3 +5,4 @@ export declare const WithTagline: import("@storybook/types").AnnotatedStoryFn<im
 export declare const WithText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./ShopCheckout").ShopCheckoutProps>;
 export declare const WithBadge: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./ShopCheckout").ShopCheckoutProps>;
 export declare const WithCHF: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./ShopCheckout").ShopCheckoutProps>;
+export declare const WithTaxMessage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./ShopCheckout").ShopCheckoutProps>;

package/dist/slices/ShopCheckout/messages.de.d.ts

@@ -10,6 +10,8 @@ declare const messagesDe: {
     'sections.shopCheckout.contributionValue.validation.tooHigh': string;
     'sections.shopCheckout.summary.kg': string;
     'sections.shopCheckout.summary.price': string;
+    'sections.shopCheckout.summary.taxNotIncluded': string;
+    'sections.shopCheckout.summary.taxIncluded': string;
     'sections.shopCheckout.submit': string;
 };
 export default messagesDe;

package/dist/slices/ShopCheckout/messages.en.d.ts

@@ -10,6 +10,8 @@ declare const messagesEn: {
     'sections.shopCheckout.contributionValue.validation.tooHigh': string;
     'sections.shopCheckout.summary.kg': string;
     'sections.shopCheckout.summary.price': string;
+    'sections.shopCheckout.summary.price.taxNotIncluded': string;
+    'sections.shopCheckout.summary.price.taxIncluded': string;
     'sections.shopCheckout.submit': string;
 };
 export default messagesEn;

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': '€',
@@ -2263,6 +2265,8 @@ var messagesDe$3 = {
   'sections.shopCheckout.contributionValue.validation.tooHigh': 'Für größere Einkäufe kontaktieren Sie bitte unser Verkaufsteam über office@tree.ly',
   'sections.shopCheckout.summary.kg': 'Menge',
   'sections.shopCheckout.summary.price': 'Preis',
+  'sections.shopCheckout.summary.taxNotIncluded': 'ohne Steuern',
+  'sections.shopCheckout.summary.taxIncluded': 'Preis inklusive Steuern: {number}',
   'sections.shopCheckout.submit': 'Kaufen'
 };
 
@@ -2351,6 +2355,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': '€',
@@ -2378,6 +2384,8 @@ var messagesEn$1 = {
   'sections.shopCheckout.contributionValue.validation.tooHigh': 'For bigger purchases please contact our sales team via office@tree.ly',
   'sections.shopCheckout.summary.kg': 'Quantity',
   'sections.shopCheckout.summary.price': 'Price',
+  'sections.shopCheckout.summary.price.taxNotIncluded': 'not including tax',
+  'sections.shopCheckout.summary.price.taxIncluded': 'Price including tax: {number}',
   'sections.shopCheckout.submit': 'Checkout'
 };
 
@@ -4047,7 +4055,10 @@ var ShopCheckout = function ShopCheckout(_ref) {
     }) + "/" + formatNumber(100, {
       style: 'unit',
       unit: 'kilogram'
-    }) + "  CO\u2082"
+    }) + "  CO\u2082",
+    caption: formatMessage({
+      id: 'sections.shopCheckout.summary.price.taxNotIncluded'
+    })
   }), React__default.default.createElement(boemly.Spacer, {
     height: "6"
   }), React__default.default.createElement(boemly.Divider, null), React__default.default.createElement(boemly.Spacer, {
@@ -4063,6 +4074,7 @@ var ShopCheckout = function ShopCheckout(_ref) {
       touched = _ref3.touched,
       handleSubmit = _ref3.handleSubmit,
       values = _ref3.values;
+    var summaryPrice = Math.floor(values.contributionValue / slice.pricePerKg) * slice.pricePerKg;
     return React__default.default.createElement(formik.Form, {
       onSubmit: handleSubmit
     }, React__default.default.createElement(boemly.Box, {
@@ -4106,12 +4118,22 @@ var ShopCheckout = function ShopCheckout(_ref) {
       label: formatMessage({
         id: 'sections.shopCheckout.summary.price'
       }),
-      number: formatNumber(Math.floor(values.contributionValue / slice.pricePerKg) * slice.pricePerKg, {
+      number: formatNumber(summaryPrice, {
         style: 'currency',
         currency: slice.currency,
         minimumFractionDigits: 2,
         maximumFractionDigits: 2
-      })
+      }),
+      caption: slice.taxInPercent && slice.taxInPercent > 0 && summaryPrice > 0 ? formatMessage({
+        id: 'sections.shopCheckout.summary.price.taxIncluded'
+      }, {
+        number: formatNumber(summaryPrice + summaryPrice * (slice.taxInPercent / 100), {
+          style: 'currency',
+          currency: slice.currency,
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        })
+      }) : ''
     })), React__default.default.createElement(boemly.Spacer, {
       height: "6"
     }), React__default.default.createElement(boemly.Button, {
@@ -4341,6 +4363,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 +4374,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 +4426,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 +4444,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 +4478,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 +4525,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 +4854,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,