@commercetools-frontend/application-shell 27.9.6 → 27.10.0

package/dist/{index-b0d1d33f.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.6";
+var version = "27.10.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-7a105650.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',
@@ -579,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,
@@ -600,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,
@@ -612,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-ee8064df.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const PerformanceMark = _ref => {
+  let mark = _ref.mark;
+  react.useEffect(() => {
+    markOnce(mark);
+  }, [mark]);
+  return null;
+};
+
+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-eb67ac6b.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+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" */); }));
 
@@ -840,14 +884,16 @@ const ApplicationShellAuthenticated = props => {
             let isLoadingLocaleData = _ref7.isLoading,
               locale = _ref7.locale,
               messages = _ref7.messages;
-            return jsxRuntime.jsx(ConfigureIntlProvider
+            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,
@@ -855,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;" + ("" ), "" ),
@@ -919,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
@@ -996,7 +1046,7 @@ const ApplicationShellAuthenticated = props => {
                     })]
                   })]
                 })
-              })
+              })]
             }));
           }
         })
@@ -1210,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-b6b2b136.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; }
@@ -1475,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-c2737d42.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(() => ({
@@ -1930,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-97081f64.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-d0720856.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-b6b2b136.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-b0d1d33f.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-0c6b42b0.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-917cbf00.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-f9b67fe9.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-d0720856.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-26882e9c.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-c23d348e.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-0952c86f.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-1eeb1f2d.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-bfd38f39.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-917cbf00.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-ee6d5ee5.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-2382cec9.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-6e2e7574.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-f21443cc.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-ee8064df.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-b0d1d33f.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-7d4ff82c.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-5befa123.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-3ccc0fbc.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-9987b065.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-ee6d5ee5.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-0f1c3a13.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-917cbf00.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-26882e9c.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-810e383e.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-d0720856.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-7d4ff82c.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-fc328776.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-b0d1d33f.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-c23d348e.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-810e383e.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-d0720856.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-not-found-5befa123.cjs.prod.js → project-not-found-2c4da477.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 ProjectNotFoundSVG = require('@commercetools-frontend/assets/images/folder-full-locked.svg');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-fc328776.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-b0d1d33f.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-2382cec9.cjs.dev.js → project-not-found-6a2f3959.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 ProjectNotFoundSVG = require('@commercetools-frontend/assets/images/folder-full-locked.svg');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-0f1c3a13.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-917cbf00.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-not-initialized-0952c86f.esm.js → project-not-initialized-8324ddc0.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-810e383e.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-d0720856.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-not-initialized-6e2e7574.cjs.dev.js → project-not-initialized-a4cdccae.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-0f1c3a13.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-917cbf00.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-not-initialized-3ccc0fbc.cjs.prod.js → project-not-initialized-d1532d05.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-fc328776.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-b0d1d33f.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-suspended-9987b065.cjs.prod.js → project-suspended-0450891d.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 ProjectSuspendedSVG = require('@commercetools-frontend/assets/images/locked-diamond.svg');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-fc328776.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-b0d1d33f.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-suspended-f21443cc.cjs.dev.js → project-suspended-42ac696c.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 ProjectSuspendedSVG = require('@commercetools-frontend/assets/images/locked-diamond.svg');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-0f1c3a13.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-917cbf00.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');