@commercetools-frontend/application-shell 27.11.4 → 27.13.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-8f45ab35.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-788e7c64.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-580979e5.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-7f68eea2.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-c4fedc0e.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-1343faef.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-b158476a.cjs.dev.js → custom-view-dev-host-225a8ccf.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-8f45ab35.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-788e7c64.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-8812d484.esm.js → custom-view-dev-host-385620d6.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-c4fedc0e.esm.js';
+import { A as ApplicationShell } from './index-1343faef.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-6f4ac206.cjs.prod.js → custom-view-dev-host-dac47713.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-580979e5.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-7f68eea2.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-c4fedc0e.esm.js → index-1343faef.esm.js}

@@ -1,6 +1,6 @@
 import { lazy, Suspense, useEffect, useMemo, useRef, useLayoutEffect, Component, StrictMode, useState, useCallback } from 'react';
 import { useLocation, useHistory, Switch, Route, Redirect, Router, useRouteMatch, generatePath } from 'react-router-dom';
-import { STORAGE_KEYS, isProjectKeylessApplicationEntryPointInProjectContext, GRAPHQL_TARGETS, isStaticUrlPathInPositionOfProjectKey, MC_MAIN_CONTAINER_PORTAL_ID, featureFlags, LOGOUT_REASONS, DOMAINS, STATIC_URL_PATHS, PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS, PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS_IN_PROJECT_CONTEXT, isProjectKeylessApplicationEntryPoint, CUSTOM_VIEW_HOST_ENTRY_POINT_URI_PATH, CUSTOM_VIEWS_EVENTS_NAMES, CUSTOM_VIEWS_EVENTS_META } from '@commercetools-frontend/constants';
+import { STORAGE_KEYS, isProjectKeylessApplicationEntryPointInProjectContext, PERFORMANCE_MEASURE_SUFFIX, GRAPHQL_TARGETS, isStaticUrlPathInPositionOfProjectKey, MC_MAIN_CONTAINER_PORTAL_ID, PERFORMANCE_MARKS, featureFlags, LOGOUT_REASONS, DOMAINS, STATIC_URL_PATHS, PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS, PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS_IN_PROJECT_CONTEXT, isProjectKeylessApplicationEntryPoint, CUSTOM_VIEW_HOST_ENTRY_POINT_URI_PATH, CUSTOM_VIEWS_EVENTS_NAMES, CUSTOM_VIEWS_EVENTS_META } from '@commercetools-frontend/constants';
 import { R as RouteCatchAll, A as ApplicationEntryPoint, i as internalReduxStore } from './application-entry-point-e20cafdb.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';
@@ -71,9 +71,9 @@ import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
 import { showUnexpectedErrorNotification } from '@commercetools-frontend/actions-global';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "27.11.4";
+var version = "27.13.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-85c892e5.esm.js' /* webpackChunkName: "requests-in-flight-loader" */));
+const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-783bc2ab.esm.js' /* webpackChunkName: "requests-in-flight-loader" */));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -106,14 +106,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();
 const markOnce = performanceMark => {
   if (alreadyMarked.has(performanceMark)) return;
@@ -121,7 +113,7 @@ const markOnce = performanceMark => {
   try {
     performance.mark(performanceMark);
     alreadyMarked.add(performanceMark);
-    performance.measure(`${performanceMark}:from-nav`, {
+    performance.measure(`${performanceMark}${PERFORMANCE_MEASURE_SUFFIX}`, {
       start: 0,
       end: performanceMark
     });
@@ -609,7 +601,7 @@ const ConfigureIntlProvider = props => {
 };
 ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
 
-const ErrorApologizer = /*#__PURE__*/lazy(() => import('./error-apologizer-76f087f4.esm.js' /* webpackChunkName: "error-apologizer" */));
+const ErrorApologizer = /*#__PURE__*/lazy(() => import('./error-apologizer-9ba7c125.esm.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 => {
@@ -667,7 +659,7 @@ const FetchUser = props => {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/lazy(() => import('./navbar-dd20a305.esm.js' /* webpackChunkName: "navbar" */));
+const Navbar = /*#__PURE__*/lazy(() => import('./navbar-96d5f599.esm.js' /* webpackChunkName: "navbar" */));
 
 const PerformanceMark = _ref => {
   let mark = _ref.mark;
@@ -677,9 +669,9 @@ const PerformanceMark = _ref => {
   return null;
 };
 
-const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-8a69a6c8.esm.js' /* webpackChunkName: "project-container" */));
+const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-a88d0a06.esm.js' /* webpackChunkName: "project-container" */));
 
-const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-3b9cdef7.esm.js' /* webpackChunkName: "redirect-to-logout" */));
+const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-e04903b5.esm.js' /* webpackChunkName: "redirect-to-logout" */));
 
 const RedirectToProjectCreate = /*#__PURE__*/lazy(() => import('./redirect-to-project-create-3a88851c.esm.js' /* webpackChunkName: "redirect-to-project-create" */));
 
@@ -1350,7 +1342,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-5a29567c.esm.js' /* webpackChunkName: "oidc-callback" */));
+const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-bd5cf9b1.esm.js' /* webpackChunkName: "oidc-callback" */));
 
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1624,7 +1616,7 @@ const ApplicationShell = props => {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = version;
 
-const CustomViewDevHost = /*#__PURE__*/lazy(() => import('./custom-view-dev-host-8812d484.esm.js' /* webpackChunkName: "custom-view-dev-host" */));
+const CustomViewDevHost = /*#__PURE__*/lazy(() => import('./custom-view-dev-host-385620d6.esm.js' /* webpackChunkName: "custom-view-dev-host" */));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = useMemo(() => ({
@@ -2074,4 +2066,4 @@ function useRoutesCreator() {
   };
 }
 
-export { ApplicationShell as A, ConfigureIntlProvider as C, ErrorBoundary as E, FetchProject as F, InjectReducers as I, ProjectSwitcher as P, RedirectToLogin as R, SetupFlopFlipProvider as S, RedirectToProjectCreate as a, ApplicationLoader as b, REQUESTS_IN_FLIGHT_LOADER_DOM_ID as c, ApplicationShellProvider as d, ApplicationPageTitle as e, CustomViewShellWrapper as f, getBrowserLocale as g, FetchUser as h, ErrorApologizer as i, RedirectToLogout as j, SuspendedRoute as k, ProtectedRoute as l, SuspendedProtectedRoute as m, getPreviousProjectKey as n, PERFORMANCE_MARKS as o, selectProjectKeyInContext as p, setupGlobalErrorListener as s, useRoutesCreator as u, version as v };
+export { ApplicationShell as A, ConfigureIntlProvider as C, ErrorBoundary as E, FetchProject as F, InjectReducers as I, ProjectSwitcher as P, RedirectToLogin as R, SetupFlopFlipProvider as S, RedirectToProjectCreate as a, ApplicationLoader as b, REQUESTS_IN_FLIGHT_LOADER_DOM_ID as c, ApplicationShellProvider as d, ApplicationPageTitle as e, CustomViewShellWrapper as f, getBrowserLocale as g, FetchUser as h, ErrorApologizer as i, RedirectToLogout as j, SuspendedRoute as k, ProtectedRoute as l, SuspendedProtectedRoute as m, getPreviousProjectKey as n, selectProjectKeyInContext as o, setupGlobalErrorListener as s, useRoutesCreator as u, version as v };

package/dist/{index-8f45ab35.cjs.dev.js → index-788e7c64.cjs.dev.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.4";
+var version = "27.13.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-9e7f2d99.cjs.dev.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-e3ff54f9.cjs.dev.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
     });
@@ -645,7 +637,7 @@ const ConfigureIntlProvider = props => {
 };
 ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
 
-const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-f6793491.cjs.dev.js' /* webpackChunkName: "error-apologizer" */); }));
+const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-15c6ddd9.cjs.dev.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 => {
@@ -664,7 +656,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, {
@@ -690,7 +682,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, {
@@ -703,7 +695,7 @@ const FetchUser = props => {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-fd5960d6.cjs.dev.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-d7967989.cjs.dev.js' /* webpackChunkName: "navbar" */); }));
 
 const PerformanceMark = _ref => {
   let mark = _ref.mark;
@@ -713,9 +705,9 @@ const PerformanceMark = _ref => {
   return null;
 };
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-53f7e88b.cjs.dev.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-873f2416.cjs.dev.js' /* webpackChunkName: "project-container" */); }));
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-56bab4a7.cjs.dev.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-d58a1de6.cjs.dev.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-611ee583.cjs.dev.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
@@ -994,7 +986,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,
@@ -1004,7 +996,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", {
@@ -1066,7 +1058,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, {
@@ -1386,7 +1378,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-ca30acd2.cjs.dev.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-74f3cf98.cjs.dev.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; }
@@ -1660,7 +1652,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-b158476a.cjs.dev.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-225a8ccf.cjs.dev.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({
@@ -2121,7 +2113,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;