@commercetools-frontend/application-shell 27.11.3 → 27.12.0

package/dist/commercetools-frontend-application-shell.cjs.dev.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-d91e253a.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-7b9f83f5.cjs.dev.js');
 var applicationEntryPoint = require('./application-entry-point-e5623556.cjs.dev.js');
 var oidc = require('./oidc-b9e7297c.cjs.dev.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var launchdarklyAdapter = require('@flopflip/launchdarkly-adapter');
+var constants = require('@commercetools-frontend/constants');
 require('react');
 require('react-router-dom');
-require('@commercetools-frontend/constants');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -97,7 +97,6 @@ exports.CustomViewShell = dist_commercetoolsFrontendApplicationShell.CustomViewS
 exports.ErrorApologizer = dist_commercetoolsFrontendApplicationShell.ErrorApologizer;
 exports.FetchUser = dist_commercetoolsFrontendApplicationShell.FetchUser;
 exports.InjectReducers = dist_commercetoolsFrontendApplicationShell.InjectReducers;
-exports.PERFORMANCE_MARKS = dist_commercetoolsFrontendApplicationShell.PERFORMANCE_MARKS;
 exports.ProtectedRoute = dist_commercetoolsFrontendApplicationShell.ProtectedRoute;
 exports.RedirectToLogin = dist_commercetoolsFrontendApplicationShell.RedirectToLogin;
 exports.RedirectToLogout = dist_commercetoolsFrontendApplicationShell.RedirectToLogout;
@@ -217,3 +216,7 @@ Object.defineProperty(exports, 'ldAdapter', {
 	enumerable: true,
 	get: function () { return launchdarklyAdapter.adapter; }
 });
+Object.defineProperty(exports, 'PERFORMANCE_MARKS', {
+	enumerable: true,
+	get: function () { return constants.PERFORMANCE_MARKS; }
+});

package/dist/commercetools-frontend-application-shell.cjs.prod.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-c40a1490.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-35109d28.cjs.prod.js');
 var applicationEntryPoint = require('./application-entry-point-516fd72c.cjs.prod.js');
 var oidc = require('./oidc-0cba182b.cjs.prod.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var launchdarklyAdapter = require('@flopflip/launchdarkly-adapter');
+var constants = require('@commercetools-frontend/constants');
 require('react');
 require('react-router-dom');
-require('@commercetools-frontend/constants');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -97,7 +97,6 @@ exports.CustomViewShell = dist_commercetoolsFrontendApplicationShell.CustomViewS
 exports.ErrorApologizer = dist_commercetoolsFrontendApplicationShell.ErrorApologizer;
 exports.FetchUser = dist_commercetoolsFrontendApplicationShell.FetchUser;
 exports.InjectReducers = dist_commercetoolsFrontendApplicationShell.InjectReducers;
-exports.PERFORMANCE_MARKS = dist_commercetoolsFrontendApplicationShell.PERFORMANCE_MARKS;
 exports.ProtectedRoute = dist_commercetoolsFrontendApplicationShell.ProtectedRoute;
 exports.RedirectToLogin = dist_commercetoolsFrontendApplicationShell.RedirectToLogin;
 exports.RedirectToLogout = dist_commercetoolsFrontendApplicationShell.RedirectToLogout;
@@ -217,3 +216,7 @@ Object.defineProperty(exports, 'ldAdapter', {
 	enumerable: true,
 	get: function () { return launchdarklyAdapter.adapter; }
 });
+Object.defineProperty(exports, 'PERFORMANCE_MARKS', {
+	enumerable: true,
+	get: function () { return constants.PERFORMANCE_MARKS; }
+});

package/dist/commercetools-frontend-application-shell.esm.js

@@ -1,13 +1,13 @@
-export { e as ApplicationPageTitle, A as ApplicationShell, d as ApplicationShellProvider, C as ConfigureIntlProvider, f as CustomViewShell, i as ErrorApologizer, h as FetchUser, I as InjectReducers, o as PERFORMANCE_MARKS, l as ProtectedRoute, R as RedirectToLogin, j as RedirectToLogout, S as SetupFlopFlipProvider, m as SuspendedProtectedRoute, k as SuspendedRoute, g as getBrowserLocale, n as getPreviousProjectKey, p as selectProjectKeyInContext, s as setupGlobalErrorListener, u as useRoutesCreator, v as version } from './index-c23fe12b.esm.js';
+export { e as ApplicationPageTitle, A as ApplicationShell, d as ApplicationShellProvider, C as ConfigureIntlProvider, f as CustomViewShell, i as ErrorApologizer, h as FetchUser, I as InjectReducers, l as ProtectedRoute, R as RedirectToLogin, j as RedirectToLogout, S as SetupFlopFlipProvider, m as SuspendedProtectedRoute, k as SuspendedRoute, g as getBrowserLocale, n as getPreviousProjectKey, o as selectProjectKeyInContext, s as setupGlobalErrorListener, u as useRoutesCreator, v as version } from './index-f730b40f.esm.js';
 export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './application-entry-point-e20cafdb.esm.js';
 export { R as REGIONS } from './oidc-cb344fae.esm.js';
 export { buildApiUrl, createApolloClient, createApolloContextForProxyForwardTo, createHttpClientOptions, executeHttpClientRequest, getMcApiUrl, selectProjectKeyFromUrl, selectUserId, useMcLazyQuery, useMcMutation, useMcQuery } from '@commercetools-frontend/application-shell-connectors';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
 export { ConfigureFlopFlip, ReconfigureFlopFlip, ToggleFeature, branchOnFeatureToggle, injectFeatureToggle, injectFeatureToggles, useAdapterReconfiguration, useAdapterStatus, useFeatureToggle, useFeatureToggles, useFlagVariation, useFlagVariations } from '@flopflip/react-broadcast';
 export { adapter as ldAdapter } from '@flopflip/launchdarkly-adapter';
+export { PERFORMANCE_MARKS } from '@commercetools-frontend/constants';
 import 'react';
 import 'react-router-dom';
-import '@commercetools-frontend/constants';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';

package/dist/{custom-view-dev-host-266a1924.cjs.dev.js → custom-view-dev-host-6d060417.cjs.dev.js}

@@ -10,7 +10,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-d91e253a.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-7b9f83f5.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/constants');
 require('./application-entry-point-e5623556.cjs.dev.js');

package/dist/{custom-view-dev-host-c91854f5.esm.js → custom-view-dev-host-8aaf6e58.esm.js}

@@ -8,7 +8,7 @@ import Constraints from '@commercetools-uikit/constraints';
 import PrimaryButton from '@commercetools-uikit/primary-button';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { A as ApplicationShell } from './index-c23fe12b.esm.js';
+import { A as ApplicationShell } from './index-f730b40f.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import '@commercetools-frontend/constants';
 import './application-entry-point-e20cafdb.esm.js';

package/dist/{custom-view-dev-host-6ffee2b7.cjs.prod.js → custom-view-dev-host-92e55dd4.cjs.prod.js}

@@ -10,7 +10,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c40a1490.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-35109d28.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/constants');
 require('./application-entry-point-516fd72c.cjs.prod.js');

package/dist/declarations/src/utils/performance-marks/performance-marks.d.ts

@@ -1,12 +1,6 @@
-export declare const PERFORMANCE_MARKS: {
-    readonly SKELETON_VISIBLE: "mc:skeleton-visible";
-    readonly SHELL_CHROME_MOUNTED: "mc:shell-chrome-mounted";
-    readonly INTL_READY: "mc:intl-ready";
-    readonly CONTENT_RENDERED: "mc:content-rendered";
-    readonly HYDRATION_USER: "mc:hydration-user";
-    readonly HYDRATION_PROJECT: "mc:hydration-project";
-};
-export type TPerformanceMark = (typeof PERFORMANCE_MARKS)[keyof typeof PERFORMANCE_MARKS];
+import { PERFORMANCE_MARKS, type TPerformanceMark } from '@commercetools-frontend/constants';
+export { PERFORMANCE_MARKS };
+export type { TPerformanceMark };
 export type TShellPerformanceMark = Exclude<TPerformanceMark, typeof PERFORMANCE_MARKS.SKELETON_VISIBLE>;
 declare const markOnce: (performanceMark: TShellPerformanceMark) => void;
 export default markOnce;

package/dist/{error-apologizer-84dc825c.cjs.prod.js → error-apologizer-15c6ddd9.cjs.dev.js}

@@ -9,6 +9,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var react = require('react');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var UnexpectedErrorSVG = require('@commercetools-frontend/assets/images/unexpected-error.svg');
@@ -39,7 +40,7 @@ var messages = reactIntl.defineMessages({
 
 function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const ErrorApologizer = () => {
+const ErrorApologizerPage = () => {
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
     imageSrc: UnexpectedErrorSVG__default["default"],
@@ -48,6 +49,21 @@ const ErrorApologizer = () => {
     paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.notifiedTeam))
   });
 };
+const ErrorApologizer = () => {
+  const intl = react.useContext(reactIntl.IntlContext);
+  if (intl) {
+    return jsxRuntime.jsx(ErrorApologizerPage, {});
+  }
+
+  // The top-level error boundary sits above the application's IntlProvider.
+  // Without an intl context the fallback itself would throw, so the boundary
+  // would never commit and the original error would never be reported.
+  // Only the default (English) messages are available here.
+  return jsxRuntime.jsx(reactIntl.IntlProvider, {
+    locale: "en",
+    children: jsxRuntime.jsx(ErrorApologizerPage, {})
+  });
+};
 ErrorApologizer.displayName = 'ErrorApologizer';
 
 exports["default"] = ErrorApologizer;

package/dist/{error-apologizer-76f087f4.esm.js → error-apologizer-9ba7c125.esm.js}

@@ -7,7 +7,8 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
-import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
+import { useContext } from 'react';
+import { defineMessages, IntlContext, IntlProvider, useIntl, FormattedMessage } from 'react-intl';
 import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
 import UnexpectedErrorSVG from '@commercetools-frontend/assets/images/unexpected-error.svg';
 import { jsx } from '@emotion/react/jsx-runtime';
@@ -25,7 +26,7 @@ var messages = defineMessages({
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const ErrorApologizer = () => {
+const ErrorApologizerPage = () => {
   const intl = useIntl();
   return jsx(MaintenancePageLayout, {
     imageSrc: UnexpectedErrorSVG,
@@ -34,6 +35,21 @@ const ErrorApologizer = () => {
     paragraph1: jsx(FormattedMessage, _objectSpread({}, messages.notifiedTeam))
   });
 };
+const ErrorApologizer = () => {
+  const intl = useContext(IntlContext);
+  if (intl) {
+    return jsx(ErrorApologizerPage, {});
+  }
+
+  // The top-level error boundary sits above the application's IntlProvider.
+  // Without an intl context the fallback itself would throw, so the boundary
+  // would never commit and the original error would never be reported.
+  // Only the default (English) messages are available here.
+  return jsx(IntlProvider, {
+    locale: "en",
+    children: jsx(ErrorApologizerPage, {})
+  });
+};
 ErrorApologizer.displayName = 'ErrorApologizer';
 
 export { ErrorApologizer as default };

package/dist/{error-apologizer-f6793491.cjs.dev.js → error-apologizer-c7c5c7b4.cjs.prod.js}

@@ -9,6 +9,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var react = require('react');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var UnexpectedErrorSVG = require('@commercetools-frontend/assets/images/unexpected-error.svg');
@@ -39,7 +40,7 @@ var messages = reactIntl.defineMessages({
 
 function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const ErrorApologizer = () => {
+const ErrorApologizerPage = () => {
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
     imageSrc: UnexpectedErrorSVG__default["default"],
@@ -48,6 +49,21 @@ const ErrorApologizer = () => {
     paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.notifiedTeam))
   });
 };
+const ErrorApologizer = () => {
+  const intl = react.useContext(reactIntl.IntlContext);
+  if (intl) {
+    return jsxRuntime.jsx(ErrorApologizerPage, {});
+  }
+
+  // The top-level error boundary sits above the application's IntlProvider.
+  // Without an intl context the fallback itself would throw, so the boundary
+  // would never commit and the original error would never be reported.
+  // Only the default (English) messages are available here.
+  return jsxRuntime.jsx(reactIntl.IntlProvider, {
+    locale: "en",
+    children: jsxRuntime.jsx(ErrorApologizerPage, {})
+  });
+};
 ErrorApologizer.displayName = 'ErrorApologizer';
 
 exports["default"] = ErrorApologizer;

package/dist/{index-c40a1490.cjs.prod.js → index-35109d28.cjs.prod.js}

@@ -107,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.11.3";
+var version = "27.12.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-eea43c83.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-2f8f68e1.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -142,14 +142,6 @@ const selectProjectKeyInContext = _ref => {
   return undefined;
 };
 
-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;
@@ -157,7 +149,7 @@ const markOnce = performanceMark => {
   try {
     performance.mark(performanceMark);
     alreadyMarked.add(performanceMark);
-    performance.measure(`${performanceMark}:from-nav`, {
+    performance.measure(`${performanceMark}${constants.PERFORMANCE_MEASURE_SUFFIX}`, {
       start: 0,
       end: performanceMark
     });
@@ -433,7 +425,6 @@ 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-361180d0.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
 
-const isStaticRouteWithoutProjectContext = topLevelPath => Boolean(topLevelPath) && constants.isStaticUrlPathInPositionOfProjectKey(topLevelPath) && !constants.isProjectKeylessApplicationEntryPointInProjectContext(topLevelPath);
 var _ref$2 = {
   name: "zjik7",
   styles: "display:flex"
@@ -470,11 +461,9 @@ const AppBar = props => {
                 size: "s"
               });
             }
-            // The `<ProjectSwitcher>` should be rendered only if the
-            // user is fetched and the user has projects while the app runs in a
-            // project context. Static routes like `/account` have no project
-            // context, even when a previously used project key is available.
-            if (props.user.projects.total > 0 && props.projectKey && !isStaticRouteWithoutProjectContext(topLevelPath)) {
+            // Project switcher only on project-scoped routes (`/:projectKey/...`).
+            // Static first segments (`/account`, `/agent-sphere`, …) never show it.
+            if (props.user.projects.total > 0 && props.projectKey && !constants.isStaticUrlPathInPositionOfProjectKey(topLevelPath)) {
               var _context;
               const selectedProject = _findInstanceProperty__default["default"](_context = props.user.projects.results).call(_context, project => project.key === props.projectKey);
               return jsxRuntime.jsxs("div", {
@@ -493,6 +482,11 @@ const AppBar = props => {
                 })]
               });
             }
+            // Agent Sphere still runs in a project context (navbar), so there is
+            // nothing to "go back" to — leave the slot empty.
+            if (constants.isProjectKeylessApplicationEntryPointInProjectContext(topLevelPath)) {
+              return null;
+            }
             if (!props.user.defaultProjectKey) {
               return null;
             }
@@ -617,7 +611,7 @@ const ConfigureIntlProvider = props => {
 };
 ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
 
-const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-84dc825c.cjs.prod.js' /* webpackChunkName: "error-apologizer" */); }));
+const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-c7c5c7b4.cjs.prod.js' /* webpackChunkName: "error-apologizer" */); }));
 
 var ProjectQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProject" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "projectKey" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "project" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "key" }, value: { kind: "Variable", name: { kind: "Name", value: "projectKey" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "countries" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "currencies" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "languages" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "initialized" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "daysLeft" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "isProductionProject" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "allPermissionsForAllApplications" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "owner" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "sampleDataImportDataset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "isUserAdminOfCurrentProject" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "productCatalogModel" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 1035, source: { body: "query FetchProject($projectKey: String) {\n  project(key: $projectKey) {\n    key\n    version\n    name\n    countries\n    currencies\n    languages\n    initialized\n    expiry {\n      isActive\n      daysLeft\n    }\n    suspension {\n      isActive\n      reason\n    }\n    isProductionProject\n    allAppliedPermissions {\n      name\n      value\n    }\n    allAppliedActionRights {\n      group\n      name\n      value\n    }\n    allAppliedDataFences {\n      ... on StoreDataFence {\n        type\n        name\n        value\n        group\n        __typename\n      }\n    }\n    allPermissionsForAllApplications {\n      allAppliedPermissions {\n        name\n        value\n      }\n      allAppliedActionRights {\n        group\n        name\n        value\n      }\n      allAppliedDataFences {\n        ... on StoreDataFence {\n          type\n          name\n          value\n          group\n          __typename\n        }\n      }\n    }\n    owner {\n      id\n      name\n    }\n    sampleDataImportDataset\n    isUserAdminOfCurrentProject\n    productCatalogModel\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const FetchProject = props => {
@@ -636,7 +630,7 @@ const FetchProject = props => {
     error = _useMcQuery.error;
   react.useEffect(() => {
     if (!loading && data?.project) {
-      markOnce(PERFORMANCE_MARKS.HYDRATION_PROJECT);
+      markOnce(constants.PERFORMANCE_MARKS.HYDRATION_PROJECT);
     }
   }, [loading, data?.project]);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -662,7 +656,7 @@ const FetchUser = props => {
     error = _useMcQuery.error;
   react.useEffect(() => {
     if (!loading && data?.user) {
-      markOnce(PERFORMANCE_MARKS.HYDRATION_USER);
+      markOnce(constants.PERFORMANCE_MARKS.HYDRATION_USER);
     }
   }, [loading, data?.user]);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -675,7 +669,7 @@ const FetchUser = props => {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-ed0cd0de.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-fc0b817f.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
 const PerformanceMark = _ref => {
   let mark = _ref.mark;
@@ -685,9 +679,9 @@ const PerformanceMark = _ref => {
   return null;
 };
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-abc9757b.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-8ab8563b.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-5eab9241.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-499ebd3f.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-603634dd.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
@@ -925,7 +919,7 @@ const ApplicationShellAuthenticated = props => {
               messages
             }), {}, {
               children: [jsxRuntime.jsx(PerformanceMark, {
-                mark: PERFORMANCE_MARKS.INTL_READY
+                mark: constants.PERFORMANCE_MARKS.INTL_READY
               }), jsxRuntime.jsx(SetupFlopFlipProvider, {
                 user: normalizedUser,
                 projectKey: projectKeyInContext,
@@ -935,7 +929,7 @@ const ApplicationShellAuthenticated = props => {
                 children: jsxRuntime.jsxs(ApplicationShellSplitterWrapper, {
                   locale: locale ?? 'en',
                   children: [jsxRuntime.jsx(PerformanceMark, {
-                    mark: PERFORMANCE_MARKS.SHELL_CHROME_MOUNTED
+                    mark: constants.PERFORMANCE_MARKS.SHELL_CHROME_MOUNTED
                   }), jsxRuntime.jsx(ThemeSwitcher, {}), jsxRuntime.jsx(RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
                     user: normalizedUser
                   }), jsxRuntime.jsxs("div", {
@@ -997,7 +991,7 @@ const ApplicationShellAuthenticated = props => {
                     }) : jsxRuntime.jsxs(MainContainer, {
                       role: "main",
                       children: [jsxRuntime.jsx(PerformanceMark, {
-                        mark: PERFORMANCE_MARKS.CONTENT_RENDERED
+                        mark: constants.PERFORMANCE_MARKS.CONTENT_RENDERED
                       }), jsxRuntime.jsx("div", {
                         ref: notificationsPageRef,
                         children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
@@ -1317,7 +1311,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-63c38d74.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-a05d54b6.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; }
@@ -1586,7 +1580,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-6ffee2b7.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-92e55dd4.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({
@@ -2041,7 +2035,6 @@ 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;