@commercetools-frontend/application-shell 21.3.4 → 21.5.0

package/dist/{index-bc2d17b9.cjs.prod.js → index-882bc3e0.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var applicationEntryPoint = require('./application-entry-point-1dc8d5f7.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-b68ca2ee.cjs.prod.js');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 var _pt = require('prop-types');
@@ -217,9 +217,9 @@ ProjectDataLocale.propTypes = {
 };
 ProjectDataLocale.displayName = 'ProjectDataLocale';
 
-function ownKeys$f(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 ownKeys$g(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$f(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$f(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$f(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$g(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$g(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$g(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var isPlainTrackingListValue = function isPlainTrackingListValue(value) {
   return typeof value === 'string';
@@ -400,7 +400,7 @@ var eventHandler = function eventHandler(name, trackingEventList) {
     // menu or the profile view.
 
 
-    var eventList = _objectSpread$f(_objectSpread$f({}, defaultEventList), trackingEventList);
+    var eventList = _objectSpread$g(_objectSpread$g({}, defaultEventList), trackingEventList);
 
     var eventValue = eventList[hierarchyKey]; // This checks:
     // 1. if the event is in the allow list and is a string, map it
@@ -775,9 +775,9 @@ var AmILoggedIn = function AmILoggedIn(props) {
 
 AmILoggedIn.displayName = 'AmILoggedIn';
 
-function ownKeys$e(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 ownKeys$f(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$e(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$e(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$e(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$f(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$f(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$f(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var redirectTo$1 = function redirectTo(targetUrl) {
   applicationEntryPoint.location.replace(targetUrl);
@@ -791,7 +791,7 @@ var Redirector = function Redirector(props) {
   var originUrl = (_props$origin = props.origin) !== null && _props$origin !== void 0 ? _props$origin : window.location.origin;
   var enhancedLocation = props.location || {};
 
-  var searchQuery = _objectSpread$e(_objectSpread$e({}, (_props$queryParams = props.queryParams) !== null && _props$queryParams !== void 0 ? _props$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
+  var searchQuery = _objectSpread$f(_objectSpread$f({}, (_props$queryParams = props.queryParams) !== null && _props$queryParams !== void 0 ? _props$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
 
   var targetUrlObject = new _URL__default["default"](originUrl);
   targetUrlObject.pathname = props.to || targetUrlObject.pathname;
@@ -936,9 +936,9 @@ var OidcCallback = function OidcCallback(props) {
 
 OidcCallback.displayName = 'OidcCallback';
 
-function ownKeys$d(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 ownKeys$e(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$d(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$d(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$d(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$e(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$e(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$e(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var Authenticated = function Authenticated(props) {
   var _window$app$__DEVELOP, _window$app$__DEVELOP2;
@@ -966,7 +966,7 @@ var Authenticated = function Authenticated(props) {
   } // Fall back to check for cookie-based authentication.
 
 
-  return jsxRuntime.jsx(AmILoggedIn, _objectSpread$d({}, props));
+  return jsxRuntime.jsx(AmILoggedIn, _objectSpread$e({}, props));
 };
 
 Authenticated.displayName = 'Authenticated';
@@ -986,7 +986,7 @@ var AuthenticationRoutes = function AuthenticationRoutes(props) {
         applicationMessages: props.applicationMessages
       })
     }), jsxRuntime.jsx(reactRouterDom.Route, {
-      children: jsxRuntime.jsx(Authenticated, _objectSpread$d({}, props))
+      children: jsxRuntime.jsx(Authenticated, _objectSpread$e({}, props))
     })]
   });
 };
@@ -1012,9 +1012,9 @@ var trackingEventList = {
   'Navigation-Support-links': 'Navigation-Support-links'
 };
 
-function ownKeys$c(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 ownKeys$d(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$c(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$c(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$c(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$d(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$d(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$d(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 // Expose a Context with the tracking functions.
 // This context can be used by consumers to access the values by either:
 // 1. using `<GtmContext.Consumer>`
@@ -1033,7 +1033,7 @@ var GtmBooter = function GtmBooter(props) {
   react.useEffect(function () {
     // We don't need any user data to start using GTM, for example for
     // tracking page views and flows when the user is not logged in.
-    boot(_objectSpread$c(_objectSpread$c({}, trackingEventList), props.trackingEventList)); // eslint-disable-next-line react-hooks/exhaustive-deps
+    boot(_objectSpread$d(_objectSpread$d({}, trackingEventList), props.trackingEventList)); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children
@@ -1070,17 +1070,17 @@ var messages$5 = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$b(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 ownKeys$c(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$b(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$b(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$b(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$c(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$c(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$c(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var ErrorApologizer = function ErrorApologizer() {
   var intl = reactIntl.useIntl();
   return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
     imageSrc: UnexpectedErrorSVG__default["default"],
-    title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$b({}, messages$5.title)),
+    title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$c({}, messages$5.title)),
     label: intl.formatMessage(messages$5.title),
-    paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$b({}, messages$5.notifiedTeam))
+    paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$c({}, messages$5.notifiedTeam))
   });
 };
 
@@ -1183,9 +1183,9 @@ var getBrowserLocale = function getBrowserLocale(win) {
   return l10n.getSupportedLocale(browserLocale);
 };
 
-function ownKeys$a(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 ownKeys$b(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$a(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$a(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$a(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$b(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$b(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$b(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 /**
  * NOTE:
@@ -1221,7 +1221,7 @@ var shallowlyCoerceValues = function shallowlyCoerceValues(uncoercedEnvironmentV
 
   return _reduceInstanceProperty__default["default"](_context = _Object$keys__default["default"](uncoercedEnvironmentValues)).call(_context, function (coercedEnvironmentValues, key) {
     var uncoercedEnvironmentValue = uncoercedEnvironmentValues[key];
-    return _objectSpread$a(_objectSpread$a({}, coercedEnvironmentValues), {}, _defineProperty({}, key, getCoerceEnvironmentValue(uncoercedEnvironmentValue)));
+    return _objectSpread$b(_objectSpread$b({}, coercedEnvironmentValues), {}, _defineProperty({}, key, getCoerceEnvironmentValue(uncoercedEnvironmentValue)));
   }, {});
 };
 
@@ -1404,9 +1404,9 @@ FetchProject.propTypes = {
 };
 FetchProject.displayName = 'FetchProject';
 
-function ownKeys$9(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 ownKeys$a(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$9(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$9(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$9(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$a(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$a(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$a(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var FetchApplicationsMenu = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchApplicationsMenu" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "applicationsMenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "navBar" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shouldRenderDivider" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "dataFences" }, 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: "type" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, 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: "submenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, 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: "dataFences" }, 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: "type" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "appBar" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 849, source: { body: "query FetchApplicationsMenu {\n  applicationsMenu {\n    navBar {\n      shouldRenderDivider\n      key\n      uriPath\n      icon\n      labelAllLocales {\n        locale\n        value\n      }\n      featureToggle\n      menuVisibility\n      permissions\n      dataFences {\n        group\n        name\n        type\n      }\n      actionRights {\n        group\n        name\n      }\n      submenu {\n        key\n        uriPath\n        labelAllLocales {\n          locale\n          value\n        }\n        featureToggle\n        menuVisibility\n        permissions\n        actionRights {\n          group\n          name\n        }\n        dataFences {\n          group\n          name\n          type\n        }\n      }\n    }\n    appBar {\n      key\n      uriPath\n      labelAllLocales {\n        locale\n        value\n      }\n      featureToggle\n      permissions\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var supportedLocales = ['en', 'de', 'es', 'fr-FR', 'zh-CN', 'ja'];
 var defaultApiUrl$1 = window.location.origin;
@@ -1433,7 +1433,7 @@ var mapLabelAllLocalesWithDefaults = function mapLabelAllLocalesWithDefaults(lab
 
 
   return _mapInstanceProperty__default["default"](mappedLabelAllLocales).call(mappedLabelAllLocales, function (field) {
-    return _objectSpread$9({
+    return _objectSpread$a({
       __typename: 'LocalizedField'
     }, field);
   });
@@ -1592,9 +1592,9 @@ var messages$4 = reactIntl.defineMessages({
   }
 });
 
-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 ownKeys$9(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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$8(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$8(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$9(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$9(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$9(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var UserAvatar = function UserAvatar(props) {
   var _useState = react.useState(false),
@@ -1641,7 +1641,7 @@ var stateReducer = function stateReducer(state, changes) {
     // So in case the user wants to navigate with the tab button
     // we need to make sure that the menu does not close
     case Downshift__default["default"].stateChangeTypes.blurButton:
-      return _objectSpread$8(_objectSpread$8({}, changes), {}, {
+      return _objectSpread$9(_objectSpread$9({}, changes), {}, {
         isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
       });
 
@@ -1717,7 +1717,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
       }
     },
     css: /*#__PURE__*/react$2.css("position:absolute;background:", designSystem.customProperties.colorSurface, ";border:1px ", designSystem.customProperties.colorPrimary40, " solid;border-radius:", designSystem.customProperties.borderRadius6, ";box-shadow:", designSystem.customProperties.shadow7, ";width:315px;right:14px;top:40px;padding:", designSystem.customProperties.spacingXs, ";overflow:hidden;" + ("" ), "" ),
-    children: jsxRuntime.jsxs("div", _objectSpread$8(_objectSpread$8({}, props.downshiftProps.getMenuProps()), {}, {
+    children: jsxRuntime.jsxs("div", _objectSpread$9(_objectSpread$9({}, props.downshiftProps.getMenuProps()), {}, {
       children: [jsxRuntime.jsx(Spacings__default["default"].Inset, {
         scale: "xs",
         children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
@@ -1773,7 +1773,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
         children: jsxRuntime.jsx(MenuItem$1, {
           children: jsxRuntime.jsx(Spacings__default["default"].Inset, {
             scale: "s",
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.privacyPolicy))
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$4.privacyPolicy))
           })
         })
       }), jsxRuntime.jsx("a", {
@@ -1791,7 +1791,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
         children: jsxRuntime.jsx(MenuItem$1, {
           children: jsxRuntime.jsx(Spacings__default["default"].Inset, {
             scale: "s",
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.support))
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$4.support))
           })
         })
       }), jsxRuntime.jsx(MenuItem$1, {
@@ -1806,7 +1806,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
         children: [jsxRuntime.jsx(MenuItem$1, {
           children: jsxRuntime.jsx(Spacings__default["default"].Inset, {
             scale: "s",
-            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.logout))
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$4.logout))
           })
         }), jsxRuntime.jsx("div", {
           tabIndex: 0,
@@ -1835,7 +1835,7 @@ var UserSettingsMenu = function UserSettingsMenu(props) {
       stateReducer: stateReducer,
       children: function children(downshiftProps) {
         return jsxRuntime.jsxs("div", {
-          children: [jsxRuntime.jsx("button", _objectSpread$8(_objectSpread$8({
+          children: [jsxRuntime.jsx("button", _objectSpread$9(_objectSpread$9({
             role: "user-menu-toggle",
             css: _ref$4
           }, downshiftProps.getToggleButtonProps({
@@ -1846,7 +1846,7 @@ var UserSettingsMenu = function UserSettingsMenu(props) {
               lastName: props.lastName,
               gravatarHash: props.gravatarHash
             })
-          })), downshiftProps.isOpen && jsxRuntime.jsx(UserSettingsMenuBody, _objectSpread$8(_objectSpread$8({}, props), {}, {
+          })), downshiftProps.isOpen && jsxRuntime.jsx(UserSettingsMenuBody, _objectSpread$9(_objectSpread$9({}, props), {}, {
             downshiftProps: downshiftProps
           }))]
         });
@@ -1887,9 +1887,9 @@ var messages$3 = reactIntl.defineMessages({
 
 var _excluded$1 = ["projectCount"];
 
-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 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$7(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$7(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$7(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+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 } } } };
 
 var _ref4$1 = {
@@ -1910,7 +1910,7 @@ var ProjectSwitcherValueContainer = function ProjectSwitcherValueContainer(_ref6
     css: _ref5$1,
     children: [jsxRuntime.jsx("div", {
       css: _ref4$1,
-      children: jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$7(_objectSpread$7({}, restProps), {}, {
+      children: jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$8(_objectSpread$8({}, restProps), {}, {
         children: restProps.children
       }))
     }), jsxRuntime.jsx("span", {
@@ -1932,7 +1932,7 @@ var _ref3$1 = {
 
 var ProjectSwitcherOption = function ProjectSwitcherOption(props) {
   var project = props.data;
-  return jsxRuntime.jsx(SelectInput__default["default"].Option, _objectSpread$7(_objectSpread$7({}, props), {}, {
+  return jsxRuntime.jsx(SelectInput__default["default"].Option, _objectSpread$8(_objectSpread$8({}, props), {}, {
     children: jsxRuntime.jsxs("div", {
       css: _ref3$1,
       children: [jsxRuntime.jsxs("div", {
@@ -1948,10 +1948,10 @@ var ProjectSwitcherOption = function ProjectSwitcherOption(props) {
         children: project.key
       }), project.suspension && project.suspension.isActive && jsxRuntime.jsx("div", {
         css: /*#__PURE__*/react$2.css("font-size:11px;color:", designSystem.customProperties.colorError, ";" + ("" ), "" ),
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$7({}, messages$3.suspended))
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$3.suspended))
       }), project.expiry && project.expiry.isActive && jsxRuntime.jsx("div", {
         css: /*#__PURE__*/react$2.css("font-size:11px;color:", designSystem.customProperties.colorError, ";" + ("" ), "" ),
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$7({}, messages$3.expired))
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$3.expired))
       })]
     })
   }));
@@ -2023,7 +2023,7 @@ var ProjectSwitcher = function ProjectSwitcher(props) {
       components: {
         Option: ProjectSwitcherOption,
         ValueContainer: function ValueContainer(valueContainerProps) {
-          return jsxRuntime.jsx(ProjectSwitcherValueContainer, _objectSpread$7(_objectSpread$7({}, valueContainerProps), {}, {
+          return jsxRuntime.jsx(ProjectSwitcherValueContainer, _objectSpread$8(_objectSpread$8({}, valueContainerProps), {}, {
             projectCount: data && data.user && data.user.projects.results.length || 0
           }));
         }
@@ -2248,9 +2248,9 @@ var AppBar = function AppBar(props) {
 
 AppBar.displayName = 'AppBar';
 
-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 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$6(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$6(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$6(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$7(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$7(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$7(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var _ref$1 = {
   name: "lmfqdl",
@@ -2275,7 +2275,7 @@ _SingleValue.propTypes = {};
 _SingleValue.displayName = 'SingleValue';
 
 var PatchedValueContainer = function PatchedValueContainer(props) {
-  return jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$6(_objectSpread$6({}, props), {}, {
+  return jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$7(_objectSpread$7({}, props), {}, {
     innerProps: {
       style: {
         display: 'flex'
@@ -2309,7 +2309,7 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
       }),
       components: {
         SingleValue: function SingleValue(valueProps) {
-          return jsxRuntime.jsx(_SingleValue, _objectSpread$6(_objectSpread$6({}, valueProps), {}, {
+          return jsxRuntime.jsx(_SingleValue, _objectSpread$7(_objectSpread$7({}, valueProps), {}, {
             localeCount: props.availableLocales.length
           }));
         },
@@ -2325,19 +2325,19 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
 LocaleSwitcher.propTypes = {};
 
 var ProjectNotFound = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-found-0c73ec63.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-found-124fe17d.cjs.prod.js'
   /* webpackChunkName: "project-not-found" */
   ); });
 });
 
 var ProjectExpired = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-expired-07c02144.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-expired-e1df4d62.cjs.prod.js'
   /* webpackChunkName: "project-expired" */
   ); });
 });
 
 var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-initialized-37ea5e31.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-initialized-0a89ac4f.cjs.prod.js'
   /* webpackChunkName: "project-not-initialized" */
   ); });
 });
@@ -2384,7 +2384,7 @@ var RedirectToProjectCreate = function RedirectToProjectCreate() {
 RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
 
 var ProjectSuspended = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-suspended-a74e62db.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-suspended-6c1b2b7e.cjs.prod.js'
   /* webpackChunkName: "project-suspended" */
   ); });
 });
@@ -2528,15 +2528,15 @@ var ProjectContainer = function ProjectContainer(props) {
 ProjectContainer.propTypes = {};
 ProjectContainer.displayName = 'ProjectContainer';
 
-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 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$5(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$5(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$5(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+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 } } } };
 var defaultApiUrl = window.location.origin;
 
 var getDefaultedFeatureToggles = function getDefaultedFeatureToggles(allFeatureToggles) {
   return _reduceInstanceProperty__default["default"](allFeatureToggles).call(allFeatureToggles, function (previouslyDefaultedFeatureToggles, nextFeatureToggle) {
-    return _objectSpread$5(_objectSpread$5({}, previouslyDefaultedFeatureToggles), {}, _defineProperty({}, nextFeatureToggle, false));
+    return _objectSpread$6(_objectSpread$6({}, previouslyDefaultedFeatureToggles), {}, _defineProperty({}, nextFeatureToggle, false));
   }, {});
 };
 
@@ -2586,9 +2586,9 @@ var useAllMenuFeatureToggles = function useAllMenuFeatureToggles() {
  */
 var FLAGS = {};
 
-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 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$4(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$4(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$4(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$5(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$5(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$5(Object(source))).call(_context4, 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
@@ -2626,7 +2626,7 @@ var SetupFlopFlipProvider = function SetupFlopFlipProvider(props) {
   });
   var allMenuFeatureToggles = useAllMenuFeatureToggles();
   var flags = react.useMemo(function () {
-    return _objectSpread$4(_objectSpread$4(_objectSpread$4({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), _flagsInstanceProperty__default["default"](props));
+    return _objectSpread$5(_objectSpread$5(_objectSpread$5({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), _flagsInstanceProperty__default["default"](props));
   }, [allMenuFeatureToggles.allFeatureToggles, _flagsInstanceProperty__default["default"](props)]);
   react.useMemo(function () {
     if (enableLongLivedFeatureFlags) {
@@ -2636,7 +2636,7 @@ var SetupFlopFlipProvider = function SetupFlopFlipProvider(props) {
     }
   }, [enableLongLivedFeatureFlags]);
   var defaultFlags = react.useMemo(function () {
-    return _objectSpread$4(_objectSpread$4(_objectSpread$4({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), props.defaultFlags);
+    return _objectSpread$5(_objectSpread$5(_objectSpread$5({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), props.defaultFlags);
   }, [allMenuFeatureToggles.allFeatureToggles, props.defaultFlags]);
   var adapterArgs = react.useMemo(function () {
     var _props$user, _props$ldClientSideId, _props$user2, _props$user3;
@@ -2763,9 +2763,9 @@ function nonNullable(value) {
   return value !== null && value !== undefined;
 }
 
-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 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$3(target) { for (var i = 1; i < arguments.length; i++) { var _context9, _context10; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$3(Object(source), !0)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys$3(Object(source))).call(_context10, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context9, _context10; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$4(Object(source), !0)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys$4(Object(source))).call(_context10, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var FetchProjectExtensionsNavbar = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProjectExtensionsNavbar" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "projectExtension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "applications" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "ObjectValue", fields: [{ kind: "ObjectField", name: { kind: "Name", value: "isActive" }, value: { kind: "BooleanValue", value: true } }] } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "navbarMenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "submenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "installedApplications" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "application" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "entryPointUriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuLinks" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultLabel" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "submenuLinks" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultLabel" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 1003, source: { body: "query FetchProjectExtensionsNavbar {\n  projectExtension {\n    id\n    applications(where: { isActive: true }) {\n      id\n      navbarMenu {\n        id\n        key\n        uriPath\n        icon\n        labelAllLocales {\n          locale\n          value\n        }\n        featureToggle\n        permissions\n        submenu {\n          id\n          key\n          uriPath\n          labelAllLocales {\n            locale\n            value\n          }\n          permissions\n          featureToggle\n        }\n      }\n    }\n    installedApplications {\n      application {\n        id\n        entryPointUriPath\n        menuLinks {\n          id\n          icon\n          permissions\n          defaultLabel\n          labelAllLocales {\n            locale\n            value\n          }\n          submenuLinks {\n            id\n            uriPath\n            permissions\n            defaultLabel\n            labelAllLocales {\n              locale\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 
 var getInitialState = function getInitialState(isForcedMenuOpen) {
@@ -2778,27 +2778,27 @@ var getInitialState = function getInitialState(isForcedMenuOpen) {
 var reducer = function reducer(state, action) {
   switch (action.type) {
     case 'setActiveItemIndex':
-      return _objectSpread$3(_objectSpread$3({}, state), {}, {
+      return _objectSpread$4(_objectSpread$4({}, state), {}, {
         activeItemIndex: action.payload
       });
 
     case 'unsetActiveItemIndex':
-      return _objectSpread$3(_objectSpread$3({}, state), {}, {
+      return _objectSpread$4(_objectSpread$4({}, state), {}, {
         activeItemIndex: undefined
       });
 
     case 'setIsExpanderVisible':
-      return _objectSpread$3(_objectSpread$3({}, state), {}, {
+      return _objectSpread$4(_objectSpread$4({}, state), {}, {
         isExpanderVisible: true
       });
 
     case 'toggleIsMenuOpen':
-      return _objectSpread$3(_objectSpread$3({}, state), {}, {
+      return _objectSpread$4(_objectSpread$4({}, state), {}, {
         isMenuOpen: !state.isMenuOpen
       });
 
     case 'setIsMenuOpenAndMakeExpanderVisible':
-      return _objectSpread$3(_objectSpread$3({}, state), {}, {
+      return _objectSpread$4(_objectSpread$4({}, state), {}, {
         isExpanderVisible: true,
         isMenuOpen: action.payload
       });
@@ -2991,7 +2991,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
 
   var allApplicationNavbarMenu = _concatInstanceProperty__default["default"](_context7 = _concatInstanceProperty__default["default"](_context8 = applicationsNavBarMenu || []).call(_context8, legacyCustomAppsMenu)).call(_context7, organizationCustomAppsMenu);
 
-  return _objectSpread$3(_objectSpread$3({}, state), {}, {
+  return _objectSpread$4(_objectSpread$4({}, state), {}, {
     navBarNode: navBarNode,
     handleToggleItem: handleToggleItem,
     handleToggleMenu: handleToggleMenu,
@@ -3000,11 +3000,29 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
   });
 };
 
+var trackingEvents$1 = {
+  collapseMainNav: {
+    action: 'CollapseMainNav',
+    category: 'Main-Navigation',
+    label: 'Collapse Main Navigation'
+  },
+  expandMainNav: {
+    action: 'ExpandMainNav',
+    category: 'Main-Navigation',
+    label: 'Expand Main Navigation'
+  },
+  goToSupport: {
+    action: 'GoToSupport',
+    category: 'Main-Navigation',
+    label: 'Go to Support'
+  }
+};
+
 var _excluded = ["icon"];
 
-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 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$2(target) { for (var i = 1; i < arguments.length; i++) { var _context11, _context12; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context11 = ownKeys$2(Object(source), !0)).call(_context11, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context12 = ownKeys$2(Object(source))).call(_context12, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context11, _context12; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context11 = ownKeys$3(Object(source), !0)).call(_context11, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context12 = ownKeys$3(Object(source))).call(_context12, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var 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  background: #213c45;\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  height: 64px;\n  background: #213c45;\n  margin: 0;\n  list-style: none;\n  cursor: pointer;\n}\n\n.navbar-mod__item-link___X2Ina {\n  color: #fff;\n  padding: 16px;\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: space-between;\n  align-items: center;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep {\n  width: 32px;\n  height: 32px;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  flex: 1;\n  font-size: 1rem;\n  font-weight: 100;\n  color: #fff;\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__title-user-voice___oOLj8 {\n  font-size: 0.9em !important;\n}\n\n.navbar-mod__expander___jyAUi {\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  background: #1a1a1a;\n  align-items: center;\n  border-radius: 32px;\n  cursor: pointer;\n  display: flex;\n  height: 32px;\n  justify-content: center;\n  transform: translateX(0) rotateZ(180deg);\n  width: 32px;\n}\n\n.navbar-mod__item--bottom___eW7nh {\n  position: absolute;\n  bottom: 50px;\n}\n\n.navbar-mod__list-item___MjK6t:hover {\n  background-color: hsl(195, 35.2941176471%, 30%);\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__no-submenu___0lmiH,\n.navbar-mod__item_menu-collapsed___cluyY {\n  height: 64px !important;\n}\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: 45px 20px 20px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___eRWUj {\n  color: #fff;\n  font-weight: 100;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt {\n  box-shadow: 6px 0 10px rgba(0, 0, 0, 0.16);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  height: auto;\n  min-height: 64px;\n  max-height: 0;\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: 200px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  display: block;\n  opacity: 1;\n  margin-left: 16px;\n  color: #fff;\n}\n\n.body__menu-open .navbar-mod__expand-icon___BtmRa {\n  transform: translateX(65px) rotateZ(0deg);\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(32px + 16px);\n  padding: 8px 0 0;\n  background-color: transparent;\n  border-top: 1px hsl(0, 0%, 60%) solid;\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  font-size: 0.857em;\n  color: white;\n  text-decoration: none;\n  font-weight: lighter;\n  transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q:hover {\n  color: hsl(172.9608938547486, 100%, 40%);\n}\n\n.body__menu-open .navbar-mod__expander___jyAUi {\n  min-height: 50px;\n}\n\n/*  Second level menu */\n\n.navbar-mod__sublist___os1s7 {\n  padding: 55px 16px 16px;\n  font-weight: 100;\n  position: absolute;\n  background-color: hsl(195, 35.2941176471%, 30%);\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: 3px 0;\n}\n\n.navbar-mod__sublist-item___gafkS:hover {\n  /* background-color: --color-accent-30; */\n  color: hsl(172.9608938547486, 100%, 40%);\n}\n\n.navbar-mod__text___ccHEu {\n  font-size: 0.857em;\n}\n\n.navbar-mod__text-link___dhtj6 {\n  color: white;\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___dhtj6:hover {\n  color: hsl(172.9608938547486, 100%, 40%);\n}\n\n.navbar-mod__title-text___5DEpd {\n  font-weight: bold;\n  visibility: hidden;\n  opacity: 0.001;\n}\n\n/* Item active */\n\n.navbar-mod__item__active___lo1sr {\n  background: hsl(195, 35.2941176471%, 30%);\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  position: absolute;\n  width: 175px;\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: 30px;\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: 16px;\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: 150px;\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(32px + 16px));\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}\n\n.navbar-mod__highlighted___oJWkA {\n  color: hsl(172.9608938547486, 100%, 40%) !important;\n}\n\n.navbar-mod__hidden___TQLSs {\n  display: none;\n}\n\n.navbar-mod__divider-first-item___9Ftml {\n  border-top: 1px solid #1a1a1a;\n}\n\n.navbar-mod__divider-second-item___EDS33 {\n  border-top: 1px solid hsl(195, 35.2941176471%, 40%);\n}\n\n.navbar-mod__loading-dot-container___G2LVb {\n  width: 32px;\n  height: 32px;\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}\n\n.navbar-mod__fixed-menu___42tD9 {\n  flex: 0 0 0;\n}\n",
   "jsonMap": {
@@ -3053,7 +3071,7 @@ var IconSwitcher = function IconSwitcher(_ref) {
       iconProps = _objectWithoutProperties(_ref, _excluded);
 
   if (_includesInstanceProperty__default["default"](icon).call(icon, '<svg')) {
-    return jsxRuntime.jsx(InlineSvg__default["default"], _objectSpread$2({
+    return jsxRuntime.jsx(InlineSvg__default["default"], _objectSpread$3({
       data: icon
     }, iconProps));
   } // Backwards compatibility for apps using the "icon name".
@@ -3062,51 +3080,51 @@ var IconSwitcher = function IconSwitcher(_ref) {
   switch (icon) {
     // Application icons
     case 'TreeStructureIcon':
-      return jsxRuntime.jsx(icons.TreeStructureIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.TreeStructureIcon, _objectSpread$3({}, iconProps));
 
     case 'UserFilledIcon':
-      return jsxRuntime.jsx(icons.UserFilledIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.UserFilledIcon, _objectSpread$3({}, iconProps));
 
     case 'SpeedometerIcon':
-      return jsxRuntime.jsx(icons.SpeedometerIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.SpeedometerIcon, _objectSpread$3({}, iconProps));
 
     case 'TagMultiIcon':
-      return jsxRuntime.jsx(icons.TagMultiIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.TagMultiIcon, _objectSpread$3({}, iconProps));
 
     case 'CartIcon':
-      return jsxRuntime.jsx(icons.CartIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.CartIcon, _objectSpread$3({}, iconProps));
 
     case 'BoxIcon':
-      return jsxRuntime.jsx(icons.BoxIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.BoxIcon, _objectSpread$3({}, iconProps));
 
     case 'GearIcon':
-      return jsxRuntime.jsx(icons.GearIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.GearIcon, _objectSpread$3({}, iconProps));
 
     case 'ListWithSearchIcon':
-      return jsxRuntime.jsx(icons.ListWithSearchIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.ListWithSearchIcon, _objectSpread$3({}, iconProps));
     // Custom application icons set
 
     case 'HeartIcon':
-      return jsxRuntime.jsx(icons.HeartIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.HeartIcon, _objectSpread$3({}, iconProps));
 
     case 'PaperclipIcon':
-      return jsxRuntime.jsx(icons.PaperclipIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.PaperclipIcon, _objectSpread$3({}, iconProps));
 
     case 'PluginIcon':
-      return jsxRuntime.jsx(icons.PluginIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.PluginIcon, _objectSpread$3({}, iconProps));
 
     case 'RocketIcon':
-      return jsxRuntime.jsx(icons.RocketIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.RocketIcon, _objectSpread$3({}, iconProps));
 
     case 'StarIcon':
-      return jsxRuntime.jsx(icons.StarIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.StarIcon, _objectSpread$3({}, iconProps));
 
     case 'ConnectedSquareIcon':
-      return jsxRuntime.jsx(icons.ConnectedSquareIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.ConnectedSquareIcon, _objectSpread$3({}, iconProps));
     // For backwards compatibility
 
     case 'WorldIcon':
-      return jsxRuntime.jsx(icons.WorldIcon, _objectSpread$2({}, iconProps));
+      return jsxRuntime.jsx(icons.WorldIcon, _objectSpread$3({}, iconProps));
 
     default:
       return jsxRuntime.jsx("img", {
@@ -3120,10 +3138,18 @@ IconSwitcher.propTypes = {};
 IconSwitcher.displayName = 'IconSwitcher';
 
 var MenuExpander = function MenuExpander(props) {
+  var gtmTracking = react.useContext(GtmContext);
   return jsxRuntime.jsx("li", {
     className: classnames__default["default"](styles['list-item'], styles.expander, _defineProperty({}, styles.hidden, !props.isVisible)),
     children: jsxRuntime.jsx("div", {
-      onClick: props.onClick,
+      onClick: function onClick(event) {
+        var _trackingEvents = trackingEvents$1[props.isMenuOpen ? 'collapseMainNav' : 'expandMainNav'],
+            action = _trackingEvents.action,
+            category = _trackingEvents.category,
+            label = _trackingEvents.label;
+        gtmTracking.track(action, category, label);
+        props.onClick(event);
+      },
       className: styles['expand-icon'],
       "data-testid": "menu-expander",
       children: jsxRuntime.jsx(icons.BackIcon, {
@@ -3457,6 +3483,7 @@ var NavBar = function NavBar(props) {
 
   var useFullRedirectsForLinks = Boolean(props.environment.useFullRedirectsForLinks);
   var location = reactRouterDom.useLocation();
+  var gtmTracking = react.useContext(GtmContext);
   var projectPermissions = react.useMemo(function () {
     var _props$project, _props$project2, _props$project3;
 
@@ -3494,7 +3521,8 @@ var NavBar = function NavBar(props) {
             menuVisibilities: menuVisibilities,
             applicationLocale: props.applicationLocale,
             projectKey: props.projectKey,
-            useFullRedirectsForLinks: useFullRedirectsForLinks
+            useFullRedirectsForLinks: useFullRedirectsForLinks,
+            onMenuItemClick: props.onMenuItemClick
           }, menu.key);
         })
       }), jsxRuntime.jsxs("div", {
@@ -3504,6 +3532,8 @@ var NavBar = function NavBar(props) {
           isActive: false,
           isMenuOpen: isMenuOpen,
           onClick: function onClick() {
+            gtmTracking.track(trackingEvents$1.goToSupport.action, trackingEvents$1.goToSupport.category, trackingEvents$1.goToSupport.label);
+
             _handleToggleItem('fixed-support');
           },
           onMouseEnter: isMenuOpen ? undefined : function () {
@@ -3524,13 +3554,14 @@ var NavBar = function NavBar(props) {
                 })
               }), jsxRuntime.jsx("div", {
                 className: styles.title,
-                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$2({}, messages['NavBar.MCSupport.title']))
+                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$3({}, messages['NavBar.MCSupport.title']))
               })]
             })
           })
         }), jsxRuntime.jsx(MenuExpander, {
           isVisible: isExpanderVisible,
-          onClick: handleToggleMenu
+          onClick: handleToggleMenu,
+          isMenuOpen: isMenuOpen
         })]
       })]
     })
@@ -3599,7 +3630,7 @@ var pimIndexerStates = {
 };
 
 var QuickAccess = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./quick-access-2b0cce3b.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./quick-access-5602583c.cjs.prod.js'
   /* webpackChunkName: "quick-access" */
   ); });
 });
@@ -3821,9 +3852,9 @@ var RedirectToLogin = function RedirectToLogin() {
 
 RedirectToLogin.displayName = 'RedirectToLogin';
 
-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 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$1(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$1(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$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+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; }
 
 // When the application redirects to this route, we always force a hard redirect
 // to the logout route of the authentication service.
@@ -3845,7 +3876,7 @@ var RedirectToLogout = function RedirectToLogout(props) {
     to: "logout",
     origin: mcOrigin,
     location: location,
-    queryParams: _objectSpread$1({
+    queryParams: _objectSpread$2({
       reason: (_props$reason = props.reason) !== null && _props$reason !== void 0 ? _props$reason : constants$1.LOGOUT_REASONS.USER
     }, servedByProxy ? {} : {
       // This will be used after being logged in, to redirect to this location.
@@ -3854,9 +3885,9 @@ var RedirectToLogout = function RedirectToLogout(props) {
   });
 };
 
-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 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(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; }
+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; }
 
 /**
  * This component is rendered whenever the user is considered "authenticated"
@@ -3914,6 +3945,12 @@ var RestrictedApplication = function RestrictedApplication(props) {
   // ok-ish but we might want to look into a more performant solution.
 
   var location = reactRouterDom.useLocation();
+  var notificationsGlobalRef = react.useRef(null);
+  var notificationsPageRef = react.useRef(null);
+  var layoutRefs = react.useRef({
+    notificationsGlobalRef: notificationsGlobalRef,
+    notificationsPageRef: notificationsPageRef
+  });
   return jsxRuntime.jsx(FetchUser, {
     children: function children(_ref6) {
       var isLoadingUser = _ref6.isLoading,
@@ -3969,7 +4006,7 @@ var RestrictedApplication = function RestrictedApplication(props) {
                 messages = _ref8.messages;
             return jsxRuntime.jsx(ConfigureIntlProvider // We do not want to pass the language as long as the locale data
             // is not loaded.
-            , _objectSpread(_objectSpread({}, isLoadingLocaleData ? {} : {
+            , _objectSpread$1(_objectSpread$1({}, isLoadingLocaleData ? {} : {
               locale: locale,
               messages: messages
             }), {}, {
@@ -3992,6 +4029,7 @@ var RestrictedApplication = function RestrictedApplication(props) {
                     role: "application-layout",
                     css: /*#__PURE__*/react$2.css("height:100vh;display:grid;grid-template-rows:auto ", constants.DIMENSIONS.header, " 1fr;grid-template-columns:auto 1fr;" + ("" ), "" ),
                     children: [jsxRuntime.jsx("div", {
+                      ref: notificationsGlobalRef,
                       role: "global-notifications",
                       css: _ref5,
                       children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
@@ -4081,16 +4119,21 @@ var RestrictedApplication = function RestrictedApplication(props) {
                       children: jsxRuntime.jsx(ApplicationLoader, {})
                     }) : jsxRuntime.jsxs(MainContainer, {
                       role: "main",
-                      children: [jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                        domain: constants$1.DOMAINS.PAGE
+                      children: [jsxRuntime.jsx("div", {
+                        ref: notificationsPageRef,
+                        children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
+                          domain: constants$1.DOMAINS.PAGE
+                        })
                       }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
                         domain: constants$1.DOMAINS.SIDE
                       }), jsxRuntime.jsxs("div", {
                         css: _ref2,
-                        children: [jsxRuntime.jsx(applicationComponents.PortalsContainer, {
+                        children: [jsxRuntime.jsx(applicationComponents.PortalsContainer // @ts-ignore
+                        , {
+                          ref: layoutRefs,
                           offsetTop: constants.DIMENSIONS.header,
-                          offsetLeft: constants.DIMENSIONS.navMenu,
-                          offsetLeftOnExpandedMenu: constants.DIMENSIONS.navMenuExpanded
+                          offsetLeft: projectKeyFromUrl ? constants.DIMENSIONS.navMenu : '0px',
+                          offsetLeftOnExpandedMenu: projectKeyFromUrl ? constants.DIMENSIONS.navMenuExpanded : '0px'
                         }), jsxRuntime.jsxs(reactRouterDom.Switch, {
                           children: [jsxRuntime.jsx(reactRouterDom.Redirect, {
                             from: "/profile",
@@ -4323,6 +4366,21 @@ var GtmUserLogoutTracker = function GtmUserLogoutTracker() {
 
 GtmUserLogoutTracker.displayName = 'GtmUserLogoutTracker';
 
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
+var SuspendedRoute = function SuspendedRoute(props) {
+  return jsxRuntime.jsx(reactRouterDom.Route, _objectSpread(_objectSpread({}, props), {}, {
+    children: jsxRuntime.jsx(react.Suspense, {
+      fallback: jsxRuntime.jsx(LoadingSpinner__default["default"], {}),
+      children: props.children
+    })
+  }));
+};
+
+SuspendedRoute.displayName = 'SuspendedRoute';
+
 exports.ApplicationShell = ApplicationShell;
 exports.ApplicationShellProvider = ApplicationShellProvider;
 exports.ButlerContainer = ButlerContainer;
@@ -4332,6 +4390,7 @@ exports.GtmUserLogoutTracker = GtmUserLogoutTracker;
 exports.InjectReducers = InjectReducers;
 exports.ProjectSwitcher = ProjectSwitcher;
 exports.SetupFlopFlipProvider = SetupFlopFlipProvider;
+exports.SuspendedRoute = SuspendedRoute;
 exports.createApolloContextForProxyForwardTo = createApolloContextForProxyForwardTo;
 exports.pimIndexerStates = pimIndexerStates;
 exports.setupGlobalErrorListener = setupGlobalErrorListener;