@commercetools-frontend/application-shell 27.9.5 → 27.10.0

package/dist/{index-ca9d3c26.cjs.prod.js → index-ce507805.cjs.prod.js}

@@ -25,6 +25,7 @@ var reactNotifications = require('@commercetools-frontend/react-notifications');
 var sentry = require('@commercetools-frontend/sentry');
 var oidc = require('./oidc-0cba182b.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
+var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var designSystem = require('@commercetools-uikit/design-system');
 var Spacings = require('@commercetools-uikit/spacings');
 var reactIntl = require('react-intl');
@@ -85,6 +86,7 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
@@ -105,9 +107,9 @@ var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "27.9.5";
+var version = "27.10.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-2828ca39.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-b33d695b.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -121,6 +123,30 @@ const getPreviousProjectKey = defaultProjectKeyOfUser => {
   return;
 };
 
+const PERFORMANCE_MARKS = {
+  SKELETON_VISIBLE: 'mc:skeleton-visible',
+  SHELL_CHROME_MOUNTED: 'mc:shell-chrome-mounted',
+  INTL_READY: 'mc:intl-ready',
+  CONTENT_RENDERED: 'mc:content-rendered',
+  HYDRATION_USER: 'mc:hydration-user',
+  HYDRATION_PROJECT: 'mc:hydration-project'
+};
+const alreadyMarked = new _Set__default["default"]();
+const markOnce = performanceMark => {
+  if (alreadyMarked.has(performanceMark)) return;
+  if (!performance?.mark || !performance.measure) return;
+  try {
+    performance.mark(performanceMark);
+    alreadyMarked.add(performanceMark);
+    performance.measure(`${performanceMark}:from-nav`, {
+      start: 0,
+      end: performanceMark
+    });
+  } catch {
+    // Observational only; never break rendering.
+  }
+};
+
 var messages$1 = reactIntl.defineMessages({
   backToProjectLink: {
     id: 'AppBar.backToProjectLink',
@@ -271,7 +297,7 @@ const ProjectStampsList = props => jsxRuntime.jsxs(Spacings__default["default"].
     daysLeft: props.expiry.daysLeft
   })]
 });
-var _ref$2 = {
+var _ref$3 = {
   name: "uyj17t",
   styles: "flex:1;word-wrap:break-word"
 } ;
@@ -282,7 +308,7 @@ const ProjectSwitcherOption = props => {
       scale: "xs",
       justifyContent: "space-between",
       children: [jsxRuntime.jsxs("div", {
-        css: _ref$2,
+        css: _ref$3,
         children: [jsxRuntime.jsx(Text__default["default"].Body, {
           fontWeight: "medium",
           tone: props.isDisabled ? 'tertiary' : 'inherit',
@@ -388,7 +414,7 @@ const REQUESTS_IN_FLIGHT_LOADER_DOM_ID = 'loader-for-requests-in-flight';
 
 const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-2235add2.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
 
-var _ref$1 = {
+var _ref$2 = {
   name: "zjik7",
   styles: "display:flex"
 } ;
@@ -455,7 +481,7 @@ const AppBar = props => {
         })]
       })
     }), jsxRuntime.jsxs("div", {
-      css: _ref$1,
+      css: _ref$2,
       children: [jsxRuntime.jsx("div", {
         id: oidc.CONTAINERS.LEFT_OF_PROFILE
       }), props.user ? jsxRuntime.jsx(UserSettingsMenu, {
@@ -489,8 +515,8 @@ const getBrowserLocale = win => {
   return l10n.getSupportedLocale(browserLocale);
 };
 
-const Passthrough = _ref => {
-  let children = _ref.children;
+const Passthrough = _ref2 => {
+  let children = _ref2.children;
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: children
   });
@@ -509,15 +535,24 @@ const LazyApplicationShellSplitter = /*#__PURE__*/react.lazy(() => Promise.resol
 .catch(() => ({
   default: Passthrough
 })));
+var _ref$1 = {
+  name: "vbyc59",
+  styles: "position:fixed;bottom:0;left:0;right:0;z-index:10001"
+} ;
 const ApplicationShellSplitterWrapper = props => {
   const history = reactRouterDom.useHistory();
-  return jsxRuntime.jsx(react.Suspense, {
-    fallback: props.children,
-    children: jsxRuntime.jsx(LazyApplicationShellSplitter, {
-      locale: props.locale,
-      navigate: history.push,
-      children: props.children
-    })
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(react.Suspense, {
+      fallback: props.children,
+      children: jsxRuntime.jsx(LazyApplicationShellSplitter, {
+        locale: props.locale,
+        navigate: history.push,
+        children: props.children
+      })
+    }), jsxRuntime.jsx("div", {
+      id: constants.MC_MAIN_CONTAINER_PORTAL_ID,
+      css: _ref$1
+    })]
   });
 };
 
@@ -570,6 +605,11 @@ const FetchProject = props => {
     loading = _useMcQuery.loading,
     data = _useMcQuery.data,
     error = _useMcQuery.error;
+  react.useEffect(() => {
+    if (!loading && data?.project) {
+      markOnce(PERFORMANCE_MARKS.HYDRATION_PROJECT);
+    }
+  }, [loading, data?.project]);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children({
       isLoading: loading,
@@ -591,6 +631,11 @@ const FetchUser = props => {
     loading = _useMcQuery.loading,
     data = _useMcQuery.data,
     error = _useMcQuery.error;
+  react.useEffect(() => {
+    if (!loading && data?.user) {
+      markOnce(PERFORMANCE_MARKS.HYDRATION_USER);
+    }
+  }, [loading, data?.user]);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children({
       isLoading: loading,
@@ -603,9 +648,17 @@ FetchUser.displayName = 'FetchUser';
 
 const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-f4b2552d.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-2f81bfa1.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const PerformanceMark = _ref => {
+  let mark = _ref.mark;
+  react.useEffect(() => {
+    markOnce(mark);
+  }, [mark]);
+  return null;
+};
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-43f2eabf.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-d44394a1.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-71e8db26.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-e4ff7797.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
@@ -747,22 +800,18 @@ const MainContainer = /*#__PURE__*/_styled__default["default"]("main", {
  * and contains the "restricted" application part.
  */
 var _ref = {
-  name: "zt04k5",
-  styles: "grid-column:2/3;grid-row:3/4;align-self:end;z-index:9999;pointer-events:none"
-} ;
-var _ref2 = {
   name: "tlwzvn",
   styles: "flex-grow:1;display:flex;flex-direction:column;position:relative;>*:not(:first-of-type){flex-grow:1;display:flex;flex-direction:column;}"
 } ;
-var _ref3 = {
+var _ref2 = {
   name: "lzrvov",
   styles: "grid-column:1/2;grid-row:2/4;overflow:hidden"
 } ;
-var _ref4 = {
+var _ref3 = {
   name: "tjbz3t",
   styles: "grid-row:'2/3';grid-column:'2/3'"
 } ;
-var _ref5 = {
+var _ref4 = {
   name: "8bdwu0",
   styles: "grid-row:1;grid-column:1/3"
 } ;
@@ -781,10 +830,10 @@ const ApplicationShellAuthenticated = props => {
     notificationsPageRef
   });
   return jsxRuntime.jsx(FetchUser, {
-    children: _ref6 => {
-      let isLoadingUser = _ref6.isLoading,
-        user = _ref6.user,
-        error = _ref6.error;
+    children: _ref5 => {
+      let isLoadingUser = _ref5.isLoading,
+        user = _ref5.user,
+        error = _ref5.error;
       if (error) {
         // In case there is an unauthorized error, we redirect to the login page
         if (error.graphQLErrors && _Array$isArray__default["default"](error.graphQLErrors)) {
@@ -805,9 +854,9 @@ const ApplicationShellAuthenticated = props => {
         return jsxRuntime.jsx(i18n.AsyncLocaleData, {
           locale: userLocale,
           applicationMessages: props.applicationMessages,
-          children: _ref7 => {
-            let locale = _ref7.locale,
-              messages = _ref7.messages;
+          children: _ref6 => {
+            let locale = _ref6.locale,
+              messages = _ref6.messages;
             sentry.reportErrorToSentry(error, {});
             return jsxRuntime.jsx(ConfigureIntlProvider, {
               locale: locale,
@@ -831,18 +880,20 @@ const ApplicationShellAuthenticated = props => {
         children: jsxRuntime.jsx(i18n.AsyncLocaleData, {
           locale: normalizedUser?.language,
           applicationMessages: props.applicationMessages,
-          children: _ref8 => {
-            let isLoadingLocaleData = _ref8.isLoading,
-              locale = _ref8.locale,
-              messages = _ref8.messages;
-            return jsxRuntime.jsx(ConfigureIntlProvider
+          children: _ref7 => {
+            let isLoadingLocaleData = _ref7.isLoading,
+              locale = _ref7.locale,
+              messages = _ref7.messages;
+            return jsxRuntime.jsxs(ConfigureIntlProvider
             // We do not want to pass the language as long as the locale data
             // is not loaded.
             , _objectSpread$8(_objectSpread$8({}, isLoadingLocaleData ? {} : {
               locale,
               messages
             }), {}, {
-              children: jsxRuntime.jsx(SetupFlopFlipProvider, {
+              children: [jsxRuntime.jsx(PerformanceMark, {
+                mark: PERFORMANCE_MARKS.INTL_READY
+              }), jsxRuntime.jsx(SetupFlopFlipProvider, {
                 user: normalizedUser,
                 projectKey: projectKeyFromUrl,
                 ldClientSideId: applicationEnvironment.ldClientSideId,
@@ -850,7 +901,9 @@ const ApplicationShellAuthenticated = props => {
                 defaultFlags: props.defaultFeatureFlags,
                 children: jsxRuntime.jsxs(ApplicationShellSplitterWrapper, {
                   locale: locale ?? 'en',
-                  children: [jsxRuntime.jsx(ThemeSwitcher, {}), jsxRuntime.jsx(RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
+                  children: [jsxRuntime.jsx(PerformanceMark, {
+                    mark: PERFORMANCE_MARKS.SHELL_CHROME_MOUNTED
+                  }), jsxRuntime.jsx(ThemeSwitcher, {}), jsxRuntime.jsx(RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
                     user: normalizedUser
                   }), jsxRuntime.jsxs("div", {
                     css: /*#__PURE__*/react$1.css("height:100vh;display:grid;grid-template-rows:auto ", oidc.DIMENSIONS.header, " 1fr;grid-template-columns:min-content 1fr;" + ("" ), "" ),
@@ -858,20 +911,20 @@ const ApplicationShellAuthenticated = props => {
                       ref: notificationsGlobalRef,
                       role: "region",
                       "aria-live": "polite",
-                      css: _ref5,
+                      css: _ref4,
                       children: [jsxRuntime.jsx("div", {
                         id: "above-top-navigation"
                       }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
                         domain: constants.DOMAINS.GLOBAL
                       })]
                     }), jsxRuntime.jsx("header", {
-                      css: _ref4,
+                      css: _ref3,
                       children: jsxRuntime.jsx(AppBar, {
                         user: normalizedUser,
                         projectKeyFromUrl: projectKeyFromUrl
                       })
                     }), jsxRuntime.jsx("aside", {
-                      css: _ref3,
+                      css: _ref2,
                       children: (() => {
                         // The <NavBar> should only be rendered within a project
                         // context, therefore when there is a `projectKey`.
@@ -886,9 +939,9 @@ const ApplicationShellAuthenticated = props => {
                         if (!projectKeyFromUrl) return null;
                         return jsxRuntime.jsx(FetchProject, {
                           projectKey: projectKeyFromUrl,
-                          children: _ref9 => {
-                            let isLoadingProject = _ref9.isLoading,
-                              project = _ref9.project;
+                          children: _ref8 => {
+                            let isLoadingProject = _ref8.isLoading,
+                              project = _ref8.project;
                             const isLoading = isLoadingUser || isLoadingLocaleData || isLoadingProject || !locale || !project;
                             return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
                               user: normalizedUser,
@@ -914,7 +967,9 @@ const ApplicationShellAuthenticated = props => {
                       children: jsxRuntime.jsx(ApplicationLoader, {})
                     }) : jsxRuntime.jsxs(MainContainer, {
                       role: "main",
-                      children: [jsxRuntime.jsx("div", {
+                      children: [jsxRuntime.jsx(PerformanceMark, {
+                        mark: PERFORMANCE_MARKS.CONTENT_RENDERED
+                      }), jsxRuntime.jsx("div", {
                         ref: notificationsPageRef,
                         children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
                           domain: constants.DOMAINS.PAGE
@@ -922,7 +977,7 @@ const ApplicationShellAuthenticated = props => {
                       }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
                         domain: constants.DOMAINS.SIDE
                       }), jsxRuntime.jsxs("div", {
-                        css: _ref2,
+                        css: _ref,
                         children: [jsxRuntime.jsx(applicationComponents.PortalsContainer
                         // @ts-ignore
                         , {
@@ -988,13 +1043,10 @@ const ApplicationShellAuthenticated = props => {
                           })]
                         })]
                       })]
-                    }), jsxRuntime.jsx("div", {
-                      id: constants.MC_MAIN_CONTAINER_PORTAL_ID,
-                      css: _ref
                     })]
                   })]
                 })
-              })
+              })]
             }));
           }
         })
@@ -1208,7 +1260,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-7397a8c8.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-5b213b4f.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
 
 function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1473,7 +1525,7 @@ const ApplicationShell = props => {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = version;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-bdd03fc8.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-c5cae7af.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({
@@ -1928,6 +1980,7 @@ exports.ErrorBoundary = ErrorBoundary;
 exports.FetchProject = FetchProject;
 exports.FetchUser = FetchUser;
 exports.InjectReducers = InjectReducers;
+exports.PERFORMANCE_MARKS = PERFORMANCE_MARKS;
 exports.ProjectSwitcher = ProjectSwitcher;
 exports.ProtectedRoute = ProtectedRoute;
 exports.REQUESTS_IN_FLIGHT_LOADER_DOM_ID = REQUESTS_IN_FLIGHT_LOADER_DOM_ID;

package/dist/{oidc-callback-0ab7466e.esm.js → oidc-callback-1836d6f9.esm.js}

@@ -18,7 +18,7 @@ import { AngleLeftIcon } from '@commercetools-uikit/icons';
 import { ContentNotification } from '@commercetools-uikit/notifications';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { C as ConfigureIntlProvider } from './index-a0ffa2ba.esm.js';
+import { C as ConfigureIntlProvider } from './index-ac7ed4f7.esm.js';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -55,6 +55,7 @@ import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import './oidc-cb344fae.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
+import '@babel/runtime-corejs3/core-js-stable/set';
 import 'react-intl';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';

package/dist/{oidc-callback-7397a8c8.cjs.prod.js → oidc-callback-5b213b4f.cjs.prod.js}

@@ -20,7 +20,7 @@ var icons = require('@commercetools-uikit/icons');
 var notifications = require('@commercetools-uikit/notifications');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-ca9d3c26.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ce507805.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -57,6 +57,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('./oidc-0cba182b.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/set');
 require('react-intl');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');

package/dist/{oidc-callback-3780969c.cjs.dev.js → oidc-callback-ec951044.cjs.dev.js}

@@ -20,7 +20,7 @@ var icons = require('@commercetools-uikit/icons');
 var notifications = require('@commercetools-uikit/notifications');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-d0d058fb.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-c7140b1c.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -57,6 +57,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('./oidc-b9e7297c.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/set');
 require('react-intl');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');

package/dist/{project-container-7ded10a0.esm.js → project-container-7f13b722.esm.js}

@@ -9,7 +9,7 @@ import { STORAGE_KEYS, DOMAINS } from '@commercetools-frontend/constants';
 import { Notifier } from '@commercetools-frontend/react-notifications';
 import { C as CONTAINERS, S as SUSPENSION_REASONS } from './oidc-cb344fae.esm.js';
 import { A as ApplicationEntryPoint } from './application-entry-point-10a5e1a5.esm.js';
-import { a as RedirectToProjectCreate, E as ErrorBoundary, b as ApplicationLoader, F as FetchProject } from './index-a0ffa2ba.esm.js';
+import { a as RedirectToProjectCreate, E as ErrorBoundary, b as ApplicationLoader, F as FetchProject } from './index-ac7ed4f7.esm.js';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -58,6 +58,7 @@ import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/i18n';
 import '@babel/runtime-corejs3/core-js-stable/url';
+import '@babel/runtime-corejs3/core-js-stable/set';
 import '@commercetools-uikit/flat-button';
 import './location-f21dbc25.esm.js';
 import 'memoize-one';
@@ -247,13 +248,13 @@ const ProjectDataLocale = props => {
 };
 ProjectDataLocale.displayName = 'ProjectDataLocale';
 
-const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-02bb5fbf.esm.js' /* webpackChunkName: "project-expired" */));
+const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-b0f48929.esm.js' /* webpackChunkName: "project-expired" */));
 
-const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-6e2a2916.esm.js' /* webpackChunkName: "project-not-found" */));
+const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-2b48a462.esm.js' /* webpackChunkName: "project-not-found" */));
 
-const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-946bd907.esm.js' /* webpackChunkName: "project-not-initialized" */));
+const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-8324ddc0.esm.js' /* webpackChunkName: "project-not-initialized" */));
 
-const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-f7e75ee6.esm.js' /* webpackChunkName: "project-suspended" */));
+const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-ab7faf16.esm.js' /* webpackChunkName: "project-suspended" */));
 
 var messages = defineMessages({
   trialDaysLeft: {

package/dist/{project-container-4b0c78c9.cjs.dev.js → project-container-bd7b1263.cjs.dev.js}

@@ -11,7 +11,7 @@ var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var oidc = require('./oidc-b9e7297c.cjs.dev.js');
 var applicationEntryPoint = require('./application-entry-point-c87294b0.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-d0d058fb.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-c7140b1c.cjs.dev.js');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -60,6 +60,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/i18n');
 require('@babel/runtime-corejs3/core-js-stable/url');
+require('@babel/runtime-corejs3/core-js-stable/set');
 require('@commercetools-uikit/flat-button');
 require('./location-c835b8df.cjs.dev.js');
 require('memoize-one');
@@ -269,13 +270,13 @@ const ProjectDataLocale = props => {
 };
 ProjectDataLocale.displayName = 'ProjectDataLocale';
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-02bb408a.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-200d21fc.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-80d44324.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-6a2f3959.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-3598e0cb.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-a4cdccae.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-978be1e1.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-42ac696c.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {

package/dist/{project-container-2f81bfa1.cjs.prod.js → project-container-d44394a1.cjs.prod.js}

@@ -11,7 +11,7 @@ var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var oidc = require('./oidc-0cba182b.cjs.prod.js');
 var applicationEntryPoint = require('./application-entry-point-8c4b8e53.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-ca9d3c26.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ce507805.cjs.prod.js');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -60,6 +60,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/i18n');
 require('@babel/runtime-corejs3/core-js-stable/url');
+require('@babel/runtime-corejs3/core-js-stable/set');
 require('@commercetools-uikit/flat-button');
 require('./location-537e0660.cjs.prod.js');
 require('memoize-one');
@@ -269,13 +270,13 @@ const ProjectDataLocale = props => {
 };
 ProjectDataLocale.displayName = 'ProjectDataLocale';
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-654503b5.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-fbd3b921.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-9693f7ef.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-2c4da477.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-7d505128.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-d1532d05.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-672645d1.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-0450891d.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {

package/dist/{project-expired-02bb408a.cjs.dev.js → project-expired-200d21fc.cjs.dev.js}

@@ -12,12 +12,12 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var ProjectExpiredIllustration = require('@commercetools-frontend/assets/images/hourglass.svg');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-5589e37a.cjs.dev.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-974235d0.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@emotion/styled/base');
 require('react-router-dom');
 require('@commercetools-frontend/application-shell-connectors');
-require('./index-d0d058fb.cjs.dev.js');
+require('./index-c7140b1c.cjs.dev.js');
 require('react');
 require('./index-614accc4.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
@@ -47,6 +47,7 @@ require('@commercetools-frontend/i18n');
 require('./oidc-b9e7297c.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
+require('@babel/runtime-corejs3/core-js-stable/set');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');

package/dist/{project-expired-02bb5fbf.esm.js → project-expired-b0f48929.esm.js}

@@ -10,12 +10,12 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
 import ProjectExpiredIllustration from '@commercetools-frontend/assets/images/hourglass.svg';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-a9da55c8.esm.js';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-db1d0801.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@emotion/styled/base';
 import 'react-router-dom';
 import '@commercetools-frontend/application-shell-connectors';
-import './index-a0ffa2ba.esm.js';
+import './index-ac7ed4f7.esm.js';
 import 'react';
 import './index-86039df7.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
@@ -45,6 +45,7 @@ import '@commercetools-frontend/i18n';
 import './oidc-cb344fae.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
+import '@babel/runtime-corejs3/core-js-stable/set';
 import '@commercetools-uikit/design-system';
 import '@commercetools-uikit/spacings';
 import '@commercetools-uikit/flat-button';

package/dist/{project-expired-654503b5.cjs.prod.js → project-expired-fbd3b921.cjs.prod.js}

@@ -12,12 +12,12 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var ProjectExpiredIllustration = require('@commercetools-frontend/assets/images/hourglass.svg');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-2b3c5ae1.cjs.prod.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-70a8155d.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@emotion/styled/base');
 require('react-router-dom');
 require('@commercetools-frontend/application-shell-connectors');
-require('./index-ca9d3c26.cjs.prod.js');
+require('./index-ce507805.cjs.prod.js');
 require('react');
 require('./index-245e2980.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
@@ -47,6 +47,7 @@ require('@commercetools-frontend/i18n');
 require('./oidc-0cba182b.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
+require('@babel/runtime-corejs3/core-js-stable/set');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');

package/dist/{project-not-found-6e2a2916.esm.js → project-not-found-2b48a462.esm.js}

@@ -10,12 +10,12 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
 import ProjectNotFoundSVG from '@commercetools-frontend/assets/images/folder-full-locked.svg';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-a9da55c8.esm.js';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-db1d0801.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@emotion/styled/base';
 import 'react-router-dom';
 import '@commercetools-frontend/application-shell-connectors';
-import './index-a0ffa2ba.esm.js';
+import './index-ac7ed4f7.esm.js';
 import 'react';
 import './index-86039df7.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
@@ -45,6 +45,7 @@ import '@commercetools-frontend/i18n';
 import './oidc-cb344fae.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
+import '@babel/runtime-corejs3/core-js-stable/set';
 import '@commercetools-uikit/design-system';
 import '@commercetools-uikit/spacings';
 import '@commercetools-uikit/flat-button';