@treely/strapi-slices 7.4.2 → 7.5.1

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

@@ -1,10 +1,10 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithCard").TextWithCardProps>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithCard").TextWithCardProps>;
 export default _default;
-export declare const Minimal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithCard").TextWithCardProps>;
-export declare const WithTagline: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithCard").TextWithCardProps>;
-export declare const WithTaglineAndText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithCard").TextWithCardProps>;
-export declare const WithList: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithCard").TextWithCardProps>;
-export declare const WithButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithCard").TextWithCardProps>;
-export declare const WithCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithCard").TextWithCardProps>;
-export declare const WithCardOnRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithCard").TextWithCardProps>;
-export declare const WithProjects: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithCard").TextWithCardProps>;
+export declare const Minimal: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithCard").TextWithCardProps>;
+export declare const WithTagline: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithCard").TextWithCardProps>;
+export declare const WithTaglineAndText: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithCard").TextWithCardProps>;
+export declare const WithList: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithCard").TextWithCardProps>;
+export declare const WithButton: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithCard").TextWithCardProps>;
+export declare const WithCard: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithCard").TextWithCardProps>;
+export declare const WithCardOnRight: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithCard").TextWithCardProps>;
+export declare const WithProjects: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithCard").TextWithCardProps>;

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

@@ -1,7 +1,7 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithTextCards").TextWithTextCardsProps>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithTextCards").TextWithTextCardsProps>;
 export default _default;
-export declare const Minimal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithTextCards").TextWithTextCardsProps>;
-export declare const WithTagline: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithTextCards").TextWithTextCardsProps>;
-export declare const WithTaglineAndText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithTextCards").TextWithTextCardsProps>;
-export declare const WithContact: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithTextCards").TextWithTextCardsProps>;
-export declare const WithShape: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextWithTextCards").TextWithTextCardsProps>;
+export declare const Minimal: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithTextCards").TextWithTextCardsProps>;
+export declare const WithTagline: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithTextCards").TextWithTextCardsProps>;
+export declare const WithTaglineAndText: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithTextCards").TextWithTextCardsProps>;
+export declare const WithContact: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithTextCards").TextWithTextCardsProps>;
+export declare const WithShape: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./TextWithTextCards").TextWithTextCardsProps>;

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

@@ -1,9 +1,9 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./Timeline").TimelineProps>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("./Timeline").TimelineProps>;
 export default _default;
-export declare const Minimal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Timeline").TimelineProps>;
-export declare const WithTaglineAndText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Timeline").TimelineProps>;
-export declare const WithBackgroundShapes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Timeline").TimelineProps>;
-export declare const WithButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Timeline").TimelineProps>;
-export declare const WithBadgeOrLogo: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Timeline").TimelineProps>;
-export declare const WithImage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Timeline").TimelineProps>;
-export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Timeline").TimelineProps>;
+export declare const Minimal: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./Timeline").TimelineProps>;
+export declare const WithTaglineAndText: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./Timeline").TimelineProps>;
+export declare const WithBackgroundShapes: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./Timeline").TimelineProps>;
+export declare const WithButton: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./Timeline").TimelineProps>;
+export declare const WithBadgeOrLogo: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./Timeline").TimelineProps>;
+export declare const WithImage: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./Timeline").TimelineProps>;
+export declare const WithIcon: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import("./Timeline").TimelineProps>;

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

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

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

@@ -40,6 +40,49 @@ var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
 var AutoScroll__default = /*#__PURE__*/_interopDefault(AutoScroll);
 var useSWRInfinite__default = /*#__PURE__*/_interopDefault(useSWRInfinite);
 
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
     return e;
@@ -148,7 +191,7 @@ function _regeneratorRuntime() {
   function makeInvokeMethod(e, r, n) {
     var o = h;
     return function (i, a) {
-      if (o === f) throw new Error("Generator is already running");
+      if (o === f) throw Error("Generator is already running");
       if (o === s) {
         if ("throw" === i) throw a;
         return {
@@ -290,7 +333,7 @@ function _regeneratorRuntime() {
           } else if (c) {
             if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
           } else {
-            if (!u) throw new Error("try statement without catch or finally");
+            if (!u) throw Error("try statement without catch or finally");
             if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
           }
         }
@@ -330,7 +373,7 @@ function _regeneratorRuntime() {
           return o;
         }
       }
-      throw new Error("illegal catch attempt");
+      throw Error("illegal catch attempt");
     },
     delegateYield: function (e, r, n) {
       return this.delegate = {
@@ -341,76 +384,19 @@ function _regeneratorRuntime() {
     }
   }, e;
 }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-  strings.raw = raw;
-  return strings;
+function _taggedTemplateLiteralLoose(e, t) {
+  return t || (t = e.slice(0)), e.raw = t, e;
 }
 
 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';
 
-var strapiClient = /*#__PURE__*/axiosCacheInterceptor.setupCache( /*#__PURE__*/axios__default.default.create({
+var strapiClient = /*#__PURE__*/axiosCacheInterceptor.setupCache(/*#__PURE__*/axios__default.default.create({
   baseURL: STRAPI_URI + "/api",
+  headers: {
+    'Strapi-Response-Format': 'v4'
+  },
   paramsSerializer: function paramsSerializer(p) {
     return qs__default.default.stringify(p, {
       encodeValuesOnly: true
@@ -421,47 +407,81 @@ var strapiClient = /*#__PURE__*/axiosCacheInterceptor.setupCache( /*#__PURE__*/a
   ttl: /*#__PURE__*/STRAPI_URI.includes('127.0.0.1') || /*#__PURE__*/STRAPI_URI.includes('localhost') ? 0 : 10 * 60 * 1000 // 10 minutes
 });
 
+var getAvailableLocalesFromStrapi = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _yield$strapiClient$g, data;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return strapiClient.get('/i18n/locales');
+        case 2:
+          _yield$strapiClient$g = _context.sent;
+          data = _yield$strapiClient$g.data;
+          return _context.abrupt("return", data.map(function (locale) {
+            return locale.code;
+          }));
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getAvailableLocalesFromStrapi() {
+    return _ref.apply(this, arguments);
+  };
+}();
+
 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;
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(path, locales, _temp) {
+    var _ref2, _ref2$filters, filters, allLocales, slugPromises, slugResults, allSlugs, missingLocales;
     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
+          _context.next = 3;
+          return getAvailableLocalesFromStrapi();
+        case 3:
+          allLocales = _context.sent;
+          slugPromises = allLocales.map(function (locale) {
+            var params = {
+              locale: locale,
+              'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE,
+              filters: filters
             };
+            return strapiClient.get(path, {
+              params: params
+            });
           });
-          fallBackSlugs = locales.flatMap(function (locale) {
-            return slugs.filter(function (slug) {
+          _context.next = 7;
+          return Promise.all(slugPromises);
+        case 7:
+          slugResults = _context.sent;
+          allSlugs = slugResults.map(function (result) {
+            return result.data.data.map(function (page) {
+              return {
+                slug: page.attributes.slug,
+                locale: page.attributes.locale
+              };
+            });
+          }).flat(); // Identify missing locales for each slug
+          missingLocales = locales.flatMap(function (locale) {
+            return allSlugs.filter(function (slug) {
               return slug.locale === STRAPI_FALLBACK_LOCALE;
-            }).map(function (slug) {
-              return _extends({}, slug, {
+            }).filter(function (fallbackSlug) {
+              return !allSlugs.some(function (slug) {
+                return slug.slug === fallbackSlug.slug && slug.locale === locale;
+              });
+            }).map(function (fallbackSlug) {
+              return _extends({}, fallbackSlug, {
                 locale: locale
               });
-            });
-          });
-          nonFallbackSlugs = slugs.filter(function (p) {
-            return p.locale !== STRAPI_FALLBACK_LOCALE;
+            }); // Clone only for missing locales
           });
-          return _context.abrupt("return", [].concat(fallBackSlugs, nonFallbackSlugs));
-        case 10:
+          return _context.abrupt("return", [].concat(allSlugs, missingLocales));
+        case 11:
         case "end":
           return _context.stop();
       }
@@ -476,7 +496,7 @@ 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({
+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, {
@@ -490,7 +510,7 @@ var fpmClient = /*#__PURE__*/axiosCacheInterceptor.setupCache( /*#__PURE__*/axio
 
 var FALLBACK_LOCALE = 'en';
 var getPortfolioProjects = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(locale, preview) {
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(locale, preview) {
     var cache, params, _yield$Promise$all, fpmProjects, strapiProjectsLocalized, strapiProjectsEnglish, strapiProjects, _i, _arr, project;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -503,7 +523,7 @@ var getPortfolioProjects = /*#__PURE__*/function () {
           }
           cache = preview ? false : undefined;
           params = {
-            populate: 'deep,6',
+            pLevel: '6',
             locale: locale,
             'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE
           };
@@ -561,44 +581,56 @@ var getPortfolioProjects = /*#__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, cache, params, _yield$strapiClient$g, data, localizedResponses, fallbackResponses, responses;
+  var _ref2 = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(path, key, _ref) {
+    var _ref$locale, locale, _ref$preview, preview, _ref$filters, filters, cache, allLocales, promises, responses, results, localizedResponses, fallbackResponses, result;
     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;
           cache = preview ? false : undefined;
-          params = {
-            populate: 'deep,6',
-            locale: 'all',
-            'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE,
-            filters: filters
-          };
-          if (preview) {
-            params.publicationState = 'preview';
+          _context.next = 4;
+          return getAvailableLocalesFromStrapi();
+        case 4:
+          allLocales = _context.sent;
+          if (!allLocales.includes(STRAPI_FALLBACK_LOCALE)) {
+            allLocales.push(STRAPI_FALLBACK_LOCALE);
           }
-          _context.next = 6;
-          return strapiClient.get(path, {
-            params: params,
-            cache: cache
+          promises = allLocales.map(function (loc) {
+            var params = {
+              pLevel: '6',
+              locale: loc,
+              'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE,
+              filters: filters
+            };
+            if (preview) {
+              params.publicationState = 'preview';
+            }
+            return strapiClient.get(path, {
+              params: params,
+              cache: cache
+            });
           });
-        case 6:
-          _yield$strapiClient$g = _context.sent;
-          data = _yield$strapiClient$g.data;
-          localizedResponses = data.data.filter(function (d) {
+          _context.next = 9;
+          return Promise.all(promises);
+        case 9:
+          responses = _context.sent;
+          results = responses.flatMap(function (response) {
+            return response.data.data;
+          });
+          localizedResponses = results.filter(function (d) {
             return d.attributes.locale === locale;
           });
-          fallbackResponses = data.data.filter(function (d) {
+          fallbackResponses = results.filter(function (d) {
             return d.attributes.locale === STRAPI_FALLBACK_LOCALE;
           });
-          responses = fallbackResponses.map(function (fallbackResponse) {
+          result = 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 12:
+          return _context.abrupt("return", result);
+        case 15:
         case "end":
           return _context.stop();
       }
@@ -610,7 +642,7 @@ var getStrapiCollectionType = /*#__PURE__*/function () {
 }();
 
 var getStrapiSingleType = /*#__PURE__*/function () {
-  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(path, _ref) {
+  var _ref2 = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(path, _ref) {
     var _ref$locale, locale, _ref$preview, preview, _ref$filters, filters, cache, params, response, _error$response;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -618,7 +650,7 @@ var getStrapiSingleType = /*#__PURE__*/function () {
           _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;
           cache = preview ? false : undefined;
           params = {
-            populate: 'deep,6',
+            pLevel: '6',
             locale: locale,
             'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE,
             filters: filters
@@ -2589,12 +2621,12 @@ var intlFactory = function intlFactory(locale) {
     messages: getMessages(locale)
   }, cache);
 };
-var IntlContext = /*#__PURE__*/React.createContext( /*#__PURE__*/intlFactory('en'));
+var IntlContext = /*#__PURE__*/React.createContext(/*#__PURE__*/intlFactory('en'));
 var ContextProvider = function ContextProvider(_ref) {
   var children = _ref.children,
     locale = _ref.locale;
   var fetcher = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resource, init) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(resource, init) {
       var response, errorData;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -4166,7 +4198,7 @@ var Glossary = function Glossary(_ref) {
     grouped[index].push(curr.attributes);
   }, {});
   var handleAnchorClick = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(slug) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(slug) {
       var _window;
       var currentUrl;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -4230,7 +4262,7 @@ var Glossary = function Glossary(_ref) {
           id: 'sections.glossary.copyButtonLabel'
         }),
         onClick: function () {
-          var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          var _onClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
             return _regeneratorRuntime().wrap(function _callee2$(_context2) {
               while (1) switch (_context2.prev = _context2.next) {
                 case 0:
@@ -4685,7 +4717,7 @@ var SmallCheckout = function SmallCheckout(_ref) {
     return errors;
   }, [currency, locale]);
   var onSubmit = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
       var contributionValueCurrency, checkoutURL, currentURL;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -6168,7 +6200,7 @@ var Events = function Events(_ref) {
     url.searchParams.append('pagination[limit]', batchSize.toString());
     url.searchParams.append(startFilter, now);
     url.searchParams.append('locale', locale);
-    url.searchParams.append('populate', 'deep,6');
+    url.searchParams.append('pLevel', '6');
     if (sort[0] === Sort.OLDEST_FIRST) {
       url.searchParams.append('sort', 'start:asc');
     } else {
@@ -6228,16 +6260,20 @@ var Events = function Events(_ref) {
     return processEvents(pastData);
   }, [pastData]);
   // Function to fetch all possible options
-  var fetchAllOptions = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var fetchAllOptions = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var url, response, data, events, allEventTypes, allLanguages;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           url = new URL("/treely-events", STRAPI_URI);
           url.searchParams.append('locale', locale);
-          url.searchParams.append('populate', 'deep,6');
+          url.searchParams.append('pLevel', '6');
           _context.next = 5;
-          return fetch(STRAPI_URI + "/api/treely-events" + url.search);
+          return fetch(STRAPI_URI + "/api/treely-events" + url.search, {
+            headers: {
+              'Strapi-Response-Format': 'v4'
+            }
+          });
         case 5:
           response = _context.sent;
           _context.next = 8;