@commercetools-frontend/application-shell 20.13.0 → 21.0.0-rc.4

package/dist/{index-b8de2a19.cjs.prod.js → index-76603186.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var applicationEntryPoint = require('./application-entry-point-0e540c26.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-0480091d.cjs.prod.js');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 var _pt = require('prop-types');
@@ -18,14 +18,14 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
 var react$2 = require('@emotion/react');
-var constants$1 = require('@commercetools-frontend/constants');
+var constants = require('@commercetools-frontend/constants');
 var sentry = require('@commercetools-frontend/sentry');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var i18n = require('@commercetools-frontend/i18n');
 var uuid = require('uuid');
-var constants = require('./constants-745aeeca.cjs.prod.js');
+var formatters = require('./formatters-a5bb12eb.cjs.prod.js');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -41,7 +41,7 @@ var reactRedux = require('react-redux');
 var history = require('@commercetools-frontend/browser-history');
 var reactIntl = require('react-intl');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-var oidc = require('./oidc-be09bd90.cjs.prod.js');
+var oidc = require('./oidc-d5829556.cjs.prod.js');
 var qss = require('qss');
 var jwtDecode = require('jwt-decode');
 var FailedAuthenticationSVG = require('@commercetools-frontend/assets/images/locked-diamond.svg');
@@ -157,7 +157,7 @@ var throttle__default = /*#__PURE__*/_interopDefault(throttle);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
 function selectProjectKeyFromLocalStorage() {
-  return window.localStorage.getItem(constants.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
+  return window.localStorage.getItem(formatters.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
 }
 
 var getPreviousProjectKey = function getPreviousProjectKey(defaultProjectKeyOfUser) {
@@ -182,7 +182,7 @@ var createApolloContextForProxyForwardTo = function createApolloContextForProxyF
 };
 
 var getSelectedDataLocaleForProject = function getSelectedDataLocaleForProject(projectLocales) {
-  var cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE); // Make sure the cached locale is listed in the selected project
+  var cachedDataLocale = window.localStorage.getItem(formatters.STORAGE_KEYS.SELECTED_DATA_LOCALE); // Make sure the cached locale is listed in the selected project
 
   var isCachedDataLocaleIncludedInProjectLanguages = _includesInstanceProperty__default["default"](projectLocales).call(projectLocales, cachedDataLocale || '');
 
@@ -190,7 +190,7 @@ var getSelectedDataLocaleForProject = function getSelectedDataLocaleForProject(p
 
   var defaultDataLocaleForProject = projectLocales[0]; // Cache it
 
-  window.localStorage.setItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE, defaultDataLocaleForProject);
+  window.localStorage.setItem(formatters.STORAGE_KEYS.SELECTED_DATA_LOCALE, defaultDataLocaleForProject);
   return defaultDataLocaleForProject;
 };
 
@@ -203,7 +203,7 @@ var ProjectDataLocale = function ProjectDataLocale(props) {
   var handleSetProjectDataLocale = react.useCallback(function (locale) {
     setLocale(locale); // Cache it
 
-    window.localStorage.setItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE, locale);
+    window.localStorage.setItem(formatters.STORAGE_KEYS.SELECTED_DATA_LOCALE, locale);
   }, []);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children({
@@ -219,9 +219,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); if (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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$f(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _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$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; }
 
 var isPlainTrackingListValue = function isPlainTrackingListValue(value) {
   return typeof value === 'string';
@@ -625,7 +625,7 @@ var withoutProjectKeyClaim = function withoutProjectKeyClaim(scope) {
   var _context;
 
   return _filterInstanceProperty__default["default"](_context = scope.split(' ')).call(_context, function (claim) {
-    return !_startsWithInstanceProperty__default["default"](claim).call(claim, constants.OIDC_CLAIMS.PROJECT_KEY);
+    return !_startsWithInstanceProperty__default["default"](claim).call(claim, formatters.OIDC_CLAIMS.PROJECT_KEY);
   }).join(' ');
 };
 
@@ -692,7 +692,7 @@ var hasCachedAuthenticationState = function hasCachedAuthenticationState() {
     }
   }
 
-  return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
+  return window.localStorage.getItem(formatters.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
 function useMcQuery(query, options) {
@@ -716,7 +716,7 @@ var AmILoggedIn = function AmILoggedIn(props) {
   // is valid. We return null while the query is loading.
   var _useMcQuery = useMcQuery(AmILoggedInQuery, {
     context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
+      target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
       skipTokenRetry: true
     },
     // NOTE: With `no-cache` the `useQuery` will not trigger a
@@ -735,20 +735,20 @@ var AmILoggedIn = function AmILoggedIn(props) {
       if (!data) {
         // In case the request is 200 but there is no data, we assume
         // there are some errors.
-        window.localStorage.removeItem(constants.STORAGE_KEYS.IS_AUTHENTICATED);
+        window.localStorage.removeItem(formatters.STORAGE_KEYS.IS_AUTHENTICATED);
       } else {
         // Even though the login page might set this flag, we just make sure that
         // we do it here as well. This will help in the future when we eventually
         // move the auth service to itw own domain, in which case the local storage
         // is not shared anymore.
-        window.localStorage.setItem(constants.STORAGE_KEYS.IS_AUTHENTICATED, String(true));
+        window.localStorage.setItem(formatters.STORAGE_KEYS.IS_AUTHENTICATED, String(true));
       }
     },
     onError: function onError() {
       // The query fails without the `mcAccessToken`. In this case the caching
       // needs to be unset as otherwise the application will end up in a infinte
       // redirect loop.
-      window.localStorage.removeItem(constants.STORAGE_KEYS.IS_AUTHENTICATED);
+      window.localStorage.removeItem(formatters.STORAGE_KEYS.IS_AUTHENTICATED);
     }
   }),
       data = _useMcQuery.data,
@@ -777,9 +777,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); if (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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$e(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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$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 redirectTo$1 = function redirectTo(targetUrl) {
   applicationEntryPoint.location.replace(targetUrl);
@@ -938,9 +938,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); if (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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$d(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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$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; }
 
 var Authenticated = function Authenticated(props) {
   var _window$app$__DEVELOP, _window$app$__DEVELOP2;
@@ -1014,9 +1014,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); if (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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$c(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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$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; }
 // Expose a Context with the tracking functions.
 // This context can be used by consumers to access the values by either:
 // 1. using `<GtmContext.Consumer>`
@@ -1072,9 +1072,9 @@ 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); if (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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$b(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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$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; }
 
 var ErrorApologizer = function ErrorApologizer() {
   var intl = reactIntl.useIntl();
@@ -1185,9 +1185,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); if (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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$a(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _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$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; }
 
 /**
  * NOTE:
@@ -1305,7 +1305,7 @@ var FetchUser = function FetchUser(props) {
   var _useMcQuery = useMcQuery(LoggedInUserQuery, {
     onError: sentry.reportErrorToSentry,
     context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+      target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
     }
   }),
       loading = _useMcQuery.loading,
@@ -1330,7 +1330,7 @@ var pushDependencyVersionCounter = function pushDependencyVersionCounter(_ref) {
   var payload = _ref.payload;
   return sdk.actions.post({
     uri: '/metrics/counters',
-    mcApiProxyTarget: constants$1.MC_API_PROXY_TARGETS.MC_METRICS,
+    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.MC_METRICS,
     payload: _JSON$stringify__default["default"](payload)
   });
 };
@@ -1382,7 +1382,7 @@ var FetchProject = function FetchProject(props) {
       projectKey: props.projectKey
     },
     context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+      target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
     },
     skip: props.skip === true
   }),
@@ -1406,9 +1406,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); if (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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context6; _forEachInstanceProperty__default["default"](_context6 = ownKeys$9(Object(source), true)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context7; _forEachInstanceProperty__default["default"](_context7 = ownKeys$9(Object(source))).call(_context7, 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 _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$9(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$9(Object(source))).call(_context5, 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;
@@ -1515,78 +1515,6 @@ var mapApplicationMenuConfigToGraqhQLQueryResult = function mapApplicationMenuCo
     }
   };
 };
-/**
- * Transform menu links defined in the `menu.json` to the `FetchApplicationsMenu` schema.
- * This is only needed for development.
- * @deprecated The `menu.json` file has been deprecated in favor of defining the menu links
- * in the custom application config file.
- */
-
-
-var mapLegacyMenuJsonToGraphQLQueryResult = function mapLegacyMenuJsonToGraphQLQueryResult(menuKey, menuJson) {
-  return {
-    applicationsMenu: {
-      __typename: 'ApplicationsMenu',
-      // @ts-ignore: to suppress `featureToggle` error.
-      navBar: menuKey === 'navBar' ? _mapInstanceProperty__default["default"](menuJson).call(menuJson, function (data) {
-        var _menuLink$featureTogg2, _menuLink$menuVisibil, _menuLink$actionRight, _menuLink$dataFences, _context4;
-
-        var menuLink = data;
-        return {
-          __typename: 'NavbarMenu',
-          shouldRenderDivider: false,
-          key: menuLink.uriPath,
-          uriPath: menuLink.uriPath,
-          icon: menuLink.icon,
-          labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, // There is no `defaultValue`, so we pick the first in the list.
-          menuLink.labelAllLocales[0].value),
-          permissions: menuLink.permissions,
-          // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLink$featureTogg2 = menuLink.featureToggle) !== null && _menuLink$featureTogg2 !== void 0 ? _menuLink$featureTogg2 : null,
-          // @ts-ignore: not defined in schema, as it's only used internally.
-          menuVisibility: (_menuLink$menuVisibil = menuLink.menuVisibility) !== null && _menuLink$menuVisibil !== void 0 ? _menuLink$menuVisibil : null,
-          // @ts-ignore: not defined in schema, as it's only used internally.
-          actionRights: (_menuLink$actionRight = menuLink.actionRights) !== null && _menuLink$actionRight !== void 0 ? _menuLink$actionRight : null,
-          // @ts-ignore: not defined in schema, as it's only used internally.
-          dataFences: (_menuLink$dataFences = menuLink.dataFences) !== null && _menuLink$dataFences !== void 0 ? _menuLink$dataFences : null,
-          submenu: _mapInstanceProperty__default["default"](_context4 = menuLink.submenu).call(_context4, function (submenuLink) {
-            var _context5, _submenuLink$featureT2, _submenuLink$menuVisi2, _submenuLink$actionRi2, _submenuLink$dataFenc2;
-
-            return {
-              __typename: 'BaseMenu',
-              key: _concatInstanceProperty__default["default"](_context5 = "".concat(menuLink.uriPath, "-")).call(_context5, submenuLink.uriPath),
-              uriPath: submenuLink.uriPath,
-              labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales),
-              permissions: submenuLink.permissions,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              featureToggle: (_submenuLink$featureT2 = submenuLink.featureToggle) !== null && _submenuLink$featureT2 !== void 0 ? _submenuLink$featureT2 : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              menuVisibility: (_submenuLink$menuVisi2 = submenuLink.menuVisibility) !== null && _submenuLink$menuVisi2 !== void 0 ? _submenuLink$menuVisi2 : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              actionRights: (_submenuLink$actionRi2 = submenuLink.actionRights) !== null && _submenuLink$actionRi2 !== void 0 ? _submenuLink$actionRi2 : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              dataFences: (_submenuLink$dataFenc2 = submenuLink.dataFences) !== null && _submenuLink$dataFenc2 !== void 0 ? _submenuLink$dataFenc2 : null
-            };
-          })
-        };
-      }) : [],
-      // @ts-ignore: to suppress `featureToggle` error.
-      appBar: menuKey === 'appBar' ? _mapInstanceProperty__default["default"](menuJson).call(menuJson, function (menuLink) {
-        var _menuLink$featureTogg3;
-
-        return {
-          __typename: 'BaseMenu',
-          key: menuLink.uriPath,
-          uriPath: menuLink.uriPath,
-          labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales),
-          permissions: menuLink.permissions,
-          // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLink$featureTogg3 = menuLink.featureToggle) !== null && _menuLink$featureTogg3 !== void 0 ? _menuLink$featureTogg3 : null
-        };
-      }) : []
-    }
-  };
-};
 
 function useApplicationsMenu(menuKey, config) {
   var _config$queryOptions;
@@ -1628,15 +1556,6 @@ function useApplicationsMenu(menuKey, config) {
         query: FetchApplicationsMenu,
         data: applicationMenu
       });
-    } else if (!config.environment.servedByProxy && config.loadMenuConfig) {
-      config.loadMenuConfig().then(function (menuConfig) {
-        var menuJson = _Array$isArray__default["default"](menuConfig) ? menuConfig : [menuConfig];
-        var applicationMenu = mapLegacyMenuJsonToGraphQLQueryResult(menuKey, menuJson);
-        apolloClient.writeQuery({
-          query: FetchApplicationsMenu,
-          data: applicationMenu
-        });
-      });
     }
 
     if (!called) {
@@ -1680,9 +1599,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); if (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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$8(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _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$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; }
 
 var UserAvatar = function UserAvatar(props) {
   var _useState = react.useState(false),
@@ -1761,7 +1680,7 @@ var renderLabel = function renderLabel(menu, applicationLanguage) {
   });
 
   if (localizedLabel) return localizedLabel.value;
-  return constants$1.NO_VALUE_FALLBACK;
+  return constants.NO_VALUE_FALLBACK;
 };
 
 var MenuItem$1 = _styled__default["default"]("div", {
@@ -1796,8 +1715,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
     queryOptions: {
       onError: sentry.reportErrorToSentry
     },
-    environment: environment,
-    loadMenuConfig: props.DEV_ONLY__loadAppbarMenuConfig
+    environment: environment
   });
   return jsxRuntime.jsx("div", {
     onKeyDown: function onKeyDown(event) {
@@ -1867,7 +1785,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
         })
       }), jsxRuntime.jsx("a", {
         css: getUserSettingsMenuItemLinkStyles(),
-        href: constants$1.SUPPORT_PORTAL_URL,
+        href: constants.SUPPORT_PORTAL_URL,
         rel: "noopener noreferrer",
         target: "_blank",
         "data-track-component": "Navigation-Support-links",
@@ -1889,7 +1807,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
         css: getUserSettingsMenuItemLinkStyles() // NOTE: we want to redirect to a new page so that the
         // server can remove things like cookie for access token.
         ,
-        href: "/logout?reason=".concat(constants$1.LOGOUT_REASONS.USER),
+        href: "/logout?reason=".concat(constants.LOGOUT_REASONS.USER),
         "data-test": "logout-button",
         "data-user-settings-menu": true,
         children: [jsxRuntime.jsx(MenuItem$1, {
@@ -1944,7 +1862,6 @@ var UserSettingsMenu = function UserSettingsMenu(props) {
   });
 };
 
-UserSettingsMenu.propTypes = {};
 UserSettingsMenu.displayName = 'UserSettingsMenu';
 
 var messages$3 = reactIntl.defineMessages({
@@ -1977,9 +1894,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); if (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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$7(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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$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; }
 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 = {
@@ -2073,7 +1990,7 @@ var ProjectSwitcher = function ProjectSwitcher(props) {
   var _useMcQuery = useMcQuery(ProjectsQuery, {
     onError: sentry.reportErrorToSentry,
     context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+      target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
     }
   }),
       loading = _useMcQuery.loading,
@@ -2293,7 +2210,7 @@ var AppBar = function AppBar(props) {
         children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
           alignItems: "center",
           children: [jsxRuntime.jsx("div", {
-            id: constants.CONTAINERS.LOCALE_SWITCHER
+            id: formatters.CONTAINERS.LOCALE_SWITCHER
           }), function () {
             if (!props.user) {
               return jsxRuntime.jsx(LoadingPlaceholder, {
@@ -2324,8 +2241,7 @@ var AppBar = function AppBar(props) {
           firstName: props.user.firstName,
           lastName: props.user.lastName,
           gravatarHash: props.user.gravatarHash,
-          email: props.user.email,
-          DEV_ONLY__loadAppbarMenuConfig: props.DEV_ONLY__loadAppbarMenuConfig
+          email: props.user.email
         }) : jsxRuntime.jsx(LoadingPlaceholder, {
           shape: "dot",
           size: "l"
@@ -2337,9 +2253,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); if (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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _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$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; }
 
 var _ref$1 = {
   name: "lmfqdl",
@@ -2414,19 +2330,19 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
 LocaleSwitcher.propTypes = {};
 
 var ProjectNotFound = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-found-f0de3443.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-found-c43f3bd6.cjs.prod.js'
   /* webpackChunkName: "project-not-found" */
   ); });
 });
 
 var ProjectExpired = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-expired-b7b2dc9c.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-expired-15ecc19f.cjs.prod.js'
   /* webpackChunkName: "project-expired" */
   ); });
 });
 
 var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-initialized-3e276968.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-initialized-2e4ac3db.cjs.prod.js'
   /* webpackChunkName: "project-not-initialized" */
   ); });
 });
@@ -2473,7 +2389,7 @@ var RedirectToProjectCreate = function RedirectToProjectCreate() {
 RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
 
 var ProjectSuspended = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-suspended-55fb4c82.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-suspended-eb81b9e8.cjs.prod.js'
   /* webpackChunkName: "project-suspended" */
   ); });
 });
@@ -2520,13 +2436,13 @@ var ProjectContainer = function ProjectContainer(props) {
      *   is inserted in the DOM tree.
      * "
      */
-    setLocaleSwitcherNode(document.getElementById(constants.CONTAINERS.LOCALE_SWITCHER));
+    setLocaleSwitcherNode(document.getElementById(formatters.CONTAINERS.LOCALE_SWITCHER));
   }, [setLocaleSwitcherNode]);
   var projectKey = props.match.params.projectKey;
   react.useEffect(function () {
     // Ensure to sync the `projectKey` from the URL with localStorage.
     if (projectKey) {
-      window.localStorage.setItem(constants.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
+      window.localStorage.setItem(formatters.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
     }
   }, [projectKey]); // }
 
@@ -2544,7 +2460,7 @@ var ProjectContainer = function ProjectContainer(props) {
    */
 
   if (hasNoProjects && props.environment.enableSignUp !== true && props.environment.servedByProxy) return jsxRuntime.jsx(reactRouterDom.Redirect, {
-    to: "/logout?reason=".concat(constants$1.LOGOUT_REASONS.NO_PROJECTS)
+    to: "/logout?reason=".concat(constants.LOGOUT_REASONS.NO_PROJECTS)
   });
   if (hasNoProjects && props.environment.enableSignUp) return jsxRuntime.jsxs(reactRouterDom.Switch, {
     children: [jsxRuntime.jsx(reactRouterDom.Route, {
@@ -2568,7 +2484,7 @@ var ProjectContainer = function ProjectContainer(props) {
           if (isProjectLoading) return jsxRuntime.jsx(ApplicationLoader, {});
           if (!project) return jsxRuntime.jsx(ProjectNotFound, {});
           if (project.suspension && project.suspension.isActive) return jsxRuntime.jsx(ProjectSuspended, {
-            isTemporary: project.suspension.reason === constants.SUSPENSION_REASONS.TEMPORARY_MAINTENANCE
+            isTemporary: project.suspension.reason === formatters.SUSPENSION_REASONS.TEMPORARY_MAINTENANCE
           });
           if (project.expiry && project.expiry.isActive) return jsxRuntime.jsx(ProjectExpired, {});
           if (project.initialized === false) return jsxRuntime.jsx(ProjectNotInitialized, {});
@@ -2587,7 +2503,7 @@ var ProjectContainer = function ProjectContainer(props) {
                 children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
                   children: [shouldShowNotificationForTrialExpired((_project$expiry$daysL = project.expiry.daysLeft) !== null && _project$expiry$daysL !== void 0 ? _project$expiry$daysL : undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
                     kind: "warning",
-                    domain: constants$1.DOMAINS.GLOBAL,
+                    domain: constants.DOMAINS.GLOBAL,
                     text: intl.formatMessage(messages$1.trialDaysLeft, {
                       daysLeft: project.expiry.daysLeft || 0
                     })
@@ -2600,6 +2516,7 @@ var ProjectContainer = function ProjectContainer(props) {
                     availableLocales: project.languages
                   }), localeSwitcherNode), jsxRuntime.jsx(applicationEntryPoint.ApplicationEntryPoint, {
                     environment: props.environment,
+                    disableRoutePermissionCheck: props.disableRoutePermissionCheck,
                     render: props.render,
                     children: props.children
                   })]
@@ -2616,9 +2533,9 @@ 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); if (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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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$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; }
 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;
 
@@ -2674,9 +2591,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); if (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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _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$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; }
 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
@@ -2762,7 +2679,7 @@ var SetupFlopFlipProvider = function SetupFlopFlipProvider(props) {
                       query: AllFeaturesQuery,
                       errorPolicy: 'ignore',
                       context: {
-                        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+                        target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
                       }
                     });
 
@@ -2838,7 +2755,7 @@ var messages = reactIntl.defineMessages({
 });
 
 var useLoadingMenuLayoutEffect = function useLoadingMenuLayoutEffect() {
-  var cachedIsForcedMenuOpen = window.localStorage.getItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
+  var cachedIsForcedMenuOpen = window.localStorage.getItem(formatters.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
   var isForcedMenuOpen = isNil__default["default"](cachedIsForcedMenuOpen) ? null : JSON.parse(cachedIsForcedMenuOpen);
   react.useLayoutEffect(function () {
     if (isForcedMenuOpen) document.body.classList.add('body__menu-open');
@@ -2851,9 +2768,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); if (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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context9; _forEachInstanceProperty__default["default"](_context9 = ownKeys$3(Object(source), true)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context10; _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$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; }
 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) {
@@ -2910,14 +2827,13 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
     queryOptions: {
       onError: sentry.reportErrorToSentry
     },
-    environment: props.environment,
-    loadMenuConfig: props.DEV_ONLY__loadNavbarMenuConfig
+    environment: props.environment
   });
 
   var _useMcQuery = useMcQuery(FetchProjectExtensionsNavbar, {
     skip: !props.environment.servedByProxy,
     context: {
-      target: constants$1.GRAPHQL_TARGETS.SETTINGS_SERVICE
+      target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
     },
     fetchPolicy: 'cache-and-network',
     onError: sentry.reportErrorToSentry
@@ -2993,7 +2909,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
       })
     };
   })).call(_context4, nonNullable) : [];
-  var cachedIsForcedMenuOpen = window.localStorage.getItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
+  var cachedIsForcedMenuOpen = window.localStorage.getItem(formatters.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
   var isForcedMenuOpen = isNil__default["default"](cachedIsForcedMenuOpen) ? null : JSON.parse(cachedIsForcedMenuOpen);
 
   var _useReducer = react.useReducer(reducer, getInitialState(isForcedMenuOpen)),
@@ -3075,7 +2991,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
       type: 'toggleIsMenuOpen'
     }); // Synchronize the menu state with local storage.
 
-    window.localStorage.setItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(!state.isMenuOpen));
+    window.localStorage.setItem(formatters.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(!state.isMenuOpen));
   }, [state.activeItemIndex, state.isMenuOpen]);
 
   var allApplicationNavbarMenu = _concatInstanceProperty__default["default"](_context7 = _concatInstanceProperty__default["default"](_context8 = applicationsNavBarMenu || []).call(_context8, legacyCustomAppsMenu)).call(_context7, organizationCustomAppsMenu);
@@ -3091,44 +3007,44 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
 
 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); if (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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context11; _forEachInstanceProperty__default["default"](_context11 = ownKeys$2(Object(source), true)).call(_context11, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context12; _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$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; }
 var compiledStyles = {
-  "global": ":root {\n\n  /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___2JfJ4 {\n  display: flex;\n  flex-grow: 1;\n  width: 64px;\n  z-index: 19999;\n  background: #213c45;\n}\n\n.navbar-mod__list___22CBT {\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___3JT_a {\n  flex: 1 1 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.navbar-mod__list-item___2CV9O {\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___2pLxz {\n  color: #fff;\n  padding: 16px;\n  width: 100%;\n  position: relative;\n  display: block;\n}\n\n.navbar-mod__list-item___2CV9O .navbar-mod__item-icon-text___2Bdz0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.navbar-mod__list-item___2CV9O .navbar-mod__icon___G8L2p {\n  width: 32px;\n  height: 32px;\n}\n\n.navbar-mod__list-item___2CV9O .navbar-mod__title___2bBYs {\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___1XOMJ {\n  font-size: 0.9em !important;\n}\n\n.navbar-mod__expander___3j0Ah {\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n}\n\n.navbar-mod__expander___3j0Ah:hover {\n  background: transparent !important;\n}\n\n.navbar-mod__expand-icon___3bqER {\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___2zyjN {\n  position: absolute;\n  bottom: 50px;\n}\n\n.navbar-mod__list-item___2CV9O:hover {\n  background-color: hsl(195, 35.2941176471%, 30%);\n}\n\n.navbar-mod__item__active___uKTOD .navbar-mod__title___2bBYs {\n  opacity: 1;\n  display: block;\n  transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___165Am {\n  height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item__no-submenu___1uXLp,\n.navbar-mod__item_menu-collapsed___2Dxlb {\n  height: 64px !important;\n}\n\n.navbar-mod__item_menu-collapsed___2Dxlb .navbar-mod__item-link___2pLxz {\n  text-align: center;\n}\n\n.navbar-mod__item__no-submenu___1uXLp .navbar-mod__title___2bBYs {\n  border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___1uXLp .navbar-mod__sublist___20Vql {\n  padding: 45px 20px 20px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___2bBYs {\n  color: #fff;\n  font-weight: 100;\n}\n\n.body__menu-open .navbar-mod__left-navigation___2JfJ4 {\n  box-shadow: 6px 0 10px rgba(0, 0, 0, 0.16);\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O {\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___2JfJ4,\n.body__menu-open .navbar-mod__list-item___2CV9O {\n  width: 200px;\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O .navbar-mod__title___2bBYs {\n  display: block;\n  opacity: 1;\n  margin-left: 16px;\n  color: #fff;\n}\n\n.body__menu-open .navbar-mod__expand-icon___3bqER {\n  transform: translateX(65px) rotateZ(0deg);\n}\n\n.body__menu-open .navbar-mod__item__active___uKTOD {\n  max-height: 500px;\n  transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___20Vql {\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___20Vql.navbar-mod__sublist-no-children___3dFDb {\n  border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___2VC6O {\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___2VC6O:hover {\n  color: hsl(172.9608938547486, 100%, 40%);\n}\n\n.body__menu-open .navbar-mod__expander___3j0Ah {\n  min-height: 50px;\n}\n\n/*  Second level menu */\n\n.navbar-mod__sublist___20Vql {\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___2GFCL {\n  /* empty block */\n}\n\n.navbar-mod__sublist-item___2klZq {\n  padding: 3px 0;\n}\n\n.navbar-mod__sublist-item___2klZq:hover {\n  /* background-color: --color-accent-30; */\n  color: hsl(172.9608938547486, 100%, 40%);\n}\n\n.navbar-mod__text___1dlPt {\n  font-size: 0.857em;\n}\n\n.navbar-mod__text-link___16AcQ {\n  color: white;\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___16AcQ:hover {\n  color: hsl(172.9608938547486, 100%, 40%);\n}\n\n.navbar-mod__title-text___2Exso {\n  font-weight: bold;\n  visibility: hidden;\n  opacity: 0.001;\n}\n\n/* Item active */\n\n.navbar-mod__item__active___uKTOD {\n  background: hsl(195, 35.2941176471%, 30%);\n}\n\n.navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__item-icon-text___2Bdz0 {\n  position: absolute;\n  width: 175px;\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__item-icon-text___2Bdz0 {\n  position: relative;\n  width: auto;\n}\n\n.navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__item-icon-text___2Bdz0 .navbar-mod__title___2bBYs {\n  margin-left: 30px;\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__item-icon-text___2Bdz0 .navbar-mod__title___2bBYs {\n  margin-left: 16px;\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__item-icon-text___2Bdz0 {\n  margin-left: 0;\n}\n\n.navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__sublist___20Vql {\n  width: 150px;\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__sublist___20Vql {\n  width: calc(100% - calc(32px + 16px));\n}\n\n.navbar-mod__sublist-expanded__active___Gvsr5,\n.navbar-mod__sublist-collapsed__active___3XAsJ {\n  opacity: 1;\n  visibility: visible;\n  text-align: left;\n}\n\n.navbar-mod__highlighted___DH7ye {\n  color: hsl(172.9608938547486, 100%, 40%) !important;\n}\n\n.navbar-mod__hidden___2E9vv {\n  display: none;\n}\n\n.navbar-mod__divider-first-item___Fieyx {\n  border-top: 1px solid #1a1a1a;\n}\n\n.navbar-mod__divider-second-item___P5vk_ {\n  border-top: 1px solid hsl(195, 35.2941176471%, 40%);\n}\n\n.navbar-mod__loading-dot-container___1oV00 {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___3JT_a {\n  flex: 1 1 0;\n}\n\n.navbar-mod__fixed-menu___1Bied {\n  flex: 0 0 0;\n}\n",
+  "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": {
-    "left-navigation": "navbar-mod__left-navigation___2JfJ4",
-    "list": "navbar-mod__list___22CBT",
-    "scrollable-menu": "navbar-mod__scrollable-menu___3JT_a",
-    "list-item": "navbar-mod__list-item___2CV9O",
-    "item-link": "navbar-mod__item-link___2pLxz",
-    "item-icon-text": "navbar-mod__item-icon-text___2Bdz0",
-    "icon": "navbar-mod__icon___G8L2p",
-    "title": "navbar-mod__title___2bBYs",
-    "title-user-voice": "navbar-mod__title-user-voice___1XOMJ navbar-mod__title___2bBYs",
-    "expander": "navbar-mod__expander___3j0Ah",
-    "expand-icon": "navbar-mod__expand-icon___3bqER",
-    "item--bottom": "navbar-mod__item--bottom___2zyjN",
-    "item__active": "navbar-mod__item__active___uKTOD",
-    "item_menu-open": "navbar-mod__item_menu-open___165Am",
-    "item__no-submenu": "navbar-mod__item__no-submenu___1uXLp",
-    "item_menu-collapsed": "navbar-mod__item_menu-collapsed___2Dxlb",
-    "sublist": "navbar-mod__sublist___20Vql",
-    "sublist-no-children": "navbar-mod__sublist-no-children___3dFDb",
-    "title-copy": "navbar-mod__title-copy___2VC6O",
-    "sublist__inactive": "navbar-mod__sublist__inactive___2GFCL",
-    "sublist-item": "navbar-mod__sublist-item___2klZq",
-    "text": "navbar-mod__text___1dlPt",
-    "text-link": "navbar-mod__text-link___16AcQ",
-    "title-text": "navbar-mod__title-text___2Exso",
-    "sublist-expanded__active": "navbar-mod__sublist-expanded__active___Gvsr5",
-    "sublist-collapsed__active": "navbar-mod__sublist-collapsed__active___3XAsJ",
-    "highlighted": "navbar-mod__highlighted___DH7ye",
-    "hidden": "navbar-mod__hidden___2E9vv",
-    "divider-first-item": "navbar-mod__divider-first-item___Fieyx",
-    "divider-second-item": "navbar-mod__divider-second-item___P5vk_",
-    "loading-dot-container": "navbar-mod__loading-dot-container___1oV00",
-    "fixed-menu": "navbar-mod__fixed-menu___1Bied"
+    "left-navigation": "navbar-mod__left-navigation___n7yUt",
+    "list": "navbar-mod__list___RCV3J",
+    "scrollable-menu": "navbar-mod__scrollable-menu___64pxJ",
+    "list-item": "navbar-mod__list-item___MjK6t",
+    "item-link": "navbar-mod__item-link___X2Ina",
+    "item-icon-text": "navbar-mod__item-icon-text___a-8JY",
+    "icon": "navbar-mod__icon___bLsep",
+    "title": "navbar-mod__title___eRWUj",
+    "title-user-voice": "navbar-mod__title-user-voice___oOLj8 navbar-mod__title___eRWUj",
+    "expander": "navbar-mod__expander___jyAUi",
+    "expand-icon": "navbar-mod__expand-icon___BtmRa",
+    "item--bottom": "navbar-mod__item--bottom___eW7nh",
+    "item__active": "navbar-mod__item__active___lo1sr",
+    "item_menu-open": "navbar-mod__item_menu-open___zk0zh",
+    "item__no-submenu": "navbar-mod__item__no-submenu___0lmiH",
+    "item_menu-collapsed": "navbar-mod__item_menu-collapsed___cluyY",
+    "sublist": "navbar-mod__sublist___os1s7",
+    "sublist-no-children": "navbar-mod__sublist-no-children___Dy-h-",
+    "title-copy": "navbar-mod__title-copy___o2y1q",
+    "sublist__inactive": "navbar-mod__sublist__inactive___kJvf-",
+    "sublist-item": "navbar-mod__sublist-item___gafkS",
+    "text": "navbar-mod__text___ccHEu",
+    "text-link": "navbar-mod__text-link___dhtj6",
+    "title-text": "navbar-mod__title-text___5DEpd",
+    "sublist-expanded__active": "navbar-mod__sublist-expanded__active___240JK",
+    "sublist-collapsed__active": "navbar-mod__sublist-collapsed__active___-9vYh",
+    "highlighted": "navbar-mod__highlighted___oJWkA",
+    "hidden": "navbar-mod__hidden___TQLSs",
+    "divider-first-item": "navbar-mod__divider-first-item___9Ftml",
+    "divider-second-item": "navbar-mod__divider-second-item___EDS33",
+    "loading-dot-container": "navbar-mod__loading-dot-container___G2LVb",
+    "fixed-menu": "navbar-mod__fixed-menu___42tD9"
   }
 };
 var styles = compiledStyles.jsonMap;
@@ -3398,7 +3314,7 @@ var MenuLabel = function MenuLabel(props) {
     children: props.defaultLabel
   });
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: constants$1.NO_VALUE_FALLBACK
+    children: constants.NO_VALUE_FALLBACK
   });
 };
 
@@ -3533,8 +3449,7 @@ NavBarLayout.displayName = 'NavBarLayout';
 
 var NavBar = function NavBar(props) {
   var _useNavbarStateManage = useNavbarStateManager({
-    environment: props.environment,
-    DEV_ONLY__loadNavbarMenuConfig: props.DEV_ONLY__loadNavbarMenuConfig
+    environment: props.environment
   }),
       navBarNode = _useNavbarStateManage.navBarNode,
       isMenuOpen = _useNavbarStateManage.isMenuOpen,
@@ -3601,7 +3516,7 @@ var NavBar = function NavBar(props) {
           },
           onMouseLeave: isMenuOpen ? undefined : shouldCloseMenuFly,
           children: jsxRuntime.jsx("a", {
-            href: constants$1.SUPPORT_PORTAL_URL,
+            href: constants.SUPPORT_PORTAL_URL,
             rel: "noopener noreferrer",
             target: "_blank",
             children: jsxRuntime.jsxs("div", {
@@ -3689,7 +3604,7 @@ var pimIndexerStates = {
 };
 
 var QuickAccess = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./quick-access-0f6a3105.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./quick-access-b8f4ddba.cjs.prod.js'
   /* webpackChunkName: "quick-access" */
   ); });
 });
@@ -3866,7 +3781,6 @@ var RedirectToLogin = function RedirectToLogin() {
     // Additionally, we still send the `nonce` parameter as well.
 
     var sessionId = generateAndCacheNonceWithState({
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       applicationId: window.app.applicationId,
       // Store query parameters to be used after the callback redirect
       query: {
@@ -3887,10 +3801,10 @@ var RedirectToLogin = function RedirectToLogin() {
       origin: (_window$app$__DEVELOP7 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP7 === void 0 ? void 0 : (_window$app$__DEVELOP8 = _window$app$__DEVELOP7.oidc) === null || _window$app$__DEVELOP8 === void 0 ? void 0 : _window$app$__DEVELOP8.authorizeUrl,
       location: location,
       queryParams: {
-        reason: constants$1.LOGOUT_REASONS.UNAUTHORIZED,
+        reason: constants.LOGOUT_REASONS.UNAUTHORIZED,
         // Query parameters for OIDC-lik workflow.
         client_id: window.app.applicationId,
-        response_type: constants.OIDC_RESPONSE_TYPES.ID_TOKEN,
+        response_type: formatters.OIDC_RESPONSE_TYPES.ID_TOKEN,
         scope: requestedScope,
         state: sessionId,
         nonce: sessionId
@@ -3904,7 +3818,7 @@ var RedirectToLogin = function RedirectToLogin() {
     origin: mcOrigin,
     location: location,
     queryParams: {
-      reason: constants$1.LOGOUT_REASONS.UNAUTHORIZED,
+      reason: constants.LOGOUT_REASONS.UNAUTHORIZED,
       redirectTo: urlUtils.trimLeadingAndTrailingSlashes(urlUtils.joinPaths(window.location.origin, location.pathname))
     }
   });
@@ -3912,9 +3826,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); if (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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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$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; }
 
 // When the application redirects to this route, we always force a hard redirect
 // to the logout route of the authentication service.
@@ -3937,7 +3851,7 @@ var RedirectToLogout = function RedirectToLogout(props) {
     origin: mcOrigin,
     location: location,
     queryParams: _objectSpread$1({
-      reason: (_props$reason = props.reason) !== null && _props$reason !== void 0 ? _props$reason : constants$1.LOGOUT_REASONS.USER
+      reason: (_props$reason = props.reason) !== null && _props$reason !== void 0 ? _props$reason : constants.LOGOUT_REASONS.USER
     }, servedByProxy ? {} : {
       // This will be used after being logged in, to redirect to this location.
       redirectTo: window.location.origin
@@ -3945,9 +3859,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); if (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(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _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(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; }
 
 /**
  * This component is rendered whenever the user is considered "authenticated"
@@ -4024,7 +3938,7 @@ var RestrictedApplication = function RestrictedApplication(props) {
 
           if (hasUnauthorizedError || hasUserBeenDeletedError) {
             var logoutReason;
-            if (hasUnauthorizedError) logoutReason = constants$1.LOGOUT_REASONS.UNAUTHORIZED;else if (hasUserBeenDeletedError) logoutReason = constants$1.LOGOUT_REASONS.DELETED;
+            if (hasUnauthorizedError) logoutReason = constants.LOGOUT_REASONS.UNAUTHORIZED;else if (hasUserBeenDeletedError) logoutReason = constants.LOGOUT_REASONS.DELETED;
             return jsxRuntime.jsx(RedirectToLogout, {
               reason: logoutReason
             });
@@ -4091,7 +4005,7 @@ var RestrictedApplication = function RestrictedApplication(props) {
                       role: "global-notifications",
                       css: _ref5,
                       children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                        domain: constants$1.DOMAINS.GLOBAL
+                        domain: constants.DOMAINS.GLOBAL
                       })
                     }), jsxRuntime.jsx(reactRouterDom.Route, {
                       children: function children() {
@@ -4130,8 +4044,7 @@ var RestrictedApplication = function RestrictedApplication(props) {
                       css: _ref4,
                       children: jsxRuntime.jsx(AppBar, {
                         user: user,
-                        projectKeyFromUrl: projectKeyFromUrl,
-                        DEV_ONLY__loadAppbarMenuConfig: props.DEV_ONLY__loadAppbarMenuConfig
+                        projectKeyFromUrl: projectKeyFromUrl
                       })
                     }), jsxRuntime.jsx("aside", {
                       role: "aside",
@@ -4167,7 +4080,6 @@ var RestrictedApplication = function RestrictedApplication(props) {
                                 projectKey: projectKeyFromUrl,
                                 project: project,
                                 environment: applicationEnvironment,
-                                DEV_ONLY__loadNavbarMenuConfig: props.DEV_ONLY__loadNavbarMenuConfig,
                                 onMenuItemClick: props.onMenuItemClick
                               })
                             });
@@ -4180,9 +4092,9 @@ var RestrictedApplication = function RestrictedApplication(props) {
                     }) : jsxRuntime.jsxs(MainContainer, {
                       role: "main",
                       children: [jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                        domain: constants$1.DOMAINS.PAGE
+                        domain: constants.DOMAINS.PAGE
                       }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                        domain: constants$1.DOMAINS.SIDE
+                        domain: constants.DOMAINS.SIDE
                       }), jsxRuntime.jsxs("div", {
                         css: _ref2,
                         children: [jsxRuntime.jsx(applicationComponents.PortalsContainer, {}), jsxRuntime.jsxs(reactRouterDom.Switch, {
@@ -4234,7 +4146,8 @@ var RestrictedApplication = function RestrictedApplication(props) {
                                 user: user,
                                 match: routerProps.match,
                                 location: routerProps.location,
-                                environment: applicationEnvironment // This effectively renders the
+                                environment: applicationEnvironment,
+                                disableRoutePermissionCheck: props.disableRoutePermissionCheck // This effectively renders the
                                 // children, which is the application
                                 // specific part
                                 ,
@@ -4293,8 +4206,7 @@ var ApplicationShell = function ApplicationShell(props) {
                 render: props.render,
                 applicationMessages: props.applicationMessages,
                 onMenuItemClick: props.onMenuItemClick,
-                DEV_ONLY__loadAppbarMenuConfig: props.DEV_ONLY__loadAppbarMenuConfig,
-                DEV_ONLY__loadNavbarMenuConfig: props.DEV_ONLY__loadNavbarMenuConfig,
+                disableRoutePermissionCheck: props.disableRoutePermissionCheck,
                 children: props.children
               })
             })]