@treely/strapi-slices 5.11.3 → 5.12.0

package/dist/strapi-slices.esm.js

@@ -14,7 +14,7 @@ import styled from '@emotion/styled';
 import { css, Global } from '@emotion/react';
 import { motion, AnimatePresence } from 'framer-motion';
 import { createIntl, createIntlCache, IntlProvider, IntlContext as IntlContext$1, FormattedMessage } from 'react-intl';
-import mapboxgl, { Map, Marker } from 'mapbox-gl';
+import mapboxgl, { Map as Map$1, Marker } from 'mapbox-gl';
 import { createRoot } from 'react-dom/client';
 import { Formik, Form, Field } from 'formik';
 
@@ -385,34 +385,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__*/setupCache( /*#__PURE__*/axios.create({
-  baseURL: FPM_API_URI + "/v1",
+var strapiClient = /*#__PURE__*/setupCache( /*#__PURE__*/axios.create({
+  baseURL: STRAPI_URI + "/api",
   paramsSerializer: function paramsSerializer(p) {
     return qs.stringify(p, {
       encodeValuesOnly: true
     });
   },
-  timeout: 5000
+  timeout: 60000
 }));
 
-var strapiClient = /*#__PURE__*/setupCache( /*#__PURE__*/axios.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__*/setupCache( /*#__PURE__*/axios.create({
+  baseURL: FPM_API_URI + "/v1",
   paramsSerializer: function paramsSerializer(p) {
     return qs.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:
@@ -433,16 +486,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;
@@ -461,7 +524,7 @@ var getPortfolioProjects = /*#__PURE__*/function () {
             }
             return toReturn;
           }));
-        case 10:
+        case 13:
         case "end":
           return _context.stop();
       }
@@ -472,6 +535,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;
@@ -500,6 +564,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;
@@ -534,6 +599,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';
@@ -2153,6 +2318,9 @@ var CarouselInnerContainer = /*#__PURE__*/styled(motion.div)(_templateObject2$2
 });
 var CardContainer = /*#__PURE__*/styled(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__*/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'
 };
@@ -2391,17 +2559,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__*/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__*/createIntlCache();
 var intlFactory = function intlFactory(locale) {
   return createIntl({
     locale: locale,
-    messages: {
-      de: rootMessagesDe,
-      en: rootMessagesEn
-    }[locale]
+    messages: getMessages(locale)
   }, cache);
 };
 var IntlContext = /*#__PURE__*/createContext( /*#__PURE__*/intlFactory('en'));
@@ -3088,15 +3259,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.createElement(IntlProvider, {
-    messages: messages[locale],
+    messages: getMessages(locale),
     locale: locale
   }, React.createElement(BoemlyThemeProvider, {
     fonts: FONT_CUSTOMIZATIONS
@@ -3223,7 +3390,7 @@ var ProjectsMap = function ProjectsMap(_ref) {
   }));
   var mapContainer = useRef(null);
   useEffect(function () {
-    var map = new Map({
+    var map = new Map$1({
       container: mapContainer.current || '',
       style: MapBoxStyle.CaliTerrain,
       center: center,
@@ -5622,5 +5789,5 @@ var SliceRenderer = function SliceRenderer(_ref) {
   }));
 };
 
-export { PreviewAlert, SEOTags, SliceRenderer, getPortfolioProjects, getStaticPathsFromStrapi, getStaticPropsFromStrapi, mergeGlobalAndStrapiBlogPostData, mergeGlobalAndStrapiCustomerStoryData, mergeGlobalAndStrapiPageData, mergeGlobalAndStrapiProject as mergeGlobalAndStrapiProjectData, strapiLinkUrl, strapiMediaUrl };
+export { PreviewAlert, SEOTags, SliceRenderer, getAllSlugsFromStrapi, getPortfolioProjects, getStaticPathsFromStrapi, getStaticPropsFromStrapi, getStrapiCollectionType, getStrapiSingleType, mergeGlobalAndStrapiBlogPostData, mergeGlobalAndStrapiCustomerStoryData, mergeGlobalAndStrapiPageData, mergeGlobalAndStrapiProject as mergeGlobalAndStrapiProjectData, strapiLinkUrl, strapiMediaUrl };
 //# sourceMappingURL=strapi-slices.esm.js.map