@treely/strapi-slices 5.10.0 → 5.11.0

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;

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;

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

@@ -2265,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'
 };
 
@@ -2382,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'
 };
 
@@ -4051,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, {
@@ -4067,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, {
@@ -4110,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, {