@treely/strapi-slices 5.11.2 → 5.12.0

package/dist/components/ContextProvider/ContextProvider.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import Locale from '../../models/Locale';
 export declare const IntlContext: React.Context<import("react-intl").IntlShape>;
 export interface ContextProviderProps {
     children: React.ReactNode;
-    locale: Locale;
+    locale: string;
 }
 export declare const ContextProvider: React.FC<ContextProviderProps>;

package/dist/constants/strapi.d.ts

@@ -1,2 +1,3 @@
 export declare const STRAPI_URI: string;
 export declare const STRAPI_DEFAULT_PAGE_SIZE = "100";
+export declare const STRAPI_FALLBACK_LOCALE = "en";

package/dist/index.d.ts

@@ -31,8 +31,8 @@ import StrapiPageProps from './models/strapi/StrapiPageProps';
 import StrapiPortfolio from './models/strapi/StrapiPortfolio';
 import StrapiPortfolioCard from './models/strapi/StrapiPortfolioCard';
 import StrapiProject from './models/strapi/StrapiProject';
-import StrapiProjectProps from './models/strapi/StrapiProjectProps';
 import StrapiProjectCard from './models/strapi/StrapiProjectCard';
+import StrapiProjectProps from './models/strapi/StrapiProjectProps';
 import StrapiQuoteCard from './models/strapi/StrapiQuoteCard';
 import StrapiShapesCard from './models/strapi/StrapiShapesCard';
 import StrapiTextCardWithIcons from './models/strapi/StrapiTextCardWithIcons';
@@ -43,9 +43,12 @@ import Locale from './models/Locale';
 import PageMetadata from './models/PageMetadata';
 import PageProps from './models/PageProps';
 import PortfolioProject from './models/PortfolioProject';
+import getAllSlugsFromStrapi from './integrations/strapi/getAllSlugsFromStrapi';
 import getPortfolioProjects from './integrations/strapi/getPortfolioProjects';
 import getStaticPathsFromStrapi from './integrations/strapi/getStaticPathsFromStrapi';
 import getStaticPropsFromStrapi from './integrations/strapi/getStaticPropsFromStrapi';
+import getStrapiCollectionType from './integrations/strapi/getStrapiCollectionType';
+import getStrapiSingleType from './integrations/strapi/getStrapiSingleType';
 import mergeGlobalAndStrapiBlogPostData from './utils/mergeGlobalAndStrapiBlogPostData';
 import mergeGlobalAndStrapiCustomerStoryData from './utils/mergeGlobalAndStrapiCustomerStoryData';
 import mergeGlobalAndStrapiPageData from './utils/mergeGlobalAndStrapiPageData';
@@ -55,5 +58,5 @@ 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, };
-export type { IStrapi, IStrapiData, IStrapiResponse, StrapiAuthor, StrapiAvatarWithName, StrapiBanner, StrapiBlogPost, StrapiBlogPostProps, StrapiButtonWithVariant, StrapiCategory, StrapiContactArea, StrapiCustomerStory, StrapiCustomerStoryProps, StrapiDefaultHeader, StrapiGlobal, StrapiGlossaryItem, StrapiHeroCard, StrapiImage, StrapiImageFormat, StrapiImageWithLink, StrapiLink, StrapiLinkList, StrapiLinkPage, StrapiLinkWithIcon, StrapiLocalization, StrapiMedia, StrapiMetadata, StrapiNavMenu, StrapiPage, StrapiPageProps, StrapiPortfolio, StrapiPortfolioCard, StrapiProject, StrapiProjectProps, StrapiProjectCard, StrapiQuoteCard, StrapiShapesCard, StrapiTextCardWithIcons, StrapiTopBanner, HeaderType, Image, Locale, PageMetadata, PageProps, PortfolioProject, };
+export { mergeGlobalAndStrapiBlogPostData, mergeGlobalAndStrapiCustomerStoryData, mergeGlobalAndStrapiPageData, mergeGlobalAndStrapiProjectData, strapiLinkUrl, strapiMediaUrl, getAllSlugsFromStrapi, getPortfolioProjects, getStaticPathsFromStrapi, getStaticPropsFromStrapi, getStrapiCollectionType, getStrapiSingleType, };
+export type { IStrapi, IStrapiData, IStrapiResponse, StrapiAuthor, StrapiAvatarWithName, StrapiBanner, StrapiBlogPost, StrapiBlogPostProps, StrapiButtonWithVariant, StrapiCategory, StrapiContactArea, StrapiCustomerStory, StrapiCustomerStoryProps, StrapiDefaultHeader, StrapiGlobal, StrapiGlossaryItem, StrapiHeroCard, StrapiImage, StrapiImageFormat, StrapiImageWithLink, StrapiLink, StrapiLinkList, StrapiLinkPage, StrapiLinkWithIcon, StrapiLocalization, StrapiMedia, StrapiMetadata, StrapiNavMenu, StrapiPage, StrapiPageProps, StrapiPortfolio, StrapiPortfolioCard, StrapiProject, StrapiProjectCard, StrapiProjectProps, StrapiQuoteCard, StrapiShapesCard, StrapiTextCardWithIcons, StrapiTopBanner, HeaderType, Image, Locale, PageMetadata, PageProps, PortfolioProject, };

package/dist/integrations/strapi/getAllSlugsFromStrapi.d.ts

@@ -0,0 +1,10 @@
+import LocalizedEntity from '../../models/LocalizedEntity';
+interface Options {
+    filters?: Record<string, any>;
+}
+type Slug = {
+    slug: string;
+    locale: string;
+};
+declare const getAllSlugsFromStrapi: <T extends LocalizedEntity<"slug">>(path: string, locales: string[], { filters }?: Options) => Promise<Slug[]>;
+export default getAllSlugsFromStrapi;

package/dist/integrations/strapi/getStaticPathsFromStrapi.d.ts

@@ -2,5 +2,6 @@ import { AxiosResponse } from 'axios';
 interface Options {
     filters?: Record<string, any>;
 }
+/** @deprecated Migrate to getAllSlugsFromStrapi */
 declare const getStaticPathsFromStrapi: (path: string, { filters }?: Options) => Promise<AxiosResponse>;
 export default getStaticPathsFromStrapi;

package/dist/integrations/strapi/getStaticPropsFromStrapi.d.ts

@@ -5,5 +5,6 @@ interface Options {
     preview?: boolean;
     filters?: Record<string, any>;
 }
+/** @deprecated Migrate to getStrapiSingleType or getStrapiCollectionType */
 declare const getStaticPropsFromStrapi: (path: string, { locale, slug, preview, filters }: Options) => Promise<AxiosResponse>;
 export default getStaticPropsFromStrapi;

package/dist/integrations/strapi/getStrapiCollectionType.d.ts

@@ -0,0 +1,10 @@
+import IStrapiData from '../../models/strapi/IStrapiData';
+import LocalizedEntity from '../../models/LocalizedEntity';
+interface Options {
+    locale?: string;
+    slug?: string;
+    preview?: boolean;
+    filters?: Record<string, any>;
+}
+declare const getStrapiCollectionType: <T extends LocalizedEntity<K>, K extends string>(path: string, key: K, { locale, preview, filters }: Options) => Promise<IStrapiData<T>[]>;
+export default getStrapiCollectionType;

package/dist/integrations/strapi/getStrapiSingleType.d.ts

@@ -0,0 +1,8 @@
+import IStrapiData from '../../models/strapi/IStrapiData';
+interface Options {
+    locale?: string;
+    preview?: boolean;
+    filters?: Record<string, any>;
+}
+declare const getStrapiSingleType: <T>(path: string, { locale, preview, filters }: Options) => Promise<IStrapiData<T>>;
+export default getStrapiSingleType;

package/dist/models/Locale.d.ts

@@ -1,2 +1,4 @@
-type Locale = 'en' | 'de';
+/** @deprecated Removing this type because this project now falls back to
+ *              English if a locale is not supported. */
+type Locale = string;
 export default Locale;

package/dist/models/LocalizedEntity.d.ts

@@ -0,0 +1,7 @@
+import Locale from './Locale';
+type LocalizedEntity<Key extends string = any> = {
+    [key in Key]: any;
+} & {
+    locale: Locale;
+};
+export default LocalizedEntity;

package/dist/models/strapi/StrapiGlobal.d.ts

@@ -1,3 +1,4 @@
+import Locale from '../Locale';
 import IStrapi from './IStrapi';
 import IStrapiData from './IStrapiData';
 import StrapiBanner from './StrapiBanner';
@@ -8,6 +9,7 @@ import StrapiMetadata from './StrapiMetadata';
 import StrapiNavMenu from './StrapiNavMenu';
 import StrapiTopBanner from './StrapiTopBanner';
 interface StrapiGlobal {
+    locale: Locale;
     metadata: StrapiMetadata;
     favicon: IStrapi<IStrapiData<StrapiMedia>>;
     metaTitleSuffix: string;

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

@@ -400,34 +400,87 @@ function _taggedTemplateLiteralLoose(strings, raw) {
 
 var STRAPI_URI = process.env.NEXT_PUBLIC_STRAPI_URI || 'http://127.0.0.1:1337';
 var STRAPI_DEFAULT_PAGE_SIZE = '100';
+var STRAPI_FALLBACK_LOCALE = 'en';
 
-process.env.NEXT_PUBLIC_API_URI || 'http://localhost:4001';
-var FPM_API_URI = process.env.NEXT_PUBLIC_FPM_API_URI || 'https://api.fpm.t-staging.com';
-var CDN_URI = 'https://cdn.tree.ly';
-
-var fpmClient = /*#__PURE__*/axiosCacheInterceptor.setupCache( /*#__PURE__*/axios__default.default.create({
-  baseURL: FPM_API_URI + "/v1",
+var strapiClient = /*#__PURE__*/axiosCacheInterceptor.setupCache( /*#__PURE__*/axios__default.default.create({
+  baseURL: STRAPI_URI + "/api",
   paramsSerializer: function paramsSerializer(p) {
     return qs__default.default.stringify(p, {
       encodeValuesOnly: true
     });
   },
-  timeout: 5000
+  timeout: 60000
 }));
 
-var strapiClient = /*#__PURE__*/axiosCacheInterceptor.setupCache( /*#__PURE__*/axios__default.default.create({
-  baseURL: STRAPI_URI + "/api",
+var getAllSlugsFromStrapi = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(path, locales, _temp) {
+    var _ref2, _ref2$filters, filters, params, _yield$strapiClient$g, data, slugs, fallBackSlugs, nonFallbackSlugs;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _ref2 = _temp === void 0 ? {
+            filters: {}
+          } : _temp, _ref2$filters = _ref2.filters, filters = _ref2$filters === void 0 ? {} : _ref2$filters;
+          params = {
+            locale: 'all',
+            'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE,
+            filters: filters
+          };
+          _context.next = 4;
+          return strapiClient.get(path, {
+            params: params
+          });
+        case 4:
+          _yield$strapiClient$g = _context.sent;
+          data = _yield$strapiClient$g.data;
+          slugs = data.data.map(function (page) {
+            return {
+              slug: page.attributes.slug,
+              locale: page.attributes.locale
+            };
+          });
+          fallBackSlugs = locales.flatMap(function (locale) {
+            return slugs.filter(function (slug) {
+              return slug.locale === STRAPI_FALLBACK_LOCALE;
+            }).map(function (slug) {
+              return _extends({}, slug, {
+                locale: locale
+              });
+            });
+          });
+          nonFallbackSlugs = slugs.filter(function (p) {
+            return p.locale !== STRAPI_FALLBACK_LOCALE;
+          });
+          return _context.abrupt("return", [].concat(fallBackSlugs, nonFallbackSlugs));
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getAllSlugsFromStrapi(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+process.env.NEXT_PUBLIC_API_URI || 'http://localhost:4001';
+var FPM_API_URI = process.env.NEXT_PUBLIC_FPM_API_URI || 'https://api.fpm.t-staging.com';
+var CDN_URI = 'https://cdn.tree.ly';
+
+var fpmClient = /*#__PURE__*/axiosCacheInterceptor.setupCache( /*#__PURE__*/axios__default.default.create({
+  baseURL: FPM_API_URI + "/v1",
   paramsSerializer: function paramsSerializer(p) {
     return qs__default.default.stringify(p, {
       encodeValuesOnly: true
     });
   },
-  timeout: 60000
+  timeout: 5000
 }));
 
+var FALLBACK_LOCALE = 'en';
 var getPortfolioProjects = /*#__PURE__*/function () {
   var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(locale, preview) {
-    var params, _yield$Promise$all, fpmProjects, strapiProjects;
+    var params, _yield$Promise$all, fpmProjects, strapiProjectsLocalized, strapiProjectsEnglish, strapiProjects, _i, _arr, project;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -448,16 +501,26 @@ var getPortfolioProjects = /*#__PURE__*/function () {
           _context.next = 6;
           return Promise.all([fpmClient.get('/public/projects'), strapiClient.get('/projects', {
             params: params
+          }), strapiClient.get('/projects', {
+            params: _extends({}, params, {
+              locale: FALLBACK_LOCALE
+            })
           })]);
         case 6:
           _yield$Promise$all = _context.sent;
           fpmProjects = _yield$Promise$all[0].data;
-          strapiProjects = _yield$Promise$all[1].data;
+          strapiProjectsLocalized = _yield$Promise$all[1].data;
+          strapiProjectsEnglish = _yield$Promise$all[2].data;
+          strapiProjects = new Map();
+          for (_i = 0, _arr = [].concat(strapiProjectsEnglish.data, strapiProjectsLocalized.data); _i < _arr.length; _i++) {
+            project = _arr[_i];
+            if (project.attributes.fpmProjectId) {
+              strapiProjects.set(project.attributes.fpmProjectId, project);
+            }
+          }
           return _context.abrupt("return", fpmProjects.map(function (fpmProject) {
             var _strapiProject$attrib;
-            var strapiProject = strapiProjects.data.find(function (sp) {
-              return sp.attributes.fpmProjectId === fpmProject.id;
-            });
+            var strapiProject = strapiProjects.get(fpmProject.id);
             var toReturn = fpmProject;
             if (strapiProject != null && strapiProject.attributes.slug) {
               toReturn.slug = strapiProject.attributes.slug;
@@ -476,7 +539,7 @@ var getPortfolioProjects = /*#__PURE__*/function () {
             }
             return toReturn;
           }));
-        case 10:
+        case 13:
         case "end":
           return _context.stop();
       }
@@ -487,6 +550,7 @@ var getPortfolioProjects = /*#__PURE__*/function () {
   };
 }();
 
+/** @deprecated Migrate to getAllSlugsFromStrapi */
 var getStaticPathsFromStrapi = /*#__PURE__*/function () {
   var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(path, _temp) {
     var _ref2, _ref2$filters, filters, params;
@@ -515,6 +579,7 @@ var getStaticPathsFromStrapi = /*#__PURE__*/function () {
   };
 }();
 
+/** @deprecated Migrate to getStrapiSingleType or getStrapiCollectionType */
 var getStaticPropsFromStrapi = /*#__PURE__*/function () {
   var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(path, _ref) {
     var _ref$locale, locale, slug, _ref$preview, preview, _ref$filters, filters, enrichedFilters, params;
@@ -549,6 +614,106 @@ var getStaticPropsFromStrapi = /*#__PURE__*/function () {
   };
 }();
 
+var getStrapiCollectionType = /*#__PURE__*/function () {
+  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(path, key, _ref) {
+    var _ref$locale, locale, _ref$preview, preview, _ref$filters, filters, params, _yield$strapiClient$g, data, localizedResponses, fallbackResponses, responses;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _ref$locale = _ref.locale, locale = _ref$locale === void 0 ? 'en' : _ref$locale, _ref$preview = _ref.preview, preview = _ref$preview === void 0 ? false : _ref$preview, _ref$filters = _ref.filters, filters = _ref$filters === void 0 ? {} : _ref$filters;
+          params = {
+            populate: 'deep,6',
+            locale: 'all',
+            'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE,
+            filters: filters
+          };
+          if (preview) {
+            params.publicationState = 'preview';
+          }
+          _context.next = 5;
+          return strapiClient.get(path, {
+            params: params
+          });
+        case 5:
+          _yield$strapiClient$g = _context.sent;
+          data = _yield$strapiClient$g.data;
+          localizedResponses = data.data.filter(function (d) {
+            return d.attributes.locale === locale;
+          });
+          fallbackResponses = data.data.filter(function (d) {
+            return d.attributes.locale === STRAPI_FALLBACK_LOCALE;
+          });
+          responses = fallbackResponses.map(function (fallbackResponse) {
+            var localizedResponse = localizedResponses.find(function (localized) {
+              return localized.attributes[key] === fallbackResponse.attributes[key];
+            });
+            return localizedResponse || fallbackResponse;
+          });
+          return _context.abrupt("return", responses);
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getStrapiCollectionType(_x, _x2, _x3) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+var getStrapiSingleType = /*#__PURE__*/function () {
+  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(path, _ref) {
+    var _ref$locale, locale, _ref$preview, preview, _ref$filters, filters, params, response, _error$response;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _ref$locale = _ref.locale, locale = _ref$locale === void 0 ? 'en' : _ref$locale, _ref$preview = _ref.preview, preview = _ref$preview === void 0 ? false : _ref$preview, _ref$filters = _ref.filters, filters = _ref$filters === void 0 ? {} : _ref$filters;
+          params = {
+            populate: 'deep,6',
+            locale: locale,
+            'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE,
+            filters: filters
+          };
+          if (preview) {
+            params.publicationState = 'preview';
+          }
+          _context.prev = 3;
+          _context.next = 6;
+          return strapiClient.get(path, {
+            params: params
+          });
+        case 6:
+          response = _context.sent;
+          return _context.abrupt("return", response.data.data);
+        case 10:
+          _context.prev = 10;
+          _context.t0 = _context["catch"](3);
+          if (!(_context.t0.isAxiosError && ((_error$response = _context.t0.response) == null ? void 0 : _error$response.status) === 404)) {
+            _context.next = 17;
+            break;
+          }
+          _context.next = 15;
+          return strapiClient.get(path, {
+            params: _extends({}, params, {
+              locale: STRAPI_FALLBACK_LOCALE
+            })
+          });
+        case 15:
+          response = _context.sent;
+          return _context.abrupt("return", response.data.data);
+        case 17:
+          throw _context.t0;
+        case 18:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[3, 10]]);
+  }));
+  return function getStrapiSingleType(_x, _x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
 var strapiMediaUrl = function strapiMediaUrl(media, preferredSize) {
   if (preferredSize === void 0) {
     preferredSize = 'native';
@@ -2168,6 +2333,9 @@ var CarouselInnerContainer = /*#__PURE__*/styled__default.default(framerMotion.m
 });
 var CardContainer = /*#__PURE__*/styled__default.default(boemly.Box)(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--boemly-sizes-sm);\n\n  @media screen and (max-width: ", ") {\n    width: var(--boemly-sizes-2xs);\n\n    margin-right: var(--boemly-space-4);\n\n    &:first-of-type {\n      margin-left: var(--boemly-space-6);\n    }\n  }\n"])), BREAKPOINT_MD);
 
+var _templateObject$4;
+var GLOBAL_STYLE = /*#__PURE__*/react$1.css(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])));
+
 var messagesDe$f = {
   'sections.comparison.backgroundShapes': 'Hintergrundformen'
 };
@@ -2406,17 +2574,20 @@ var unitMessagesEn = {
 
 var rootMessagesEn = /*#__PURE__*/_extends({}, messagesEn$c, messagesEn$7, messagesEn$3, messagesEn$4, messagesEn$2, messagesEn$d, messagesEn$b, messagesEn$a, messagesEn$9, messagesEn$8, messagesEn$6, messagesEn$5, messagesEn$1, messagesDe, messagesEn, unitMessagesEn);
 
-var _templateObject$4;
-var GLOBAL_STYLE = /*#__PURE__*/react$1.css(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])));
+var messages = {
+  en: rootMessagesEn,
+  de: rootMessagesDe
+};
+var getMessages = function getMessages(locale) {
+  var messagesLocale = Object.keys(messages).includes("" + locale) ? locale : STRAPI_FALLBACK_LOCALE;
+  return messages[messagesLocale];
+};
 
 var cache = /*#__PURE__*/reactIntl.createIntlCache();
 var intlFactory = function intlFactory(locale) {
   return reactIntl.createIntl({
     locale: locale,
-    messages: {
-      de: rootMessagesDe,
-      en: rootMessagesEn
-    }[locale]
+    messages: getMessages(locale)
   }, cache);
 };
 var IntlContext = /*#__PURE__*/React.createContext( /*#__PURE__*/intlFactory('en'));
@@ -3103,15 +3274,11 @@ var FONT_CUSTOMIZATIONS = {
   mono: 'SpaceMono'
 };
 
-var messages = {
-  en: rootMessagesEn,
-  de: rootMessagesDe
-};
 var MinimalProviders = function MinimalProviders(_ref) {
   var children = _ref.children,
     locale = _ref.locale;
   return React__default.default.createElement(reactIntl.IntlProvider, {
-    messages: messages[locale],
+    messages: getMessages(locale),
     locale: locale
   }, React__default.default.createElement(boemly.BoemlyThemeProvider, {
     fonts: FONT_CUSTOMIZATIONS
@@ -4358,6 +4525,11 @@ var BlogCards = function BlogCards(_ref) {
   }))))));
 };
 
+var calculateTaxIncludedValue = function calculateTaxIncludedValue(values, taxInPercent) {
+  var value = parseInt(values.contributionValueCurrency);
+  if (isNaN(value)) return 0;
+  return value + value * (taxInPercent / 100);
+};
 var SmallCheckout = function SmallCheckout(_ref) {
   var pricePerKg = _ref.pricePerKg,
     currency = _ref.currency,
@@ -4374,9 +4546,6 @@ 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);
@@ -4394,7 +4563,7 @@ var SmallCheckout = function SmallCheckout(_ref) {
       });
     }
     return errors;
-  }, [locale]);
+  }, [currency, locale]);
   var onSubmit = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
       var contributionValueCurrency, checkoutURL, currentURL;
@@ -4459,7 +4628,8 @@ var SmallCheckout = function SmallCheckout(_ref) {
     var errors = _ref4.errors,
       touched = _ref4.touched,
       handleSubmit = _ref4.handleSubmit,
-      setValues = _ref4.setValues;
+      setValues = _ref4.setValues,
+      values = _ref4.values;
     return React__default.default.createElement(formik.Form, {
       onSubmit: handleSubmit
     }, React__default.default.createElement(boemly.Flex, {
@@ -4478,7 +4648,6 @@ 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()
@@ -4525,13 +4694,13 @@ var SmallCheckout = function SmallCheckout(_ref) {
         isInvalid: !!errors.contributionValueKgs && touched.contributionValueKgs,
         errorMessage: errors.contributionValueKgs
       });
-    }))), contributionValue > 0 && taxInPercent && taxInPercent > 0 && React__default.default.createElement(boemly.Text, {
+    }))), values.contributionValueCurrency && 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, {
+      number: formatNumber(calculateTaxIncludedValue(values, taxInPercent), {
         style: 'currency',
         currency: currency,
         maximumFractionDigits: 2
@@ -5638,9 +5807,12 @@ var SliceRenderer = function SliceRenderer(_ref) {
 exports.PreviewAlert = PreviewAlert;
 exports.SEOTags = SEOTags;
 exports.SliceRenderer = SliceRenderer;
+exports.getAllSlugsFromStrapi = getAllSlugsFromStrapi;
 exports.getPortfolioProjects = getPortfolioProjects;
 exports.getStaticPathsFromStrapi = getStaticPathsFromStrapi;
 exports.getStaticPropsFromStrapi = getStaticPropsFromStrapi;
+exports.getStrapiCollectionType = getStrapiCollectionType;
+exports.getStrapiSingleType = getStrapiSingleType;
 exports.mergeGlobalAndStrapiBlogPostData = mergeGlobalAndStrapiBlogPostData;
 exports.mergeGlobalAndStrapiCustomerStoryData = mergeGlobalAndStrapiCustomerStoryData;
 exports.mergeGlobalAndStrapiPageData = mergeGlobalAndStrapiPageData;