@treely/strapi-slices 5.8.1 → 5.10.0

package/dist/components/PreviewAlert/PreviewAlert.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PreviewAlert: () => JSX.Element;

package/dist/components/PreviewAlert/PreviewAlert.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, unknown>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, unknown>;

package/dist/components/PreviewAlert/index.d.ts

@@ -0,0 +1 @@
+export { PreviewAlert } from './PreviewAlert';

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/index.d.ts

@@ -52,6 +52,7 @@ import mergeGlobalAndStrapiPageData from './utils/mergeGlobalAndStrapiPageData';
 import mergeGlobalAndStrapiProjectData from './utils/mergeGlobalAndStrapiProjectData';
 import strapiLinkUrl from './utils/strapiLinkUrl';
 import strapiMediaUrl from './utils/strapiMediaUrl';
+export * from './components/PreviewAlert';
 export * from './components/SEOTags';
 export * from './components/SliceRenderer';
 export { mergeGlobalAndStrapiBlogPostData, mergeGlobalAndStrapiCustomerStoryData, mergeGlobalAndStrapiPageData, mergeGlobalAndStrapiProjectData, strapiLinkUrl, strapiMediaUrl, getPortfolioProjects, getStaticPathsFromStrapi, getStaticPropsFromStrapi, };

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/Hero/Hero.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import StrapiImage from '../../models/strapi/StrapiImage';
 import StrapiLink from '../../models/strapi/StrapiLink';
 import StrapiButtonWithVariant from '../../models/strapi/StrapiButtonWithVariant';
@@ -14,4 +14,4 @@ export interface HeroProps {
         shape?: StrapiImage;
     };
 }
-export declare const Hero: React.FC<HeroProps>;
+export declare const Hero: ({ slice }: HeroProps) => JSX.Element;

package/dist/slices/IconGrid/IconGrid.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import StrapiImage from '../../models/strapi/StrapiImage';
 import StrapiLink from '../../models/strapi/StrapiLink';
 export interface IconGridProps {
@@ -15,4 +15,4 @@ export interface IconGridProps {
         }[];
     };
 }
-export declare const IconGrid: React.FC<IconGridProps>;
+export declare const IconGrid: ({ slice }: IconGridProps) => JSX.Element;

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

@@ -6,8 +6,8 @@ var axios = require('axios');
 var qs = require('qs');
 var axiosCacheInterceptor = require('axios-cache-interceptor');
 var React = require('react');
-var Head = require('next/head');
 var boemly = require('boemly');
+var Head = require('next/head');
 var Image = require('next/image');
 var reactUse = require('react-use');
 var react = require('@phosphor-icons/react');
@@ -756,6 +756,17 @@ var strapiLinkUrl = function strapiLinkUrl(strapiLink) {
   return ((_strapiLink2 = strapiLink) == null ? void 0 : _strapiLink2.url) || '/';
 };
 
+var PreviewAlert = function PreviewAlert() {
+  return React__default.default.createElement(boemly.Box, {
+    position: "fixed",
+    top: "4",
+    left: "4"
+  }, React__default.default.createElement(boemly.BoemlyAlert, {
+    text: "Preview",
+    status: "error"
+  }));
+};
+
 var SEOTags = function SEOTags(_ref) {
   var _shareImage$url, _shareImage$alt;
   var title = _ref.title,
@@ -2225,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': '€',
@@ -2340,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': '€',
@@ -4330,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,
@@ -4340,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);
@@ -4389,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, {
@@ -4407,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(),
@@ -4437,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()
@@ -4483,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",
@@ -4801,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,
@@ -5581,6 +5617,7 @@ var SliceRenderer = function SliceRenderer(_ref) {
   }));
 };
 
+exports.PreviewAlert = PreviewAlert;
 exports.SEOTags = SEOTags;
 exports.SliceRenderer = SliceRenderer;
 exports.getPortfolioProjects = getPortfolioProjects;