@commercetools-frontend/application-shell 22.2.1 → 22.3.1

package/dist/{index-4e8fd5e2.cjs.prod.js → index-5e1db8be.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var configureApollo = require('./configure-apollo-b2a0d497.cjs.prod.js');
+var configureApollo = require('./configure-apollo-af4ea1c4.cjs.prod.js');
 var _pt = require('prop-types');
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
@@ -24,7 +24,7 @@ var constants$1 = require('@commercetools-frontend/constants');
 var i18n = require('@commercetools-frontend/i18n');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var sentry = require('@commercetools-frontend/sentry');
-var constants = require('./constants-a3c2194a.cjs.prod.js');
+var constants = require('./constants-539514a6.cjs.prod.js');
 require('uuid');
 require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -34,7 +34,7 @@ var Spacings = require('@commercetools-uikit/spacings');
 var reactIntl = require('react-intl');
 var FlatButton = require('@commercetools-uikit/flat-button');
 var icons = require('@commercetools-uikit/icons');
-var useIsServedByProxy = require('./use-is-served-by-proxy-51e76976.cjs.prod.js');
+var useIsServedByProxy = require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
@@ -45,6 +45,7 @@ var SelectInput = require('@commercetools-uikit/select-input');
 var react$2 = require('@apollo/client/react');
 var CTLogoSVG = require('@commercetools-frontend/assets/images/ct-logo.svg');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
+var history = require('@commercetools-frontend/browser-history');
 var l10n = require('@commercetools-frontend/l10n');
 var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
 var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
@@ -71,9 +72,8 @@ var httpAdapter = require('@flopflip/http-adapter');
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var reactRedux = require('react-redux');
-var history = require('@commercetools-frontend/browser-history');
 var upperFirst = require('lodash/upperFirst');
-var oidc = require('./oidc-6c79100b.cjs.prod.js');
+var oidc = require('./oidc-73f8d7c7.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
@@ -105,6 +105,7 @@ var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
 var SelectInput__default = /*#__PURE__*/_interopDefault(SelectInput);
 var CTLogoSVG__default = /*#__PURE__*/_interopDefault(CTLogoSVG);
 var LoadingSpinner__default = /*#__PURE__*/_interopDefault(LoadingSpinner);
+var history__default = /*#__PURE__*/_interopDefault(history);
 var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
 var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
@@ -120,15 +121,13 @@ var combineAdapters__default = /*#__PURE__*/_interopDefault(combineAdapters);
 var httpAdapter__default = /*#__PURE__*/_interopDefault(httpAdapter);
 var ldAdapter__default = /*#__PURE__*/_interopDefault(ldAdapter);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var history__default = /*#__PURE__*/_interopDefault(history);
 var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-06e4f458.cjs.prod.js'
-/* webpackChunkName: "requests-in-flight-loader" */
-); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-13d9681f.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
+// Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
   return window.localStorage.getItem(constants.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
 }
@@ -161,7 +160,6 @@ var messages$1 = reactIntl.defineMessages({
  *   As a result the project and user queries need refetching.
  */
 const redirectToProject = key => useIsServedByProxy.location.replace("/".concat(key));
-
 const BackToProject = props => {
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx(FlatButton__default["default"], {
@@ -174,108 +172,83 @@ BackToProject.displayName = 'BackToProject';
 
 var _templateObject;
 const animationPulse = react$1.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    background-color: ", ";\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), designSystem.customProperties.colorNeutral, designSystem.customProperties.colorNeutral95);
-
 const getWidthBySize = props => {
   switch (props.shape) {
     case 'dot':
       switch (props.size) {
         case 's':
           return designSystem.customProperties.spacingS;
-
         case 'm':
           return designSystem.customProperties.spacingM;
-
         case 'l':
           return designSystem.customProperties.spacingL;
-
         case 'xl':
           return designSystem.customProperties.spacingXl;
-
         default:
           return 'auto';
       }
-
     case 'rect':
       switch (props.size) {
         case 's':
           return '150px';
-
         case 'm':
           return '300px';
-
         case 'l':
           return '450px';
-
         case 'xl':
           return '600px';
-
         default:
           return 'auto';
       }
-
     default:
       return 'auto';
   }
 };
-
 const getHeightBySize = props => {
   switch (props.shape) {
     case 'dot':
       return getWidthBySize(props);
-
     case 'rect':
       return '32px';
-
     default:
       return 'auto';
   }
 };
-
 const getRadiusBySize = props => {
   switch (props.shape) {
     case 'dot':
       switch (props.size) {
         case 's':
           return designSystem.customProperties.borderRadius4;
-
         case 'm':
           return '8px';
-
         case 'l':
           return '12px';
-
         case 'xl':
           return '16px';
-
         default:
           return 'none';
       }
-
     case 'rect':
       return designSystem.customProperties.borderRadius4;
-
     default:
       return 'none';
   }
 };
-
 const LoadingPlaceholder = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e4c5pm00"
 } )("background-color:", designSystem.customProperties.colorNeutral, ";animation-name:", animationPulse, ";animation-duration:1s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:infinite;width:", getWidthBySize, ";height:", getHeightBySize, ";border-radius:", getRadiusBySize, ";" + ("" ));
-
 LoadingPlaceholder.displayName = 'LoadingPlaceholder';
 
 function useMcQuery(query, options) {
   return react$2.useQuery(query, options);
 }
-
 function useMcLazyQuery(query, options) {
   return react$2.useLazyQuery(query, options);
 }
-
 function useMcMutation(mutation, options) {
   return react$2.useMutation(mutation, options);
-} // Custom Apollo query/mutation wrappers, useful to take advantage
+}
 
 var messages = reactIntl.defineMessages({
   projectsLabel: {
@@ -306,30 +279,21 @@ var messages = reactIntl.defineMessages({
 });
 
 const _excluded$1 = ["projectCount"];
-
 function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var ProjectsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchUserProjects" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, 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: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 218, source: { body: "query FetchUserProjects {\n  user: me {\n    id\n    projects {\n      results {\n        name\n        key\n        suspension {\n          isActive\n        }\n        expiry {\n          isActive\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const PROJECT_SWITCHER_LABEL_ID = 'project-switcher-label';
-
 var _ref3$1 = {
   name: "82a6rk",
   styles: "flex:1"
 } ;
-
 var _ref4$1 = {
   name: "zol16h",
   styles: "display:flex;flex:1;align-items:center"
 } ;
-
 const ProjectSwitcherValueContainer = _ref5 => {
   let projectCount = _ref5.projectCount,
-      restProps = _objectWithoutProperties(_ref5, _excluded$1);
-
-  const _useTheme = designSystem.useTheme(),
-        themedValue = _useTheme.themedValue;
-
+    restProps = _objectWithoutProperties(_ref5, _excluded$1);
   return jsxRuntime.jsxs("div", {
     css: _ref4$1,
     children: [jsxRuntime.jsx("div", {
@@ -338,22 +302,19 @@ const ProjectSwitcherValueContainer = _ref5 => {
         children: restProps.children
       }))
     }), jsxRuntime.jsx("span", {
-      css: /*#__PURE__*/react$1.css("width:", themedValue('22px', '26px'), ";height:", themedValue('22px', '26px'), ";border-radius:100%;background:", themedValue(designSystem.designTokens.colorAccent40, designSystem.designTokens.colorNeutral), ";color:", designSystem.designTokens.colorSurface, ";font-size:", themedValue(designSystem.designTokens.fontSize15, designSystem.designTokens.fontSize30), ";display:flex;justify-content:center;align-items:center;" + ("" ), "" ),
+      css: /*#__PURE__*/react$1.css("width:26px;height:26px;border-radius:100%;background:", designSystem.designTokens.colorNeutral, ";color:", designSystem.designTokens.colorSurface, ";font-size:", designSystem.designTokens.fontSize30, ";display:flex;justify-content:center;align-items:center;" + ("" ), "" ),
       children: projectCount
     })]
   });
 };
-
 var _ref$2 = {
   name: "16lqnjx",
   styles: "font-size:1.5rem;display:flex"
 } ;
-
 var _ref2$2 = {
   name: "10s3lzp",
   styles: "word-wrap:break-word"
 } ;
-
 const ProjectSwitcherOption = props => {
   const project = props.data;
   return jsxRuntime.jsx(SelectInput__default["default"].Option, _objectSpread$8(_objectSpread$8({}, props), {}, {
@@ -388,21 +349,17 @@ const mapProjectsToOptions = memoize__default["default"](projects => _mapInstanc
   suspension: project.suspension,
   expiry: project.expiry
 })));
-
 const redirectTo = targetUrl => useIsServedByProxy.location.replace(targetUrl);
-
 const ProjectSwitcher = props => {
   const intl = reactIntl.useIntl();
-
   const _useMcQuery = useMcQuery(ProjectsQuery, {
-    onError: sentry.reportErrorToSentry,
-    context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
-    }
-  }),
-        loading = _useMcQuery.loading,
-        data = _useMcQuery.data;
-
+      onError: sentry.reportErrorToSentry,
+      context: {
+        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+      }
+    }),
+    loading = _useMcQuery.loading,
+    data = _useMcQuery.data;
   if (loading) return null;
   return jsxRuntime.jsxs("div", {
     css: /*#__PURE__*/react$1.css("width:", designSystem.designTokens.constraint6, ";" + ("" ), "" ),
@@ -417,17 +374,15 @@ const ProjectSwitcher = props => {
       "aria-labelledby": PROJECT_SWITCHER_LABEL_ID,
       onChange: event => {
         const selectedProjectKey = event.target.value;
-
         if (selectedProjectKey !== props.projectKey) {
           var _window$app$__DEVELOP, _window$app$__DEVELOP2;
-
           if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.authorizeUrl) {
             configureApollo.setActiveProjectKey(selectedProjectKey);
-          } // We simply redirect to a "new" browser page, instead of using the
+          }
+
+          // We simply redirect to a "new" browser page, instead of using the
           // history router. This will simplify a lot of things and avoid possible
           // problems like e.g. resetting the store/state.
-
-
           redirectTo("/".concat(selectedProjectKey));
         }
       },
@@ -449,29 +404,23 @@ const ProjectSwitcher = props => {
     })]
   });
 };
-
 ProjectSwitcher.displayName = 'ProjectSwitcher';
 
 // eslint-disable-next-line import/prefer-default-export
 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-92a5cb53.cjs.prod.js'
-/* webpackChunkName: "user-settings-menu" */
-); }));
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-ca99a56d.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
 
 var _ref$1 = {
   name: "36bnqj",
   styles: "display:flex;flex:1"
 } ;
-
 var _ref2$1 = {
   name: "hlihg7",
   styles: "display:block;float:left;width:28px;height:32px;margin-left:20px"
 } ;
-
 const AppBar = props => {
   var _props$user$defaultPr, _props$user;
-
   const previousProjectKey = getPreviousProjectKey((_props$user$defaultPr = (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.defaultProjectKey) !== null && _props$user$defaultPr !== void 0 ? _props$user$defaultPr : undefined);
   return jsxRuntime.jsxs("div", {
     css: /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorSurface, ";box-shadow:", applicationComponents.designTokens.shadowForAppbar, ";min-height:", constants.DIMENSIONS.header, ";position:relative;width:100%;z-index:20000;display:flex;align-items:center;justify-content:space-between;" + ("" ), "" ),
@@ -511,11 +460,11 @@ const AppBar = props => {
                 shape: "rect",
                 size: "s"
               });
-            } // The `<ProjectSwitcher>` should be rendered only if the
+            }
+            // The `<ProjectSwitcher>` should be rendered only if the
             // user is fetched and the user has projects while the app runs in an project context.
-
-
-            if (props.user.projects.total > 0 && props.projectKeyFromUrl) return jsxRuntime.jsx(ProjectSwitcher // In this case it's not necessary to check if the `projectKey` param
+            if (props.user.projects.total > 0 && props.projectKeyFromUrl) return jsxRuntime.jsx(ProjectSwitcher
+            // In this case it's not necessary to check if the `projectKey` param
             // is included in the list of projects. In such case
             // the dropdown will still be rendered but no project will be selected.
             // This is fine becase the user has still the possibility to "switch"
@@ -544,7 +493,6 @@ const AppBar = props => {
     })]
   });
 };
-
 AppBar.displayName = 'AppBar';
 
 const ApplicationLoader = props => jsxRuntime.jsxs("div", {
@@ -555,9 +503,9 @@ const ApplicationLoader = props => jsxRuntime.jsxs("div", {
     src: CTLogoSVG__default["default"]
   }) : null]
 });
-
 ApplicationLoader.displayName = 'ApplicationLoader';
 
+const getBrowserHistory = () => history__default["default"];
 const getBrowserLocale = win => {
   const browserLocale = win && win.navigator && win.navigator.language;
   return l10n.getSupportedLocale(browserLocale);
@@ -578,49 +526,41 @@ const hideAppLoader = () => {
    */
   if (window.onAppLoaded) window.onAppLoaded();
 };
-
 const ConfigureIntlProvider = props => {
   react.useEffect(() => {
     if (props.locale) {
       hideAppLoader();
     }
   }, [props.locale]);
-
   if (!props.locale) {
     return null;
   }
-
   return jsxRuntime.jsx(reactIntl.IntlProvider, {
     locale: props.locale,
     messages: props.messages,
     children: props.children
   });
 };
-
 ConfigureIntlProvider.propTypes = {};
 ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
 
-const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-57a2fb57.cjs.prod.js'
-/* webpackChunkName: "error-apologizer" */
-); }));
+const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-b3872f4d.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: "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: "allAppliedMenuVisibilities" }, 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: "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: [] }] } }] } }] } }], loc: { start: 0, end: 997, 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    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      allAppliedMenuVisibilities {\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  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-
 const FetchProject = props => {
   const _useMcQuery = useMcQuery(ProjectQuery, {
-    onError: sentry.reportErrorToSentry,
-    variables: {
-      projectKey: props.projectKey
-    },
-    context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
-    },
-    skip: props.skip === true
-  }),
-        loading = _useMcQuery.loading,
-        data = _useMcQuery.data,
-        error = _useMcQuery.error;
-
+      onError: sentry.reportErrorToSentry,
+      variables: {
+        projectKey: props.projectKey
+      },
+      context: {
+        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+      },
+      skip: props.skip === true
+    }),
+    loading = _useMcQuery.loading,
+    data = _useMcQuery.data,
+    error = _useMcQuery.error;
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children({
       isLoading: loading,
@@ -629,7 +569,6 @@ const FetchProject = props => {
     })
   });
 };
-
 FetchProject.propTypes = {
   projectKey: _pt__default["default"].string,
   skip: _pt__default["default"].bool,
@@ -638,18 +577,16 @@ FetchProject.propTypes = {
 FetchProject.displayName = 'FetchProject';
 
 var LoggedInUserQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchLoggedInUser" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "gravatarHash" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "language" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "numberFormat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "timeZone" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingGroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingSubgroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingTeam" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingTenant" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultProjectKey" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "businessRole" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, 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: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "idTokenUserInfo" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "iss" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "sub" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "aud" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "exp" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "iat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "additionalClaims" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 654, source: { body: "query FetchLoggedInUser {\n  user: me {\n    id\n    email\n    createdAt\n    gravatarHash\n    firstName\n    lastName\n    language\n    numberFormat\n    timeZone\n    launchdarklyTrackingId\n    launchdarklyTrackingGroup\n    launchdarklyTrackingSubgroup\n    launchdarklyTrackingTeam\n    launchdarklyTrackingTenant\n    defaultProjectKey\n    businessRole\n    projects {\n      total\n      results {\n        name\n        key\n        suspension {\n          isActive\n        }\n        expiry {\n          isActive\n        }\n      }\n    }\n    idTokenUserInfo {\n      iss\n      sub\n      aud\n      exp\n      iat\n      email\n      name\n      additionalClaims\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-
 const FetchUser = props => {
   const _useMcQuery = useMcQuery(LoggedInUserQuery, {
-    onError: sentry.reportErrorToSentry,
-    context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
-    }
-  }),
-        loading = _useMcQuery.loading,
-        data = _useMcQuery.data,
-        error = _useMcQuery.error;
-
+      onError: sentry.reportErrorToSentry,
+      context: {
+        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+      }
+    }),
+    loading = _useMcQuery.loading,
+    data = _useMcQuery.data,
+    error = _useMcQuery.error;
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children({
       isLoading: loading,
@@ -658,20 +595,15 @@ const FetchUser = props => {
     })
   });
 };
-
 FetchUser.propTypes = {
   children: _pt__default["default"].func.isRequired
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-de19b951.cjs.prod.js'
-/* webpackChunkName: "navbar" */
-); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-ffea6503.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
 const _excluded = ["icon"];
-
 function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$7(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$7(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const compiledStyles$1 = {
   "global": ":root {\n\n  /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___n7yUt {\n  display: flex;\n  flex-grow: 1;\n  width: 64px;\n  z-index: 19999;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background: var(--background-color-for-navbar);\n}\n\n.navbar-mod__list___RCV3J {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  flex: 1 1 0;\n}\n\n.body__menu-open .navbar-mod__scrollable-menu___64pxJ {\n  flex: 1 1 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.navbar-mod__list-item___MjK6t {\n  width: 64px;\n  min-height: 56px;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background: var(--background-color-for-navbar);\n  margin: 0;\n  list-style: none;\n  cursor: pointer;\n}\n\n.navbar-mod__item-link___X2Ina {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  padding: var(--spacing-m);\n  width: 100%;\n  position: relative;\n  display: block;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep {\n  width: 24px;\n  height: 24px;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  fill: var(--color-for-navbar-icon);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon__active___asorg > svg *:not([fill='none']) {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  flex: 1;\n  font-weight: 500;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  display: none;\n  opacity: 0;\n  transition: all 0.25s ease-in-out;\n  text-align: left;\n  text-decoration: none;\n}\n\n.navbar-mod__expander___jyAUi {\n  border-top: 1px solid var(--color-neutral-40);\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n}\n\n.navbar-mod__expander___jyAUi:hover {\n  background: transparent !important;\n}\n\n.navbar-mod__expand-icon___BtmRa {\n  align-items: center;\n  border-radius: 32px;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  transform: translateX(0) rotateZ(0deg);\n  width: 24px;\n}\n\n.navbar-mod__item--bottom___eW7nh {\n  position: absolute;\n  bottom: 50px;\n}\n\n.navbar-mod__list-item___MjK6t:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background-color: var(--background-color-for-navbar-when-hovered);\n}\n\n.navbar-mod__item__active___lo1sr .navbar-mod__title___eRWUj {\n  opacity: 1;\n  display: block;\n  transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___zk0zh {\n  height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item_menu-collapsed___cluyY .navbar-mod__item-link___X2Ina {\n  text-align: center;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__title___eRWUj {\n  border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__sublist___os1s7 {\n  padding-top: 40px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___eRWUj {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  font-weight: 500;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-navbar-link);\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  box-shadow: var(--shadow-for-navbar);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  height: auto;\n  min-height: 56px;\n  transition: max-height 0.15s ease-out;\n  overflow: hidden;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt,\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  width: 245px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  display: block;\n  opacity: 1;\n  margin-left: var(--spacing-m);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__title___eRWUj {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expand-icon___BtmRa {\n  transform: translateX(0) rotateZ(180deg);\n}\n\n.body__menu-open .navbar-mod__item__active___lo1sr {\n  max-height: 500px;\n  transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7 {\n  position: relative;\n  z-index: 1;\n  left: 0;\n  margin: 0 0 0 calc(\n    24px + var(--spacing-m) + 4px + 4px\n  );\n  padding: var(--spacing-m) 0 0;\n  background-color: transparent;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7.navbar-mod__sublist-no-children___Dy-h- {\n  border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expander___jyAUi {\n  min-height: 50px;\n  justify-content: flex-end;\n  padding: var(--spacing-m);\n}\n\n/*  Second level menu */\n\n.navbar-mod__sublist___os1s7 {\n  padding: 75px var(--spacing-l) var(--spacing-m);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  position: absolute;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background-color: var(--background-color-for-navbar);\n  top: 0;\n  left: 64px;\n  z-index: -1;\n  list-style: none;\n  opacity: 0.01;\n  visibility: hidden;\n}\n\n.navbar-mod__sublist__inactive___kJvf- {\n  /* empty block */\n}\n\n.navbar-mod__sublist-item___gafkS {\n  padding: var(--spacing-s) 0 0;\n}\n\n.navbar-mod__sublist-item___gafkS:first-of-type {\n  padding: 0;\n}\n\n.navbar-mod__sublist-item___gafkS:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__text___ccHEu {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-navbar-link);\n}\n\n.navbar-mod__text-link___dhtj6 {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___dhtj6:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n/* Item active */\n\n.navbar-mod__item__active___lo1sr,\n.navbar-mod__item_menu__active___5xFRw {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  width: calc(\n    205px + 64px -\n      var(--spacing-m) * 2\n  );\n  justify-content: flex-start;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n  width: calc(24px + 4px * 2);\n  display: flex;\n  justify-content: center;\n  align-self: flex-start;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n  justify-content: flex-start;\n  display: flex;\n  width: 100%;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n  /* empty block */\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  position: relative;\n  width: auto;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  margin-left: 40px;\n}\n\n.navbar-mod__item_menu-collapsed___cluyY.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  max-height: 44px;\n  overflow: hidden;\n  /* stylelint-disable-next-line value-no-vendor-prefix */\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  margin-left: var(--spacing-m);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  margin-left: 0;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n  width: 205px;\n  min-height: 100%;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n  width: calc(100% - calc(\n    24px + var(--spacing-m) + 4px + 4px\n  ));\n}\n\n.navbar-mod__sublist-expanded__active___240JK,\n.navbar-mod__sublist-collapsed__active___-9vYh {\n  opacity: 1;\n  visibility: visible;\n  text-align: left;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background-color: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__highlighted___oJWkA,\n.navbar-mod__highlighted___oJWkA .navbar-mod__title___eRWUj {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-active) !important;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-active);\n}\n\n.navbar-mod__hidden___TQLSs {\n  display: none;\n}\n\n.navbar-mod__divider___TpVzu {\n  border-top: 1px solid var(--color-neutral-40);\n}\n\n.navbar-mod__loading-dot-container___G2LVb {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___64pxJ {\n  flex: 1 1 0;\n  padding-bottom: 32px;\n  /* \n    FIXME: Make the navbar scrollable in collapsed state.\n    NOTE: do not use `overflow-x: hidden; overflow-y: auto;` as this prevents submenus from showing up on hover \n  */\n}\n\n.navbar-mod__fixed-menu___42tD9 {\n  flex: 0 0 0;\n  position: relative;\n}\n",
@@ -711,7 +643,6 @@ const compiledStyles$1 = {
   }
 };
 const styles$2 = compiledStyles$1.jsonMap;
-
 /*
 <DataMenu data={[]}>
   <MenuGroup>
@@ -725,87 +656,71 @@ const styles$2 = compiledStyles$1.jsonMap;
   <MenuExpander/>
 </DataMenu>
 */
-const HeartIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./heart-000a023d.cjs.prod.js'); }));
-const PaperclipIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./paperclip-23d1e69c.cjs.prod.js'); }));
-const PluginIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./plugin-7e57f237.cjs.prod.js'); }));
-const RocketIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./rocket-3e3f0a98.cjs.prod.js'); }));
-const StarIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./star-f8502efb.cjs.prod.js'); }));
-const ConnectedSquareIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./connected-square-b2e25621.cjs.prod.js'); }));
-const WorldIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./world-e1f9dbf8.cjs.prod.js'); }));
-const TreeStructureIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./tree-structure-f24ee3f6.cjs.prod.js'); }));
-const UserFilledIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-filled-815b49a0.cjs.prod.js'); }));
-const SpeedometerIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./speedometer-2881cef6.cjs.prod.js'); }));
-const TagMultiIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./tag-multi-f9acb1c2.cjs.prod.js'); }));
-const CartIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./cart-0698b97d.cjs.prod.js'); }));
-const BoxIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./box-8850277f.cjs.prod.js'); }));
-const GearIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./gear-2890f7fb.cjs.prod.js'); }));
-const ListWithSearchIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./list-with-search-a5b72b33.cjs.prod.js'); }));
 
+const HeartIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./heart-ebfab4cd.cjs.prod.js'); }));
+const PaperclipIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./paperclip-6f0b6ae5.cjs.prod.js'); }));
+const PluginIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./plugin-f199ed20.cjs.prod.js'); }));
+const RocketIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./rocket-f0bfae34.cjs.prod.js'); }));
+const StarIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./star-c11b0683.cjs.prod.js'); }));
+const ConnectedSquareIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./connected-square-960e046b.cjs.prod.js'); }));
+const WorldIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./world-f921d80c.cjs.prod.js'); }));
+const TreeStructureIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./tree-structure-690366f9.cjs.prod.js'); }));
+const UserFilledIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-filled-58af1ae4.cjs.prod.js'); }));
+const SpeedometerIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./speedometer-0de260cf.cjs.prod.js'); }));
+const TagMultiIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./tag-multi-f8d9c9e6.cjs.prod.js'); }));
+const CartIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./cart-f2fc1baf.cjs.prod.js'); }));
+const BoxIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./box-e17daf6c.cjs.prod.js'); }));
+const GearIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./gear-9b394c43.cjs.prod.js'); }));
+const ListWithSearchIcon = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./list-with-search-e3ccba98.cjs.prod.js'); }));
 // The icon is expected to be the `svg` document as a string.
 // For backwards compatibility purposes, we still support the legacy "icon name",
 // which we then map to one of the pre-defined icons.
 // Eventually, we want to get rid of this "switch" logic.
 const IconSwitcher = _ref => {
   let icon = _ref.icon,
-      iconProps = _objectWithoutProperties(_ref, _excluded);
-
+    iconProps = _objectWithoutProperties(_ref, _excluded);
   if (_includesInstanceProperty__default["default"](icon).call(icon, '<svg')) {
     return jsxRuntime.jsx(InlineSvg__default["default"], _objectSpread$7({
       data: icon
     }, iconProps));
-  } // Backwards compatibility for apps using the "icon name".
-
-
+  }
+  // Backwards compatibility for apps using the "icon name".
   switch (icon) {
     // Legacy application icons
     // TODO: To be removed once MC applications icons updates are published
     case 'TreeStructureIcon':
       return jsxRuntime.jsx(TreeStructureIcon, _objectSpread$7({}, iconProps));
-
     case 'UserFilledIcon':
       return jsxRuntime.jsx(UserFilledIcon, _objectSpread$7({}, iconProps));
-
     case 'SpeedometerIcon':
       return jsxRuntime.jsx(SpeedometerIcon, _objectSpread$7({}, iconProps));
-
     case 'TagMultiIcon':
       return jsxRuntime.jsx(TagMultiIcon, _objectSpread$7({}, iconProps));
-
     case 'CartIcon':
       return jsxRuntime.jsx(CartIcon, _objectSpread$7({}, iconProps));
-
     case 'BoxIcon':
       return jsxRuntime.jsx(BoxIcon, _objectSpread$7({}, iconProps));
-
     case 'GearIcon':
       return jsxRuntime.jsx(GearIcon, _objectSpread$7({}, iconProps));
-
     case 'ListWithSearchIcon':
       return jsxRuntime.jsx(ListWithSearchIcon, _objectSpread$7({}, iconProps));
-    // Custom application icons set
 
+    // Custom application icons set
     case 'HeartIcon':
       return jsxRuntime.jsx(HeartIcon, _objectSpread$7({}, iconProps));
-
     case 'PaperclipIcon':
       return jsxRuntime.jsx(PaperclipIcon, _objectSpread$7({}, iconProps));
-
     case 'PluginIcon':
       return jsxRuntime.jsx(PluginIcon, _objectSpread$7({}, iconProps));
-
     case 'RocketIcon':
       return jsxRuntime.jsx(RocketIcon, _objectSpread$7({}, iconProps));
-
     case 'StarIcon':
       return jsxRuntime.jsx(StarIcon, _objectSpread$7({}, iconProps));
-
     case 'ConnectedSquareIcon':
       return jsxRuntime.jsx(ConnectedSquareIcon, _objectSpread$7({}, iconProps));
     // For backwards compatibility
-
     case 'WorldIcon':
       return jsxRuntime.jsx(WorldIcon, _objectSpread$7({}, iconProps));
-
     default:
       return jsxRuntime.jsx("img", {
         src: MissingImageSvg__default["default"],
@@ -813,10 +728,8 @@ const IconSwitcher = _ref => {
       });
   }
 };
-
 IconSwitcher.propTypes = {};
 IconSwitcher.displayName = 'IconSwitcher';
-
 const MenuExpander = props => {
   return jsxRuntime.jsx("li", {
     className: classnames__default["default"](styles$2['list-item'], styles$2.expander, {
@@ -833,19 +746,15 @@ const MenuExpander = props => {
     })
   }, "expander");
 };
-
 MenuExpander.propTypes = {};
 MenuExpander.displayName = 'MenuExpander';
-
 const Faded = /*#__PURE__*/_styled__default["default"]("div", {
   target: "ekdrmmp0"
 } )("position:absolute;top:-32px;height:32px;width:100%;background:linear-gradient(\n    0deg,\n    ", applicationComponents.designTokens.backgroundColorForNavbar, " 0%,\n    rgba(0, 0, 0, 0) 100%\n  );z-index:1;" + ("" ));
-
 const MenuGroup = props => {
   if (props.isExpanded && (props.level === 2 && !props.hasSubmenu || props.level === 2 && !props.isActive)) {
     return null;
   }
-
   const isSublistActiveWhileIsMenuExpanded = props.level === 2 && props.isActive && props.isExpanded;
   const isSublistActiveWhileIsMenuCollapsed = props.level === 2 && props.isActive && !props.isExpanded;
   return jsxRuntime.jsx("ul", {
@@ -869,13 +778,10 @@ const MenuGroup = props => {
     children: props.children
   });
 };
-
 MenuGroup.propTypes = {};
 MenuGroup.displayName = 'MenuGroup';
-
 const MenuItem = props => {
   var _props$isMainMenuRout;
-
   return jsxRuntime.jsx("li", {
     role: "menuitem",
     className: classnames__default["default"](styles$2['list-item'], {
@@ -893,16 +799,13 @@ const MenuItem = props => {
     })
   });
 };
-
 MenuItem.propTypes = {};
 MenuItem.displayName = 'MenuItem';
 const menuItemLinkDefaultProps = {
   exactMatch: false
 };
-
 const MenuItemLink = props => {
   const redirectTo = targetUrl => useIsServedByProxy.location.replace(targetUrl);
-
   if (props.linkTo) {
     return jsxRuntime.jsx(reactRouterDom.NavLink, {
       to: props.linkTo,
@@ -921,32 +824,24 @@ const MenuItemLink = props => {
       children: props.children
     });
   }
-
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children
   });
 };
-
 MenuItemLink.propTypes = {};
 MenuItemLink.displayName = 'MenuItemLink';
 MenuItemLink.defaultProps = menuItemLinkDefaultProps;
-
 const MenuItemDivider = () => jsxRuntime.jsx("div", {
   className: styles$2.divider
 });
-
 MenuItemDivider.displayName = 'MenuItemDivider';
-
 const isEveryMenuVisibilitySetToHidden = (menuVisibilities, namesOfMenuVisibilities) => _Array$isArray__default["default"](namesOfMenuVisibilities) && namesOfMenuVisibilities.length > 0 && _everyInstanceProperty__default["default"](namesOfMenuVisibilities).call(namesOfMenuVisibilities, nameOfMenuVisibility => menuVisibilities && menuVisibilities[nameOfMenuVisibility] === true);
-
 const restrictedMenuItemDefaultProps = {
   permissions: []
 };
-
 function isLongLivedFlag(flag) {
   return typeof (flag === null || flag === void 0 ? void 0 : flag.value) === 'boolean';
 }
-
 const RestrictedMenuItem = props => {
   // NOTE: Custom application are activated/deactivated while their
   // visibility is not controlled via a visibiility overwrite.
@@ -960,11 +855,11 @@ const RestrictedMenuItem = props => {
       switch (demandedDataFence.type) {
         case 'store':
           return demandedDataFence.actualDataFenceValues;
-
         default:
           return null;
       }
-    } // Always check that some of the given permissions match.
+    }
+    // Always check that some of the given permissions match.
     ,
     shouldMatchSomePermissions: true,
     projectPermissions: props.projectPermissions,
@@ -972,31 +867,24 @@ const RestrictedMenuItem = props => {
   }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children
   });
-
   if (props.featureToggle) {
     // A regular short-lived feature toggle
-    if (flagVariation === true) return permissionsWrapper; // A long-lived feature toggle with `{ value: boolean, string: reason }`
-
+    if (flagVariation === true) return permissionsWrapper;
+    // A long-lived feature toggle with `{ value: boolean, string: reason }`
     if (isLongLivedFlag(flagVariation) && flagVariation.value === true) return permissionsWrapper;
     return null;
   }
-
   return permissionsWrapper;
 };
-
 RestrictedMenuItem.propTypes = {};
 RestrictedMenuItem.displayName = 'RestrictedMenuItem';
 RestrictedMenuItem.defaultProps = restrictedMenuItemDefaultProps;
-
 const MenuLabel = props => {
   var _context;
-
   const localizedLabel = _findInstanceProperty__default["default"](_context = props.labelAllLocales).call(_context, loc => {
     var _context2;
-
     return _startsWithInstanceProperty__default["default"](_context2 = props.applicationLocale).call(_context2, loc.locale);
   });
-
   if (localizedLabel) return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: localizedLabel.value
   });
@@ -1007,7 +895,6 @@ const MenuLabel = props => {
     children: constants$1.NO_VALUE_FALLBACK
   });
 };
-
 MenuLabel.propTypes = {
   labelAllLocales: _pt__default["default"].arrayOf(_pt__default["default"].any).isRequired,
   defaultLabel: _pt__default["default"].string,
@@ -1035,6 +922,7 @@ const useLoadingMenuLayoutEffect = () => {
   }, [isForcedMenuOpen]);
 };
 
+// https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
 const compiledStyles = {
   "global": ":root {\n\n  /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___n7yUt {\n  display: flex;\n  flex-grow: 1;\n  width: 64px;\n  z-index: 19999;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background: var(--background-color-for-navbar);\n}\n\n.navbar-mod__list___RCV3J {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  flex: 1 1 0;\n}\n\n.body__menu-open .navbar-mod__scrollable-menu___64pxJ {\n  flex: 1 1 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.navbar-mod__list-item___MjK6t {\n  width: 64px;\n  min-height: 56px;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background: var(--background-color-for-navbar);\n  margin: 0;\n  list-style: none;\n  cursor: pointer;\n}\n\n.navbar-mod__item-link___X2Ina {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  padding: var(--spacing-m);\n  width: 100%;\n  position: relative;\n  display: block;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep {\n  width: 24px;\n  height: 24px;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  fill: var(--color-for-navbar-icon);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon__active___asorg > svg *:not([fill='none']) {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  flex: 1;\n  font-weight: 500;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  display: none;\n  opacity: 0;\n  transition: all 0.25s ease-in-out;\n  text-align: left;\n  text-decoration: none;\n}\n\n.navbar-mod__expander___jyAUi {\n  border-top: 1px solid var(--color-neutral-40);\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n}\n\n.navbar-mod__expander___jyAUi:hover {\n  background: transparent !important;\n}\n\n.navbar-mod__expand-icon___BtmRa {\n  align-items: center;\n  border-radius: 32px;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  transform: translateX(0) rotateZ(0deg);\n  width: 24px;\n}\n\n.navbar-mod__item--bottom___eW7nh {\n  position: absolute;\n  bottom: 50px;\n}\n\n.navbar-mod__list-item___MjK6t:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background-color: var(--background-color-for-navbar-when-hovered);\n}\n\n.navbar-mod__item__active___lo1sr .navbar-mod__title___eRWUj {\n  opacity: 1;\n  display: block;\n  transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___zk0zh {\n  height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item_menu-collapsed___cluyY .navbar-mod__item-link___X2Ina {\n  text-align: center;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__title___eRWUj {\n  border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__sublist___os1s7 {\n  padding-top: 40px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___eRWUj {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  font-weight: 500;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-navbar-link);\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  box-shadow: var(--shadow-for-navbar);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  height: auto;\n  min-height: 56px;\n  transition: max-height 0.15s ease-out;\n  overflow: hidden;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt,\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  width: 245px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  display: block;\n  opacity: 1;\n  margin-left: var(--spacing-m);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__title___eRWUj {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expand-icon___BtmRa {\n  transform: translateX(0) rotateZ(180deg);\n}\n\n.body__menu-open .navbar-mod__item__active___lo1sr {\n  max-height: 500px;\n  transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7 {\n  position: relative;\n  z-index: 1;\n  left: 0;\n  margin: 0 0 0 calc(\n    24px + var(--spacing-m) + 4px + 4px\n  );\n  padding: var(--spacing-m) 0 0;\n  background-color: transparent;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7.navbar-mod__sublist-no-children___Dy-h- {\n  border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expander___jyAUi {\n  min-height: 50px;\n  justify-content: flex-end;\n  padding: var(--spacing-m);\n}\n\n/*  Second level menu */\n\n.navbar-mod__sublist___os1s7 {\n  padding: 75px var(--spacing-l) var(--spacing-m);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  position: absolute;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background-color: var(--background-color-for-navbar);\n  top: 0;\n  left: 64px;\n  z-index: -1;\n  list-style: none;\n  opacity: 0.01;\n  visibility: hidden;\n}\n\n.navbar-mod__sublist__inactive___kJvf- {\n  /* empty block */\n}\n\n.navbar-mod__sublist-item___gafkS {\n  padding: var(--spacing-s) 0 0;\n}\n\n.navbar-mod__sublist-item___gafkS:first-of-type {\n  padding: 0;\n}\n\n.navbar-mod__sublist-item___gafkS:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__text___ccHEu {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-navbar-link);\n}\n\n.navbar-mod__text-link___dhtj6 {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___dhtj6:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n/* Item active */\n\n.navbar-mod__item__active___lo1sr,\n.navbar-mod__item_menu__active___5xFRw {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  width: calc(\n    205px + 64px -\n      var(--spacing-m) * 2\n  );\n  justify-content: flex-start;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n  width: calc(24px + 4px * 2);\n  display: flex;\n  justify-content: center;\n  align-self: flex-start;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n  justify-content: flex-start;\n  display: flex;\n  width: 100%;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n  /* empty block */\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  position: relative;\n  width: auto;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  margin-left: 40px;\n}\n\n.navbar-mod__item_menu-collapsed___cluyY.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  max-height: 44px;\n  overflow: hidden;\n  /* stylelint-disable-next-line value-no-vendor-prefix */\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  margin-left: var(--spacing-m);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  margin-left: 0;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n  width: 205px;\n  min-height: 100%;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n  width: calc(100% - calc(\n    24px + var(--spacing-m) + 4px + 4px\n  ));\n}\n\n.navbar-mod__sublist-expanded__active___240JK,\n.navbar-mod__sublist-collapsed__active___-9vYh {\n  opacity: 1;\n  visibility: visible;\n  text-align: left;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background-color: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__highlighted___oJWkA,\n.navbar-mod__highlighted___oJWkA .navbar-mod__title___eRWUj {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-active) !important;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-active);\n}\n\n.navbar-mod__hidden___TQLSs {\n  display: none;\n}\n\n.navbar-mod__divider___TpVzu {\n  border-top: 1px solid var(--color-neutral-40);\n}\n\n.navbar-mod__loading-dot-container___G2LVb {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___64pxJ {\n  flex: 1 1 0;\n  padding-bottom: 32px;\n  /* \n    FIXME: Make the navbar scrollable in collapsed state.\n    NOTE: do not use `overflow-x: hidden; overflow-y: auto;` as this prevents submenus from showing up on hover \n  */\n}\n\n.navbar-mod__fixed-menu___42tD9 {\n  flex: 0 0 0;\n  position: relative;\n}\n",
   "jsonMap": {
@@ -1073,10 +961,8 @@ const compiledStyles = {
   }
 };
 const styles$1 = compiledStyles.jsonMap;
-
 const LoadingNavBar = () => {
   var _context;
-
   const ref = react.useRef(null);
   useLoadingMenuLayoutEffect();
   return jsxRuntime.jsx(NavBarLayout, {
@@ -1103,35 +989,29 @@ const LoadingNavBar = () => {
     })
   });
 };
-
 LoadingNavBar.displayName = 'LoadingNavBar';
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-805662a2.cjs.prod.js'
-/* webpackChunkName: "project-container" */
-); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-2ed314f8.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
-  const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE); // Make sure the cached locale is listed in the selected project
-
+  const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
+  // Make sure the cached locale is listed in the selected project
   const isCachedDataLocaleIncludedInProjectLanguages = _includesInstanceProperty__default["default"](projectLocales).call(projectLocales, cachedDataLocale || '');
-
-  if (cachedDataLocale && isCachedDataLocaleIncludedInProjectLanguages) return cachedDataLocale; // Pick the first locale from the list
-
-  const defaultDataLocaleForProject = projectLocales[0]; // Cache it
-
+  if (cachedDataLocale && isCachedDataLocaleIncludedInProjectLanguages) return cachedDataLocale;
+  // Pick the first locale from the list
+  const defaultDataLocaleForProject = projectLocales[0];
+  // Cache it
   window.localStorage.setItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE, defaultDataLocaleForProject);
   return defaultDataLocaleForProject;
 };
-
 const ProjectDataLocale = props => {
   const _useState = react.useState(getSelectedDataLocaleForProject(props.locales)),
-        _useState2 = _slicedToArray(_useState, 2),
-        locale = _useState2[0],
-        setLocale = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    locale = _useState2[0],
+    setLocale = _useState2[1];
   const handleSetProjectDataLocale = react.useCallback(locale => {
-    setLocale(locale); // Cache it
-
+    setLocale(locale);
+    // Cache it
     window.localStorage.setItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE, locale);
   }, []);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -1141,7 +1021,6 @@ const ProjectDataLocale = props => {
     })
   });
 };
-
 ProjectDataLocale.propTypes = {
   locales: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired,
   children: _pt__default["default"].func.isRequired
@@ -1149,30 +1028,22 @@ ProjectDataLocale.propTypes = {
 ProjectDataLocale.displayName = 'ProjectDataLocale';
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 let ErrorBoundary = /*#__PURE__*/function (_Component) {
   _inherits(ErrorBoundary, _Component);
-
   var _super = _createSuper(ErrorBoundary);
-
   function ErrorBoundary() {
     var _this;
-
     _classCallCheck(this, ErrorBoundary);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call(this, ...args);
     _this.state = {
       hasError: false
     };
     return _this;
   }
-
   _createClass(ErrorBoundary, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
@@ -1198,26 +1069,22 @@ let ErrorBoundary = /*#__PURE__*/function (_Component) {
       if (this.state.hasError) {
         return jsxRuntime.jsx(ErrorApologizer, {});
       }
-
       return jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: this.props.children
       });
     }
   }], [{
     key: "getDerivedStateFromError",
-    value: function
-      /* error */
-    getDerivedStateFromError() {
+    value: function getDerivedStateFromError( /* error */
+    ) {
       // Update state so the next render will show the fallback UI.
       return {
         hasError: true
       };
     }
   }]);
-
   return ErrorBoundary;
 }(react.Component);
-
 ErrorBoundary.propTypes = {};
 
 const ButlerContainer = /*#__PURE__*/_styled__default["default"]("div", {
@@ -1236,22 +1103,20 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-e7d9ec95.cjs.prod.js'
-/* webpackChunkName: "quick-access" */
-); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-2ed3fd12.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
 
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        isVisible = _useState2[0],
-        setIsVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isVisible = _useState2[0],
+    setIsVisible = _useState2[1];
   const open = react.useCallback(() => {
     setIsVisible(true);
   }, []);
   const close = react.useCallback(() => {
     setIsVisible(false);
-  }, []); // We store the information of whether a project is indexed by pim-indexer,
+  }, []);
+  // We store the information of whether a project is indexed by pim-indexer,
   // to avoid having to refetch that information every time Quick Access is
   // opened. We can't move the information to the quick-access.js component
   // as that component unmounts and would lose its state.
@@ -1261,46 +1126,44 @@ const QuickAccessTrigger = props => {
   //
   // We don't need to update this information when the project key changes,
   // as changing a project always results in a full page reload anyways.
-
   const _useState3 = react.useState(pimIndexerStates.UNCHECKED),
-        _useState4 = _slicedToArray(_useState3, 2),
-        pimIndexerState = _useState4[0],
-        setPimIndexerState = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    pimIndexerState = _useState4[0],
+    setPimIndexerState = _useState4[1];
   const handlePimIndexerStateChange = react.useCallback(nextPimIndexerState => {
     setPimIndexerState(nextPimIndexerState);
   }, []);
   const keyHandler = react.useCallback(event => {
-    const hotKey = 'f'; // avoid interfering with any key combinations using modifier keys
-
-    if (event.ctrlKey || event.altKey || event.shiftKey || event.metaKey) return; // Let users close QuickAccess by pressing Escape
+    const hotKey = 'f';
+    // avoid interfering with any key combinations using modifier keys
+    if (event.ctrlKey || event.altKey || event.shiftKey || event.metaKey) return;
 
+    // Let users close QuickAccess by pressing Escape
     if (event.key === 'Escape' && event.target.id === 'quick-access-search-input') {
       close();
       return;
-    } // Avoid interfering with any other elements. We only
-    // open the QuickAccess when nothing was focused, so target is document.body
-
+    }
 
-    if (event.target !== document.body && // tabIndex="-1" has a special meaning
+    // Avoid interfering with any other elements. We only
+    // open the QuickAccess when nothing was focused, so target is document.body
+    if (event.target !== document.body &&
+    // tabIndex="-1" has a special meaning
     // It will make the element focusable, while hiding it from the
     // navigation. It is typically used for modals and overlays.
     // react-modal uses it for example. We want to treat those elements
     // similar to document.body.
     // See https://stackoverflow.com/a/32912224
-    event.target.getAttribute('tabindex') !== '-1' && // Do not prevent Quick Access from opening when a link has focus
+    event.target.getAttribute('tabindex') !== '-1' &&
+    // Do not prevent Quick Access from opening when a link has focus
     event.target.nodeName !== 'A') return;
-
     if (event.key === hotKey) {
       if (!isVisible) {
         // prevent the letter from appearing in the search input when
         // it is the key press that lead to opening Quick Access
         event.preventDefault();
       }
-
       open();
     }
-
     return;
   }, [close, isVisible, open]);
   react.useEffect(() => {
@@ -1324,17 +1187,12 @@ const QuickAccessTrigger = props => {
     })
   });
 };
-
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-7fa846f5.cjs.prod.js'
-/* webpackChunkName: "redirect-to-logout" */
-); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-81526f74.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
-const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-048efa71.cjs.prod.js'
-/* webpackChunkName: "redirect-to-project-create" */
-); }));
+const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-2266c427.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
 /*
  * This file contains a list of all feature toggles used within
@@ -1354,38 +1212,31 @@ const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().
  *   fetched from LaunchDarkly (without default values flopflip will default
  *   them to off until fetched).
  */
-const UI_REDESIGN = 'uiRedesign';
-const FLAGS = {
-  [UI_REDESIGN]: false
-};
 
-function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+const FLAGS = {};
 
+function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var FetchAllMenuFeatureToggles = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchAllMenuFeatureToggles" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatureToggles" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 57, source: { body: "query FetchAllMenuFeatureToggles {\n  allFeatureToggles\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const defaultApiUrl = window.location.origin;
-
 const getDefaultedFeatureToggles = allFeatureToggles => _reduceInstanceProperty__default["default"](allFeatureToggles).call(allFeatureToggles, (previouslyDefaultedFeatureToggles, nextFeatureToggle) => _objectSpread$6(_objectSpread$6({}, previouslyDefaultedFeatureToggles), {}, {
   [nextFeatureToggle]: false
 }), {});
-
 const useAllMenuFeatureToggles = () => {
   const servedByProxy = useIsServedByProxy.useIsServedByProxy();
   const mcProxyApiUrl = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.environment.mcProxyApiUrl);
-
   const _useMcQuery = useMcQuery(FetchAllMenuFeatureToggles, {
-    fetchPolicy: 'cache-and-network',
-    skip: !servedByProxy,
-    onError: sentry.reportErrorToSentry,
-    context: {
-      uri: "".concat(mcProxyApiUrl || defaultApiUrl, "/api/graphql"),
-      skipGraphQlTargetCheck: true
-    }
-  }),
-        data = _useMcQuery.data,
-        refetch = _useMcQuery.refetch,
-        loading = _useMcQuery.loading;
-
+      fetchPolicy: 'cache-and-network',
+      skip: !servedByProxy,
+      onError: sentry.reportErrorToSentry,
+      context: {
+        uri: "".concat(mcProxyApiUrl || defaultApiUrl, "/api/graphql"),
+        skipGraphQlTargetCheck: true
+      }
+    }),
+    data = _useMcQuery.data,
+    refetch = _useMcQuery.refetch,
+    loading = _useMcQuery.loading;
   return {
     isLoading: loading,
     refetch,
@@ -1394,17 +1245,14 @@ const useAllMenuFeatureToggles = () => {
 };
 
 function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var AllFeaturesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "AllFeatures" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, 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: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 72, source: { body: "query AllFeatures {\n  allFeatures {\n    name\n    value\n    reason\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 // This value is hard-coded here because we want to make sure that the
 // app uses our account of LD. The value is meant to be public, so there
 // is no need to be concerned about security.
 const ldClientSideIdProduction = '5979d95f6040390cd07b5e01';
-
 function getUserCustomFieldsForLaunchDarklyAdapter(user, projectKey) {
   var _user$launchdarklyTra, _user$launchdarklyTra2, _user$launchdarklyTra3, _user$launchdarklyTra4, _user$launchdarklyTra5;
-
   return {
     project: projectKey !== null && projectKey !== void 0 ? projectKey : '',
     id: (_user$launchdarklyTra = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingId) !== null && _user$launchdarklyTra !== void 0 ? _user$launchdarklyTra : '',
@@ -1414,16 +1262,13 @@ function getUserCustomFieldsForLaunchDarklyAdapter(user, projectKey) {
     tenant: (_user$launchdarklyTra5 = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingTenant) !== null && _user$launchdarklyTra5 !== void 0 ? _user$launchdarklyTra5 : ''
   };
 }
-
 const parseFlags = fetchedFlags => {
   var _context;
-
   return _Object$fromEntries__default["default"](_mapInstanceProperty__default["default"](_context = fetchedFlags.allFeatures).call(_context, fetchedFlag => [fetchedFlag.name, {
     value: fetchedFlag.value,
     reason: fetchedFlag.reason
   }]));
 };
-
 const SetupFlopFlipProvider = props => {
   const apolloClient = react$2.useApolloClient();
   const enableLongLivedFeatureFlags = applicationShellConnectors.useApplicationContext(context => context.environment.enableLongLivedFeatureFlags);
@@ -1439,7 +1284,6 @@ const SetupFlopFlipProvider = props => {
   const defaultFlags = react.useMemo(() => _objectSpread$5(_objectSpread$5(_objectSpread$5({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), props.defaultFlags), [allMenuFeatureToggles.allFeatureToggles, props.defaultFlags]);
   const adapterArgs = react.useMemo(() => {
     var _props$user, _props$ldClientSideId, _props$user2, _props$user3;
-
     return {
       user: {
         key: (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.id
@@ -1474,7 +1318,6 @@ const SetupFlopFlipProvider = props => {
       }
     };
   }, [apolloClient, flags, props.ldClientSideId, props.projectKey, props.user]);
-
   return jsxRuntime.jsx(reactBroadcast.ConfigureFlopFlip, {
     adapter: combineAdapters__default["default"],
     adapterArgs: adapterArgs,
@@ -1486,93 +1329,63 @@ const SetupFlopFlipProvider = props => {
 SetupFlopFlipProvider.propTypes = {};
 SetupFlopFlipProvider.displayName = 'SetupFlopFlipProvider';
 
-const NewDesignReleaseInfoDialog = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./new-design-release-info-dialog-879a4af8.cjs.prod.js'); }));
-
-function useDisableRedesignAnnouncement() {
-  const disableRedesignAnnouncement = applicationShellConnectors.useApplicationContext(context => context.environment.disableRedesignAnnouncement);
-  return Boolean(disableRedesignAnnouncement);
-}
-
 const ThemeSwitcher = () => {
-  const isNewThemeEnabled = reactBroadcast.useFeatureToggle(UI_REDESIGN);
-  const isRedesignAnnouncementDisabled = useDisableRedesignAnnouncement();
-  const theme = isNewThemeEnabled ? 'test' : 'default';
-
-  const _useState = react.useState(window.localStorage.getItem(constants.STORAGE_KEYS.IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED) === 'true'),
-        _useState2 = _slicedToArray(_useState, 2),
-        hasUserSeenNewDesignReleaseNotificationDialog = _useState2[0],
-        setHasUserSeenNewDesignReleaseNotificationDialog = _useState2[1];
-
-  const handleCloseDialog = () => {
-    window.localStorage.setItem(constants.STORAGE_KEYS.IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED, 'true');
-    setHasUserSeenNewDesignReleaseNotificationDialog(true);
-  };
-
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(designSystem.ThemeProvider, {
+  // This helps decoupling app-kit update from ui-kit update
+  // TODO: Remove after ui-kit redesign cleanup has been done
+  const theme = 'test';
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: jsxRuntime.jsx(designSystem.ThemeProvider, {
       theme: theme,
-      themeOverrides: applicationComponents.themesOverrides[theme]
-    }), !isRedesignAnnouncementDisabled && !hasUserSeenNewDesignReleaseNotificationDialog && isNewThemeEnabled ? jsxRuntime.jsx(NewDesignReleaseInfoDialog, {
-      onClose: handleCloseDialog
-    }) : null]
+      themeOverrides: applicationComponents.themesOverrides.default
+    })
   });
 };
 
-const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-73a18ff9.cjs.prod.js'
-/* webpackChunkName: "version-tracker" */
-); }));
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-9b501e9f.cjs.prod.js' /* webpackChunkName: "version-tracker" */); }));
 
 function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
 const getHasUnauthorizedError = graphQLErrors => _findInstanceProperty__default["default"](graphQLErrors).call(graphQLErrors, gqlError => gqlError.extensions && gqlError.extensions.code && gqlError.extensions.code === 'UNAUTHENTICATED');
-
 const getHasUserBeenDeletedError = graphQLErrors => _findInstanceProperty__default["default"](graphQLErrors).call(graphQLErrors, gqlError => {
   var _context;
-
-  return gqlError.message && // NOTE: The CTP API does not provide an error code in this case.
+  return gqlError.message &&
+  // NOTE: The CTP API does not provide an error code in this case.
   _includesInstanceProperty__default["default"](_context = gqlError.message).call(_context, 'was not found.');
 });
-
 const MainContainer = /*#__PURE__*/_styled__default["default"]("main", {
   target: "esrtekc0"
 } )({
   name: "1rdshd",
   styles: "grid-column:2;grid-row:3;min-width:0;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column;position:relative"
 } );
+
 /**
  * This component is rendered whenever the user is considered "authenticated"
  * and contains the "restricted" application part.
  */
-
 var _ref = {
   name: "tlwzvn",
   styles: "flex-grow:1;display:flex;flex-direction:column;position:relative;>*:not(:first-of-type){flex-grow:1;display:flex;flex-direction:column;}"
 } ;
-
 var _ref2 = {
   name: "14w5yo3",
   styles: "position:relative;grid-row:3;display:flex;flex-direction:column"
 } ;
-
 var _ref3 = {
   name: "fqjitq",
   styles: "grid-row:2;grid-column:1/3"
 } ;
-
 var _ref4 = {
   name: "8bdwu0",
   styles: "grid-row:1;grid-column:1/3"
 } ;
-
 const ApplicationShellAuthenticated = props => {
-  const applicationEnvironment = applicationShellConnectors.useApplicationContext(context => context.environment); // TODO: using this hook will subscribe the component to route updates.
+  const applicationEnvironment = applicationShellConnectors.useApplicationContext(context => context.environment);
+  // TODO: using this hook will subscribe the component to route updates.
   // This is currently useful for detecting a change in the project key
   // from URL ("/" --> "/:projectKey").
   // However, every route change will trigger a re-render. This is probably
   // ok-ish but we might want to look into a more performant solution.
-
   const location = reactRouterDom.useLocation();
   const notificationsGlobalRef = react.useRef(null);
   const notificationsPageRef = react.useRef(null);
@@ -1583,15 +1396,13 @@ const ApplicationShellAuthenticated = props => {
   return jsxRuntime.jsx(FetchUser, {
     children: _ref5 => {
       let isLoadingUser = _ref5.isLoading,
-          user = _ref5.user,
-          error = _ref5.error;
-
+        user = _ref5.user,
+        error = _ref5.error;
       if (error) {
         // In case there is an unauthorized error, we redirect to the login page
         if (error.graphQLErrors && _Array$isArray__default["default"](error.graphQLErrors)) {
           const hasUnauthorizedError = getHasUnauthorizedError(error.graphQLErrors);
           const hasUserBeenDeletedError = getHasUserBeenDeletedError(error.graphQLErrors);
-
           if (hasUnauthorizedError || hasUserBeenDeletedError) {
             let logoutReason;
             if (hasUnauthorizedError) logoutReason = constants$1.LOGOUT_REASONS.UNAUTHORIZED;else if (hasUserBeenDeletedError) logoutReason = constants$1.LOGOUT_REASONS.DELETED;
@@ -1599,17 +1410,16 @@ const ApplicationShellAuthenticated = props => {
               reason: logoutReason
             });
           }
-        } // Since we do not know the locale of the user, we pick it from the
+        }
+        // Since we do not know the locale of the user, we pick it from the
         // user's browser to attempt to match the language for the correct translations.
-
-
         const userLocale = getBrowserLocale(window);
         return jsxRuntime.jsx(i18n.AsyncLocaleData, {
           locale: userLocale,
           applicationMessages: props.applicationMessages,
           children: _ref6 => {
             let locale = _ref6.locale,
-                messages = _ref6.messages;
+              messages = _ref6.messages;
             sentry.reportErrorToSentry(error, {});
             return jsxRuntime.jsx(ConfigureIntlProvider, {
               locale: locale,
@@ -1619,7 +1429,6 @@ const ApplicationShellAuthenticated = props => {
           }
         });
       }
-
       const projectKeyFromUrl = configureApollo.selectProjectKeyFromUrl(location.pathname);
       return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
         user: user,
@@ -1629,9 +1438,10 @@ const ApplicationShellAuthenticated = props => {
           applicationMessages: props.applicationMessages,
           children: _ref7 => {
             let isLoadingLocaleData = _ref7.isLoading,
-                locale = _ref7.locale,
-                messages = _ref7.messages;
-            return jsxRuntime.jsx(ConfigureIntlProvider // We do not want to pass the language as long as the locale data
+              locale = _ref7.locale,
+              messages = _ref7.messages;
+            return jsxRuntime.jsx(ConfigureIntlProvider
+            // We do not want to pass the language as long as the locale data
             // is not loaded.
             , _objectSpread$4(_objectSpread$4({}, isLoadingLocaleData ? {} : {
               locale,
@@ -1665,17 +1475,18 @@ const ApplicationShellAuthenticated = props => {
                           projectKey: projectKeyFromUrl,
                           children: _ref8 => {
                             let isProjectLoading = _ref8.isLoading,
-                                project = _ref8.project;
-                            if (isProjectLoading || !project) return null; // when used outside of a project context,
-                            // or when the project is expired or supsended
+                              project = _ref8.project;
+                            if (isProjectLoading || !project) return null;
 
+                            // when used outside of a project context,
+                            // or when the project is expired or supsended
                             const shouldUseProjectContext = !(project.suspension && project.suspension.isActive || project.expiry && project.expiry.isActive);
                             if (!shouldUseProjectContext) return jsxRuntime.jsx(QuickAccessTrigger, {});
                             return jsxRuntime.jsx(ProjectDataLocale, {
                               locales: project.languages,
                               children: _ref9 => {
                                 let dataLocale = _ref9.locale,
-                                    setProjectDataLocale = _ref9.setProjectDataLocale;
+                                  setProjectDataLocale = _ref9.setProjectDataLocale;
                                 return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
                                   user: user,
                                   project: project,
@@ -1714,13 +1525,14 @@ const ApplicationShellAuthenticated = props => {
                           projectKey: projectKeyFromUrl,
                           children: _ref10 => {
                             let isLoadingProject = _ref10.isLoading,
-                                project = _ref10.project;
+                              project = _ref10.project;
                             // Render the loading navbar as long as all the data
                             // hasn't been loaded, or if the project does not exist.
                             if (isLoadingUser || isLoadingLocaleData || isLoadingProject || !locale || !project) return jsxRuntime.jsx(LoadingNavBar, {});
                             return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
                               user: user,
-                              environment: applicationEnvironment // NOTE: do not pass the `project` into the application context.
+                              environment: applicationEnvironment
+                              // NOTE: do not pass the `project` into the application context.
                               // The permissions for the Navbar are resolved separately, within
                               // a different React context.
                               ,
@@ -1749,7 +1561,8 @@ const ApplicationShellAuthenticated = props => {
                         domain: constants$1.DOMAINS.SIDE
                       }), jsxRuntime.jsxs("div", {
                         css: _ref,
-                        children: [jsxRuntime.jsx(applicationComponents.PortalsContainer // @ts-ignore
+                        children: [jsxRuntime.jsx(applicationComponents.PortalsContainer
+                        // @ts-ignore
                         , {
                           ref: layoutRefs,
                           offsetTop: constants.DIMENSIONS.header,
@@ -1779,8 +1592,8 @@ const ApplicationShellAuthenticated = props => {
                             path: "/",
                             children: (() => {
                               var _user$defaultProjectK;
-
                               const previousProjectKey = getPreviousProjectKey((_user$defaultProjectK = user === null || user === void 0 ? void 0 : user.defaultProjectKey) !== null && _user$defaultProjectK !== void 0 ? _user$defaultProjectK : undefined);
+
                               /**
                                * NOTE:
                                *   Given the user has not been loaded a loading spinner is shown.
@@ -1789,7 +1602,6 @@ const ApplicationShellAuthenticated = props => {
                                *   Given the user was working on a project previously or has a default
                                *   project, the application will redirect to that project.
                                */
-
                               if (!user) return jsxRuntime.jsx(ApplicationLoader, {});
                               if (!previousProjectKey) return jsxRuntime.jsx(RedirectToProjectCreate, {});
                               return jsxRuntime.jsx(reactRouterDom.Redirect, {
@@ -1802,7 +1614,8 @@ const ApplicationShellAuthenticated = props => {
                             children: jsxRuntime.jsx(ProjectContainer, {
                               user: user,
                               environment: applicationEnvironment,
-                              disableRoutePermissionCheck: props.disableRoutePermissionCheck // This effectively renders the
+                              disableRoutePermissionCheck: props.disableRoutePermissionCheck
+                              // This effectively renders the
                               // children, which is the application
                               // specific part
                               ,
@@ -1831,28 +1644,22 @@ const staticPaths = ['account', 'login'];
 const defaultProps$1 = {
   additionalParts: []
 };
-
 const getPageTitle = (pathname, additionalParts) => {
   const _pathname$split = pathname.split('/'),
-        _pathname$split2 = _slicedToArray(_pathname$split, 3),
-        projectKeyOrStaticPath = _pathname$split2[1],
-        entryPointUriPath = _pathname$split2[2];
-
+    _pathname$split2 = _slicedToArray(_pathname$split, 3),
+    projectKeyOrStaticPath = _pathname$split2[1],
+    entryPointUriPath = _pathname$split2[2];
   const customTitleParts = _mapInstanceProperty__default["default"](additionalParts).call(additionalParts, titlePart => {
     if (titlePart.length <= maxTitleCharLength) {
       return titlePart;
     }
-
     return [_sliceInstanceProperty__default["default"](titlePart).call(titlePart, 0, maxTitleCharLength / 2), _sliceInstanceProperty__default["default"](titlePart).call(titlePart, titlePart.length - maxTitleCharLength / 2)].join('...');
   });
-
   if (_includesInstanceProperty__default["default"](staticPaths).call(staticPaths, projectKeyOrStaticPath)) {
     return [...(customTitleParts || []), upperFirst__default["default"](projectKeyOrStaticPath), 'Merchant Center'].join(' - ');
   }
-
   return [...(customTitleParts || []), upperFirst__default["default"](entryPointUriPath), projectKeyOrStaticPath, 'Merchant Center'].join(' - ');
 };
-
 const ApplicationPageTitle = props => {
   const location = reactRouterDom.useLocation();
   react.useLayoutEffect(() => {
@@ -1861,7 +1668,6 @@ const ApplicationPageTitle = props => {
   }, [location.pathname, props.additionalParts]);
   return null;
 };
-
 ApplicationPageTitle.propTypes = {
   additionalParts: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired
 };
@@ -1869,66 +1675,61 @@ ApplicationPageTitle.displayName = 'ApplicationPageTitle';
 ApplicationPageTitle.defaultProps = defaultProps$1;
 
 function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
 const SuspendedRoute = props => jsxRuntime.jsx(reactRouterDom.Route, _objectSpread$3(_objectSpread$3({}, props), {}, {
   children: jsxRuntime.jsx(react.Suspense, {
     fallback: jsxRuntime.jsx(LoadingSpinner__default["default"], {}),
     children: props.children
   })
 }));
-
 SuspendedRoute.displayName = 'SuspendedRoute';
 
 var AmILoggedInQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "AmILoggedIn" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "amILoggedIn" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 36, source: { body: "query AmILoggedIn {\n  amILoggedIn\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-
 const AmILoggedIn = props => {
   // ...otherwise, we ping a "secured" endpoint in the MC API to see if there is
   // a valid access token. If we get an error, we assume that the user is not
   // authenticated. If we don't get any error, the access token sent with the cookie
   // is valid. We return null while the query is loading.
   const _useMcQuery = useMcQuery(AmILoggedInQuery, {
-    context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
-      skipTokenRetry: true
-    },
-    // NOTE: With `no-cache` the `useQuery` will not trigger a
-    // re-render of the `AmILoggedIn` component. Relying on a default
-    // fetch policy results in rendering the component without refetching the data
-    // which as a result unmounts child components (such as an application).
-    //
-    // For example:
-    // Given the user not authenticated
-    // Then the first pass of useQuery returns an exptected error
-    // Given the query is triggered again (through `useQuery`)
-    // Then the component will re-render
-    // Resulting in inconsistent data with the error not being defined
-    fetchPolicy: 'no-cache',
-    onCompleted: data => {
-      if (!data) {
-        // In case the request is 200 but there is no data, we assume
-        // there are some errors.
+      context: {
+        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
+        skipTokenRetry: true
+      },
+      // NOTE: With `no-cache` the `useQuery` will not trigger a
+      // re-render of the `AmILoggedIn` component. Relying on a default
+      // fetch policy results in rendering the component without refetching the data
+      // which as a result unmounts child components (such as an application).
+      //
+      // For example:
+      // Given the user not authenticated
+      // Then the first pass of useQuery returns an exptected error
+      // Given the query is triggered again (through `useQuery`)
+      // Then the component will re-render
+      // Resulting in inconsistent data with the error not being defined
+      fetchPolicy: 'no-cache',
+      onCompleted: data => {
+        if (!data) {
+          // In case the request is 200 but there is no data, we assume
+          // there are some errors.
+          window.localStorage.removeItem(constants.STORAGE_KEYS.IS_AUTHENTICATED);
+        } else {
+          // Even though the login page might set this flag, we just make sure that
+          // we do it here as well. This will help in the future when we eventually
+          // move the auth service to itw own domain, in which case the local storage
+          // is not shared anymore.
+          window.localStorage.setItem(constants.STORAGE_KEYS.IS_AUTHENTICATED, String(true));
+        }
+      },
+      onError: () => {
+        // The query fails without the `mcAccessToken`. In this case the caching
+        // needs to be unset as otherwise the application will end up in a infinte
+        // redirect loop.
         window.localStorage.removeItem(constants.STORAGE_KEYS.IS_AUTHENTICATED);
-      } else {
-        // Even though the login page might set this flag, we just make sure that
-        // we do it here as well. This will help in the future when we eventually
-        // move the auth service to itw own domain, in which case the local storage
-        // is not shared anymore.
-        window.localStorage.setItem(constants.STORAGE_KEYS.IS_AUTHENTICATED, String(true));
       }
-    },
-    onError: () => {
-      // The query fails without the `mcAccessToken`. In this case the caching
-      // needs to be unset as otherwise the application will end up in a infinte
-      // redirect loop.
-      window.localStorage.removeItem(constants.STORAGE_KEYS.IS_AUTHENTICATED);
-    }
-  }),
-        data = _useMcQuery.data,
-        loading = _useMcQuery.loading,
-        error = _useMcQuery.error;
-
+    }),
+    data = _useMcQuery.data,
+    loading = _useMcQuery.loading,
+    error = _useMcQuery.error;
   if (error) {
     // No matter what error, we consider it as a failed authentication
     return jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -1937,7 +1738,6 @@ const AmILoggedIn = props => {
       })
     });
   }
-
   if (!loading && data && data.amILoggedIn) {
     return jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: props.render({
@@ -1945,30 +1745,22 @@ const AmILoggedIn = props => {
       })
     });
   }
-
   return null;
 };
-
 AmILoggedIn.displayName = 'AmILoggedIn';
 
 const withoutProjectKeyClaim = scope => {
   var _context;
-
   return _filterInstanceProperty__default["default"](_context = scope.split(' ')).call(_context, claim => !_startsWithInstanceProperty__default["default"](claim).call(claim, constants.OIDC_CLAIMS.PROJECT_KEY)).join(' ');
 };
-
 const hasCachedAuthenticationState = () => {
   var _window$app$__DEVELOP, _window$app$__DEVELOP2;
-
   if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.authorizeUrl) {
     try {
       var _window$app$__DEVELOP9, _window$app$__DEVELOP10, _window$app$__DEVELOP11, _window$app$__DEVELOP12, _window$app$__DEVELOP13, _window$app$__DEVELOP14;
-
       const activeProjectKey = configureApollo.getActiveProjectKey();
-
       if (activeProjectKey) {
         var _window$app$__DEVELOP3, _window$app$__DEVELOP4;
-
         // GIVEN The application is not requesting a project key,
         // THEN we assume that the application does not need a project context.
         // GIVEN The application is not requesting a project key,
@@ -1979,90 +1771,77 @@ const hasCachedAuthenticationState = () => {
         }
       } else {
         var _window$app$__DEVELOP5, _window$app$__DEVELOP6;
-
         if ((_window$app$__DEVELOP5 = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP5 !== void 0 && (_window$app$__DEVELOP6 = _window$app$__DEVELOP5.oidc) !== null && _window$app$__DEVELOP6 !== void 0 && _window$app$__DEVELOP6.initialProjectKey) {
           var _window$app$__DEVELOP7, _window$app$__DEVELOP8;
-
           // Here we store the initial project key in local storage,
           // so that it gets picked up when we initiate the login flow.
           configureApollo.setActiveProjectKey((_window$app$__DEVELOP7 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP7 === void 0 ? void 0 : (_window$app$__DEVELOP8 = _window$app$__DEVELOP7.oidc) === null || _window$app$__DEVELOP8 === void 0 ? void 0 : _window$app$__DEVELOP8.initialProjectKey);
         }
-      } // cachedScope is assumed to be the exact cached version of the `requestedScope`
+      }
+
+      // cachedScope is assumed to be the exact cached version of the `requestedScope`
       // if they don't match, then we know that one of the claims within the scope has changed
       // given a change, we need to force the user to log in, so that new values on respective claim
       // will apply for the given custom application
-
-
-      const cachedScope = configureApollo.getSessionScope(); // Force the user to log in again
-
+      const cachedScope = configureApollo.getSessionScope();
+      // Force the user to log in again
       if (!cachedScope) {
         return false;
-      } // Rebuild the requested OIDC scope to verify that it didn't change.
-
-
+      }
+      // Rebuild the requested OIDC scope to verify that it didn't change.
       const requestedScope = oidc.buildOidcScope({
         projectKey: activeProjectKey !== null && activeProjectKey !== void 0 ? activeProjectKey : undefined,
         oAuthScopes: (_window$app$__DEVELOP9 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP9 === void 0 ? void 0 : (_window$app$__DEVELOP10 = _window$app$__DEVELOP9.oidc) === null || _window$app$__DEVELOP10 === void 0 ? void 0 : _window$app$__DEVELOP10.oAuthScopes,
         additionalOAuthScopes: (_window$app$__DEVELOP11 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP11 === void 0 ? void 0 : (_window$app$__DEVELOP12 = _window$app$__DEVELOP11.oidc) === null || _window$app$__DEVELOP12 === void 0 ? void 0 : _window$app$__DEVELOP12.additionalOAuthScopes,
         teamId: (_window$app$__DEVELOP13 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP13 === void 0 ? void 0 : (_window$app$__DEVELOP14 = _window$app$__DEVELOP13.oidc) === null || _window$app$__DEVELOP14 === void 0 ? void 0 : _window$app$__DEVELOP14.teamId
-      }); // Omit the project key from the check. This allows to switch projects
+      });
+      // Omit the project key from the check. This allows to switch projects
       // without having to log in again.
-
       const cachedScopeWithoutProjectKey = withoutProjectKeyClaim(cachedScope);
-      const requestedScopeWithoutProjectKey = withoutProjectKeyClaim(requestedScope); // Check that the session scope didn't change.
-
+      const requestedScopeWithoutProjectKey = withoutProjectKeyClaim(requestedScope);
+      // Check that the session scope didn't change.
       if (cachedScopeWithoutProjectKey === requestedScopeWithoutProjectKey) {
         return true;
       }
-
       return false;
     } catch (err) {
       return false;
     }
   }
-
   return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-ab054f67.cjs.prod.js'
-/* webpackChunkName: "oidc-callback" */
-); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-0e62e010.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
 
 function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
 const Authenticated = props => {
   var _window$app$__DEVELOP, _window$app$__DEVELOP2;
-
   // We attempt to see if the user was already authenticated by looking
   // at the "cached" flag in local storage.
   const cachedAuthenticationState = hasCachedAuthenticationState();
-
   if (cachedAuthenticationState) {
     return jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: props.render({
         isAuthenticated: true
       })
     });
-  } // When using the OIDC workflow, we always return false, to trigger
-  // the redirect to the login page.
-
+  }
 
+  // When using the OIDC workflow, we always return false, to trigger
+  // the redirect to the login page.
   if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.authorizeUrl) {
     return jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: props.render({
         isAuthenticated: false
       })
     });
-  } // Fall back to check for cookie-based authentication.
-
+  }
 
+  // Fall back to check for cookie-based authentication.
   return jsxRuntime.jsx(AmILoggedIn, _objectSpread$2({}, props));
 };
-
 Authenticated.displayName = 'Authenticated';
-
 const AuthenticationRoutes = props => jsxRuntime.jsxs(reactRouterDom.Switch, {
   children: [jsxRuntime.jsx(SuspendedRoute, {
     path: "/account/oidc/callback",
@@ -2080,13 +1859,10 @@ const AuthenticationRoutes = props => jsxRuntime.jsxs(reactRouterDom.Switch, {
     children: jsxRuntime.jsx(Authenticated, _objectSpread$2({}, props))
   })]
 });
-
 AuthenticationRoutes.displayName = 'AuthenticationRoutes';
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
 /**
  * NOTE:
  *   This function try-catches around a `JSON.parse` and return
@@ -2102,11 +1878,11 @@ const getCoerceEnvironmentValue = environmentValueAsString => {
   // Return the value as-is if it's not a string.
   if (typeof environmentValueAsString !== 'string') {
     return environmentValueAsString;
-  } // In case the value is a string, we try to parse it to attempt to extract
+  }
+
+  // In case the value is a string, we try to parse it to attempt to extract
   // the primitive value, if the original value is indeed supposed to be a primitive.
   // For example, `'1'` is converted to a number, `'true'` is converted to a boolean, etc.
-
-
   try {
     // Strip out escaped quotes. This is mostly important to coerce an array of string
     // with escaped quotes.
@@ -2115,10 +1891,8 @@ const getCoerceEnvironmentValue = environmentValueAsString => {
     return environmentValueAsString;
   }
 };
-
 const shallowlyCoerceValues = uncoercedEnvironmentValues => {
   var _context;
-
   return _reduceInstanceProperty__default["default"](_context = _Object$keys__default["default"](uncoercedEnvironmentValues)).call(_context, (coercedEnvironmentValues, key) => {
     const uncoercedEnvironmentValue = uncoercedEnvironmentValues[key];
     return _objectSpread$1(_objectSpread$1({}, coercedEnvironmentValues), {}, {
@@ -2126,7 +1900,6 @@ const shallowlyCoerceValues = uncoercedEnvironmentValues => {
     });
   }, {});
 };
-
 const useCoercedEnvironmentValues = environment => {
   const coercedEnvironmentValues = react.useMemo(() => shallowlyCoerceValues(environment), [environment]);
   return coercedEnvironmentValues;
@@ -2135,7 +1908,6 @@ const useCoercedEnvironmentValues = environment => {
 const ApplicationShellProvider = props => {
   const apolloClient = react.useMemo(() => {
     var _props$apolloClient;
-
     return (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : configureApollo.createApolloClient();
   }, [props.apolloClient]);
   react.useEffect(() => {
@@ -2153,7 +1925,7 @@ const ApplicationShellProvider = props => {
           children: jsxRuntime.jsx(react$2.ApolloProvider, {
             client: apolloClient,
             children: jsxRuntime.jsxs(reactRouterDom.Router, {
-              history: ApplicationShellProvider.history,
+              history: getBrowserHistory(),
               children: [jsxRuntime.jsx(ApplicationPageTitle, {}), jsxRuntime.jsx(AuthenticationRoutes, {
                 locale: browserLocale,
                 applicationMessages: props.applicationMessages,
@@ -2167,7 +1939,7 @@ const ApplicationShellProvider = props => {
                     applicationMessages: props.applicationMessages,
                     children: _ref2 => {
                       let locale = _ref2.locale,
-                          messages = _ref2.messages;
+                        messages = _ref2.messages;
                       return jsxRuntime.jsx(ConfigureIntlProvider, {
                         locale: locale,
                         messages: messages,
@@ -2186,21 +1958,15 @@ const ApplicationShellProvider = props => {
     })
   });
 };
-
 ApplicationShellProvider.propTypes = {};
-ApplicationShellProvider.displayName = 'ApplicationShellProvider'; // This is useful to inject a custom history object during tests
+ApplicationShellProvider.displayName = 'ApplicationShellProvider';
 
-ApplicationShellProvider.history = history__default["default"];
-
-const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-d893ba27.cjs.prod.js'
-/* webpackChunkName: "redirect-to-login" */
-); }));
+const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-b5d8de15.cjs.prod.js' /* webpackChunkName: "redirect-to-login" */); }));
 
 const styles = {
   name: "1prreal",
   styles: "html,body{font-size:var(--font-size-for-body);height:100vh;}#app{height:100%;}"
 } ;
-
 const GlobalStyles = () => jsxRuntime.jsx(react$1.Global, {
   styles: styles
 });
@@ -2208,10 +1974,10 @@ const GlobalStyles = () => jsxRuntime.jsx(react$1.Global, {
 const ApplicationShell = props => {
   react.useEffect(() => {
     var _props$onRegisterErro;
-
     (_props$onRegisterErro = props.onRegisterErrorListeners) === null || _props$onRegisterErro === void 0 ? void 0 : _props$onRegisterErro.call(props, {
       dispatch: configureApollo.internalReduxStore.dispatch
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []); // <-- run only once, when component mounts
 
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -2221,7 +1987,6 @@ const ApplicationShell = props => {
       applicationMessages: props.applicationMessages,
       children: _ref => {
         let isAuthenticated = _ref.isAuthenticated;
-
         if (isAuthenticated) {
           return jsxRuntime.jsxs(reactRouterDom.Switch, {
             children: [jsxRuntime.jsx(SuspendedRoute, {
@@ -2240,13 +2005,11 @@ const ApplicationShell = props => {
             })]
           });
         }
-
         return jsxRuntime.jsx(RedirectToLogin, {});
       }
     })]
   });
 };
-
 ApplicationShell.propTypes = {};
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = configureApollo.applicationShellVersion;
@@ -2254,13 +2017,11 @@ ApplicationShell.version = configureApollo.applicationShellVersion;
 const defaultProps = {
   shouldCleanUpOnUnmount: true
 };
-
 const InjectReducers = props => {
   const _useState = react.useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        areReducersInjected = _useState2[0],
-        setAreReducersInjected = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    areReducersInjected = _useState2[0],
+    setAreReducersInjected = _useState2[1];
   const store = reactRedux.useStore();
   react.useEffect(() => {
     store.injectReducers({
@@ -2275,14 +2036,14 @@ const InjectReducers = props => {
         });
       }
     };
-  }, [props.id, props.reducers, props.shouldCleanUpOnUnmount, store]); // Render children only when the plugin reducers have been injected
+  }, [props.id, props.reducers, props.shouldCleanUpOnUnmount, store]);
 
+  // Render children only when the plugin reducers have been injected
   if (areReducersInjected) return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children
   });
   return null;
 };
-
 InjectReducers.propTypes = {
   id: _pt__default["default"].string.isRequired,
   reducers: _pt__default["default"].any.isRequired,
@@ -2292,28 +2053,25 @@ InjectReducers.propTypes = {
 InjectReducers.displayName = 'InjectReducers';
 InjectReducers.defaultProps = defaultProps;
 
-const errorMessageIgnoreList = [/ResizeObserver loop limit exceeded/i]; // Ensure to initialize Sentry as soon as possible, so that we have the chance
-// of catching possible errors.
+const errorMessageIgnoreList = [/ResizeObserver loop limit exceeded/i];
 
+// Ensure to initialize Sentry as soon as possible, so that we have the chance
+// of catching possible errors.
 sentry.boot();
-
 const makeErrorToCapture = error => {
   if (error instanceof Error) return error;
   if (error instanceof ErrorEvent) return new Error(error.message);
   return new Error(_JSON$stringify__default["default"](error.reason || 'Unhandled rejection without a reason'));
 };
-
 const getErrorMessage = error => {
   if (typeof error === 'string') return error;
   const errorToCapture = makeErrorToCapture(error);
   return errorToCapture.message || errorToCapture.name;
 };
-
 const shouldErrorBeTracked = error => {
   const errorMessage = getErrorMessage(error);
   return !_someInstanceProperty__default["default"](errorMessageIgnoreList).call(errorMessageIgnoreList, match => match.test(errorMessage));
 };
-
 function setupGlobalErrorListener() {
   // Capture unhandled errors generated from rejected Promises.
   //
@@ -2323,15 +2081,15 @@ function setupGlobalErrorListener() {
   // Note: this currently works only in Chrome, and it might not be needed.
   // We just keep it here as a nice-to-have thing.
   window.addEventListener('unhandledrejection', event => {
-
     if (shouldErrorBeTracked(event)) {
       const errorId = sentry.reportErrorToSentry(event);
       configureApollo.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
         errorId
       }));
     }
-  }); // Capture normal global errors coming from non Promise code.
+  });
 
+  // Capture normal global errors coming from non Promise code.
   window.addEventListener('error', errorEvent => {
     if (shouldErrorBeTracked(errorEvent)) {
       const errorId = sentry.reportErrorToSentry(errorEvent);
@@ -2343,47 +2101,41 @@ function setupGlobalErrorListener() {
 }
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
+/**
+ * The route path to match. Usually it starts with `/:projectKey/my-entry-point`.
+ */
+
 const makeRoute = (routePath, routeOptions) => {
   const getUrl = (nextParams, nextQueryParams) => {
     const baseUrl = reactRouterDom.generatePath(routePath, _objectSpread(_objectSpread({}, routeOptions.params), nextParams));
-
     if (nextQueryParams) {
       var _context;
-
       return _concatInstanceProperty__default["default"](_context = "".concat(baseUrl, "?")).call(_context, nextQueryParams.toString());
     }
-
     return baseUrl;
   };
-
   const go = (nextParams, nextQueryParams) => {
     routeOptions.goTo(getUrl(nextParams, nextQueryParams));
   };
-
   return {
     path: routePath,
     getUrl,
     go
   };
 };
-
 function useRoutesCreator() {
   const _useRouteMatch = reactRouterDom.useRouteMatch(),
-        params = _useRouteMatch.params;
-
+    params = _useRouteMatch.params;
   const _useHistory = reactRouterDom.useHistory(),
-        goTo = _useHistory.push,
-        location = _useHistory.location;
-
+    goTo = _useHistory.push,
+    location = _useHistory.location;
   const createRoute = routePath => makeRoute(routePath, {
     goTo,
     params,
     location
   });
-
   return {
     createRoute
   };