@commercetools-frontend/application-shell 21.23.10 → 21.24.1

package/dist/index-37414a3f.cjs.prod.js

@@ -1,4643 +0,0 @@
-'use strict';
-
-var applicationEntryPoint = require('./application-entry-point-307baa50.cjs.prod.js');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _styled = require('@emotion/styled/base');
-var _pt = require('prop-types');
-var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
-var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
-var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
-var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
-var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
-var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
-var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-var react = require('react');
-var reactRouterDom = require('react-router-dom');
-var react$2 = require('@emotion/react');
-var constants$1 = 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 constants = require('./constants-88fb9ef8.cjs.prod.js');
-var uuid = require('uuid');
-var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var Perfume = require('perfume.js');
-var _reverseInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
-var camelcase = require('lodash/camelCase');
-var react$1 = require('@apollo/client/react');
-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-1c91f5ee.cjs.prod.js');
-var qss = require('qss');
-var jwtDecode = require('jwt-decode');
-var FailedAuthenticationSVG = require('@commercetools-frontend/assets/images/locked-diamond.svg');
-var designSystem = require('@commercetools-uikit/design-system');
-var notifications = require('@commercetools-uikit/notifications');
-var Spacings = require('@commercetools-uikit/spacings');
-var Constraints = require('@commercetools-uikit/constraints');
-var Card = require('@commercetools-uikit/card');
-var Text = require('@commercetools-uikit/text');
-var FlatButton = require('@commercetools-uikit/flat-button');
-var icons = require('@commercetools-uikit/icons');
-var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
-var upperFirst = require('lodash/upperFirst');
-var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
-var CTLogoSVG = require('@commercetools-frontend/assets/images/ct-logo.svg');
-var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
-var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
-var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-var UnexpectedErrorSVG = require('@commercetools-frontend/assets/images/icecream.svg');
-var l10n = require('@commercetools-frontend/l10n');
-var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-var sdk = require('@commercetools-frontend/sdk');
-var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
-var LogoSVG = require('@commercetools-frontend/assets/images/logo.svg');
-var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var Downshift = require('downshift');
-var reactBroadcast = require('@flopflip/react-broadcast');
-var Avatar = require('@commercetools-uikit/avatar');
-var AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
-var client = require('@apollo/client');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var memoize = require('memoize-one');
-var SelectInput = require('@commercetools-uikit/select-input');
-var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-var ReactDOM = require('react-dom');
-var isNil = require('lodash/isNil');
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
-var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
-var _Object$fromEntries = require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
-var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flags');
-var ldAdapter = require('@flopflip/launchdarkly-adapter');
-var httpAdapter = require('@flopflip/http-adapter');
-var combineAdapters = require('@flopflip/combine-adapters');
-require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
-var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
-var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
-var classnames = require('classnames');
-var InlineSvg = require('@commercetools-uikit/icons/inline-svg');
-var MissingImageSvg = require('@commercetools-frontend/assets/images/diagonal-line.svg');
-var permissions = require('@commercetools-frontend/permissions');
-var throttle = require('lodash/throttle');
-var urlUtils = require('@commercetools-frontend/url-utils');
-require('@commercetools-uikit/design-system/materials/resets.css');
-var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
-var actionsGlobal = require('@commercetools-frontend/actions-global');
-require('@commercetools-frontend/application-config/ssr');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var _pt__default = /*#__PURE__*/_interopDefault(_pt);
-var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
-var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
-var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
-var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
-var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
-var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
-var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
-var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
-var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
-var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
-var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
-var _URL__default = /*#__PURE__*/_interopDefault(_URL);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var Perfume__default = /*#__PURE__*/_interopDefault(Perfume);
-var _reverseInstanceProperty__default = /*#__PURE__*/_interopDefault(_reverseInstanceProperty);
-var camelcase__default = /*#__PURE__*/_interopDefault(camelcase);
-var history__default = /*#__PURE__*/_interopDefault(history);
-var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
-var jwtDecode__default = /*#__PURE__*/_interopDefault(jwtDecode);
-var FailedAuthenticationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthenticationSVG);
-var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
-var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
-var Card__default = /*#__PURE__*/_interopDefault(Card);
-var Text__default = /*#__PURE__*/_interopDefault(Text);
-var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
-var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
-var LoadingSpinner__default = /*#__PURE__*/_interopDefault(LoadingSpinner);
-var CTLogoSVG__default = /*#__PURE__*/_interopDefault(CTLogoSVG);
-var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
-var UnexpectedErrorSVG__default = /*#__PURE__*/_interopDefault(UnexpectedErrorSVG);
-var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
-var LogoSVG__default = /*#__PURE__*/_interopDefault(LogoSVG);
-var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
-var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
-var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
-var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
-var memoize__default = /*#__PURE__*/_interopDefault(memoize);
-var SelectInput__default = /*#__PURE__*/_interopDefault(SelectInput);
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-var isNil__default = /*#__PURE__*/_interopDefault(isNil);
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
-var _Object$fromEntries__default = /*#__PURE__*/_interopDefault(_Object$fromEntries);
-var _flagsInstanceProperty__default = /*#__PURE__*/_interopDefault(_flagsInstanceProperty);
-var ldAdapter__default = /*#__PURE__*/_interopDefault(ldAdapter);
-var httpAdapter__default = /*#__PURE__*/_interopDefault(httpAdapter);
-var combineAdapters__default = /*#__PURE__*/_interopDefault(combineAdapters);
-var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
-var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-var InlineSvg__default = /*#__PURE__*/_interopDefault(InlineSvg);
-var MissingImageSvg__default = /*#__PURE__*/_interopDefault(MissingImageSvg);
-var throttle__default = /*#__PURE__*/_interopDefault(throttle);
-var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
-
-function selectProjectKeyFromLocalStorage() {
-  return window.localStorage.getItem(constants.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
-}
-
-var getPreviousProjectKey = function getPreviousProjectKey(defaultProjectKeyOfUser) {
-  var previouslyUsedProjectKeyFromLocalStorage = selectProjectKeyFromLocalStorage();
-  if (previouslyUsedProjectKeyFromLocalStorage) return previouslyUsedProjectKeyFromLocalStorage;
-  if (defaultProjectKeyOfUser) return defaultProjectKeyOfUser;
-  return;
-};
-
-var createApolloContextForProxyForwardTo = function createApolloContextForProxyForwardTo(proxyForwardTocontext) {
-  return {
-    // Send the request to the forward-to endpoint.
-    uri: "".concat(applicationEntryPoint.getMcApiUrl(), "/proxy/forward-to"),
-    // Custom properties to be used by the "header-link".
-    forwardToConfig: proxyForwardTocontext,
-    skipGraphQlTargetCheck: true
-  };
-};
-
-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 isCachedDataLocaleIncludedInProjectLanguages = _includesInstanceProperty__default["default"](projectLocales).call(projectLocales, cachedDataLocale || '');
-
-  if (cachedDataLocale && isCachedDataLocaleIncludedInProjectLanguages) return cachedDataLocale; // Pick the first locale from the list
-
-  var defaultDataLocaleForProject = projectLocales[0]; // Cache it
-
-  window.localStorage.setItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE, defaultDataLocaleForProject);
-  return defaultDataLocaleForProject;
-};
-
-var ProjectDataLocale = function ProjectDataLocale(props) {
-  var _useState = react.useState(getSelectedDataLocaleForProject(props.locales)),
-      _useState2 = _slicedToArray(_useState, 2),
-      locale = _useState2[0],
-      setLocale = _useState2[1];
-
-  var handleSetProjectDataLocale = react.useCallback(function (locale) {
-    setLocale(locale); // Cache it
-
-    window.localStorage.setItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE, locale);
-  }, []);
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: props.children({
-      locale: locale,
-      setProjectDataLocale: handleSetProjectDataLocale
-    })
-  });
-};
-
-ProjectDataLocale.propTypes = {
-  locales: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired,
-  children: _pt__default["default"].func.isRequired
-};
-ProjectDataLocale.displayName = 'ProjectDataLocale';
-
-function ownKeys$g(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$g(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$g(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-var isPlainTrackingListValue = function isPlainTrackingListValue(value) {
-  return typeof value === 'string';
-};
-
-var isObjectTrackingListValue = function isObjectTrackingListValue(value) {
-  return typeof value === 'object';
-};
-
-var isHtmlElement = function isHtmlElement(node) {
-  return node.dataset !== undefined;
-};
-
-var getDataAttribute = function getDataAttribute(node, key) {
-  if (isHtmlElement(node)) {
-    var camelKey = camelcase__default["default"](key.replace(/^data-/, ''));
-    return node.dataset[camelKey];
-  }
-
-  return undefined;
-};
-
-var isGtmEnabled = function isGtmEnabled() {
-  return window.dataLayer && window.app.trackingGtm && window.app.trackingGtm !== 'null';
-}; // The way that tracking works is like so:
-//
-// `data-track-component`: used to set up the hierarchy of the tracking ID.
-// `data-track-event`: if this attribute exists, track the event.
-// `data-track-strict`: if this exists, do not handle event bubbling.
-// `data-track-label`: additional meta information.
-// Listing and mapping certain generated event names to hardcoded events.
-// They should be keyed by generated name, valued by hardcoded name.
-
-
-var defaultEventList = {
-  LanguageSwitch: 'LanguageSwitch',
-  ProjectSwitch: 'ProjectSwitch',
-  ForgotPassword: 'ForgotPassword'
-};
-
-var logTracking = function logTracking(_ref) {
-  var _context, _context2;
-
-  var action = _ref.action,
-      category = _ref.category,
-      label = _ref.label,
-      variable = _ref.variable,
-      value = _ref.value;
-
-  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    isIgnored: false
-  },
-      isIgnored = _ref2.isIgnored;
-
-  var groupName = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "%cGTM ".concat(isIgnored ? '%cignoring' : '%cperforming', " %ctracking %c")).call(_context2, category, " %c")).call(_context, label || '');
-
-  applicationEntryPoint.logger.groupCollapsed(groupName, 'color: gray; font-weight: bold;', "color: ".concat(isIgnored ? 'orangered' : 'seagreen', "; font-weight: lighter;"), 'color: gray; font-weight: lighter;', 'color: goldenrod; font-style: normal;', 'color: cornflowerblue; font-style: normal;');
-  if (action) applicationEntryPoint.logger.log('%caction', 'color: cadetblue;', action);
-  if (variable) applicationEntryPoint.logger.log('%cvariable', 'color: cadetblue;', variable);
-  if (typeof value === 'number') applicationEntryPoint.logger.log('%cvalue', 'color: red;', value);
-  applicationEntryPoint.logger.log('%ccategory', 'color: goldenrod; font-weight: bold;', category);
-  if (label) applicationEntryPoint.logger.log('%clabel', 'color: cornflowerblue; font-weight: bold;', label);
-  applicationEntryPoint.logger.groupEnd();
-};
-
-var track = function track(action, category, label) {
-  if (!window.dataLayer) return;
-  logTracking({
-    action: action,
-    category: category,
-    label: label
-  }); // sends event to google tag manager based on the mapping defined there
-  // the mapped event is then forwarded to google analytics
-
-  window.dataLayer.push({
-    event: 'TrackingEvent',
-    trackingCategory: category,
-    trackingAction: action,
-    trackingLabel: label // trackingValue: metadata # TODO: use `custom dimensions`
-
-  });
-};
-var trackTiming = function trackTiming(_ref3) {
-  var category = _ref3.category,
-      variable = _ref3.variable,
-      value = _ref3.value,
-      label = _ref3.label;
-
-  if (isGtmEnabled()) {
-    logTracking({
-      variable: variable,
-      value: value,
-      category: category,
-      label: label
-    });
-    window.dataLayer.push({
-      event: 'TimingEvent',
-      trackingCategory: category,
-      trackingVariable: variable,
-      trackingValue: value,
-      trackingLabel: label
-    });
-  }
-}; // Track custom dimensions
-
-var trackApplicationName = function trackApplicationName(applicationName) {
-  if (isGtmEnabled()) window.dataLayer.push({
-    applicationName: applicationName
-  });
-};
-var trackProjectKey = function trackProjectKey(projectKey) {
-  if (isGtmEnabled() && projectKey) window.dataLayer.push({
-    projectKey: projectKey
-  });
-};
-var trackUserBusinessRole = function trackUserBusinessRole(userBusinessRole) {
-  if (isGtmEnabled() && userBusinessRole) {
-    window.dataLayer.push({
-      userBusinessRole: userBusinessRole
-    });
-  }
-}; // Sometimes necessary to manually get the hierarchy.
-
-var getHierarchy = function getHierarchy(node) {
-  var hierarchy = [];
-  var parent = node;
-
-  while (parent) {
-    var dataTrackComponent = getDataAttribute(parent, 'data-track-component');
-    if (dataTrackComponent) hierarchy.push(dataTrackComponent);
-    parent = parent.parentNode;
-  }
-
-  _reverseInstanceProperty__default["default"](hierarchy).call(hierarchy);
-
-  return hierarchy.join('-');
-};
-
-var eventHandler = function eventHandler(name, trackingEventList) {
-  return function (event) {
-    if (!event.target) return;
-    var hierarchy = [];
-    var trackEvent;
-    var trackLabel;
-    var trackStrict;
-    var node = event.target;
-    var originalNode = node; // Traverse the target elements' parents to find a `data-track` attribute,
-    // and if none is found then do nothing.
-
-    while (node) {
-      var dataTrackComponent = getDataAttribute(node, 'data-track-component');
-      var dataTrackEvent = getDataAttribute(node, 'data-track-event');
-      var dataTrackLabel = getDataAttribute(node, 'data-track-label');
-      var dataTrackStrict = getDataAttribute(node, 'data-track-strict');
-
-      if (dataTrackEvent && (!dataTrackStrict || originalNode === node)) {
-        trackEvent = dataTrackEvent;
-        trackLabel = dataTrackLabel;
-        trackStrict = dataTrackStrict;
-        if (trackStrict) hierarchy.push(trackStrict);
-      }
-
-      if (dataTrackComponent) hierarchy.push(dataTrackComponent);
-      node = node.parentNode || null;
-    }
-
-    if (!trackEvent) return;
-    if (trackEvent !== name) return;
-
-    var hierarchyKey = _reverseInstanceProperty__default["default"](hierarchy).call(hierarchy).join('-'); // The event map also serves as an allow list. This is really not intuitive
-    // by looking at the name.
-    // Since we don't want to have all caught events to be sent automatically
-    // but only certain events that we are interesting in actually tracking
-    // there is a list of events that specifies which events should be
-    // sent to Google Tag manager
-    // Every application of the Merchant Center should maintain its own list of
-    // events it wants to be tracked. This list is passed in via the
-    // `trackingEventList` parameter that needs to be merged with the
-    // default event list.
-    // The default list contains all events that are not generated by a
-    // specific application, but by parts of the application shell itself like the
-    // menu or the profile view.
-
-
-    var eventList = _objectSpread$g(_objectSpread$g({}, defaultEventList), trackingEventList);
-
-    var eventValue = eventList[hierarchyKey]; // This checks:
-    // 1. if the event is in the allow list and is a string, map it
-    // 2. if the event is in the allow list, is an object,
-    //   and there is a matching key, then map to the value
-    // 3. if the event is not in the allow list then don't track
-
-    if (isPlainTrackingListValue(eventValue)) hierarchyKey = eventValue;else if (isObjectTrackingListValue(eventValue) && trackLabel && trackLabel in eventValue) hierarchyKey = eventValue[trackLabel];else {
-      logTracking({
-        action: trackEvent,
-        category: typeof hierarchyKey === 'object' && trackLabel ? hierarchyKey[trackLabel] : hierarchyKey,
-        label: trackLabel
-      }, {
-        isIgnored: true
-      });
-      return;
-    }
-    logTracking({
-      action: trackEvent,
-      category: typeof hierarchyKey === 'object' && trackLabel ? hierarchyKey[trackLabel] : hierarchyKey,
-      label: trackLabel
-    });
-    track(trackEvent, hierarchyKey, trackLabel);
-  };
-};
-
-var events = ['click', 'change', 'drop'];
-var boot = function boot(trackingEventList) {
-  _forEachInstanceProperty__default["default"](events).call(events, function (event) {
-    var handler = eventHandler(event, trackingEventList);
-    window.addEventListener(event, handler, true);
-  });
-};
-var updateUser = function updateUser(userId) {
-  if (isGtmEnabled()) window.dataLayer.push({
-    userId: userId
-  });
-};
-var stopTrackingUser = function stopTrackingUser() {
-  if (isGtmEnabled()) window.dataLayer.push({
-    userId: undefined
-  });
-};
-
-// https://github.com/Zizzamia/perfume.js#quick-start
-var mapMetricToLabel = function mapMetricToLabel(metricName) {
-  switch (metricName) {
-    case 'storageEstimate':
-      return 'storageEstimate';
-
-    case 'fp':
-      return 'firstPaint';
-
-    case 'fcp':
-      return 'firstContentfulPaint';
-
-    case 'fid':
-      return 'firstInputDelay';
-
-    case 'lcp':
-      return 'largestContentfulPaint';
-
-    case 'lcpFinal':
-      return 'largestContentfulPaintFinal';
-
-    case 'cls':
-      return 'cumulativeLayoutShift';
-
-    case 'clsFinal':
-      return 'cumulativeLayoutShiftFinal';
-
-    case 'tbt':
-      return 'totalBlockingTime';
-
-    case 'tbt5S':
-      return 'totalBlockingTime5S';
-
-    case 'tbt10S':
-      return 'totalBlockingTime10S';
-
-    case 'tbtFinal':
-      return 'totalBlockingTimeFinal';
-
-    default:
-      return metricName;
-  }
-};
-
-var trackPerformance = function trackPerformance() {
-  new Perfume__default["default"]({
-    analyticsTracker: function analyticsTracker(_ref) {
-      var metricName = _ref.metricName,
-          data = _ref.data;
-
-      switch (metricName) {
-        case 'fp':
-        case 'fcp':
-        case 'fid':
-        case 'lcp':
-        case 'lcpFinal':
-        case 'cls':
-        case 'clsFinal':
-        case 'tbt':
-        case 'tbt10S':
-        case 'tbtFinal':
-          {
-            var paintValue = data;
-            trackTiming({
-              category: 'Loading Performance',
-              variable: mapMetricToLabel(metricName),
-              value: paintValue
-            });
-            break;
-          }
-        // Navigation Timing collects performance metrics for the life and
-        // timings of a network request.
-
-        case 'navigationTiming':
-          {
-            var navigationTiming = data;
-            trackTiming({
-              category: 'Navigation Timing',
-              variable: metricName,
-              value: navigationTiming.fetchTime,
-              label: 'Fetch time'
-            });
-            trackTiming({
-              category: 'Navigation Timing',
-              variable: metricName,
-              value: navigationTiming.timeToFirstByte,
-              label: 'Time To First Byte'
-            });
-            trackTiming({
-              category: 'Navigation Timing',
-              variable: metricName,
-              value: navigationTiming.dnsLookupTime,
-              label: 'DNS lookup time'
-            });
-            trackTiming({
-              category: 'Navigation Timing',
-              variable: metricName,
-              value: navigationTiming.totalTime,
-              label: 'Total time'
-            });
-            break;
-          }
-        // Resource Timing collects performance metrics for document-dependent resources.
-        // Stuff like style sheets, scripts, images, et cetera. Perfume helps expose all
-        // PerformanceResourceTiming entries and group data data consumption by Kb used.
-        // https://zizzamia.github.io/perfume/#/resource-timing/
-
-        case 'dataConsumption':
-          {
-            var dataConsumption = data;
-            trackTiming({
-              category: 'Resource Timing',
-              variable: metricName,
-              value: dataConsumption.css,
-              label: 'CSS'
-            });
-            trackTiming({
-              category: 'Resource Timing',
-              variable: metricName,
-              value: dataConsumption.script,
-              label: 'Script'
-            });
-            trackTiming({
-              category: 'Resource Timing',
-              variable: metricName,
-              value: dataConsumption.script,
-              label: 'Total '
-            });
-            break;
-          }
-      }
-    }
-  });
-};
-
-trackPerformance();
-
-var hideAppLoader = function hideAppLoader() {
-  /**
-   * NOTE:
-   *   This function is defined in the `index.html` in a script-tag
-   *   by the `html-template.js` in the `mc-scripts`. There are
-   *   alternative ways of acheiving this namely:
-   *   1. Using custom events and dispatching here
-   *     - Not supported in IE11 and would need a polyfill
-   *   2. Removing the DOM node here
-   *     - Both `index.html` and this component would have to
-   *       now the div's id/class. If one would change the index.html
-   *       the app would never show (always show the loading screen)
-   */
-  if (window.onAppLoaded) window.onAppLoaded();
-};
-
-var ConfigureIntlProvider = function ConfigureIntlProvider(props) {
-  react.useEffect(function () {
-    if (props.locale) {
-      hideAppLoader();
-    }
-  }, [props.locale]);
-
-  if (!props.locale) {
-    return null;
-  }
-
-  return jsxRuntime.jsx(reactIntl.IntlProvider, {
-    locale: props.locale,
-    messages: props.messages,
-    children: props.children
-  });
-};
-
-ConfigureIntlProvider.propTypes = {};
-ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
-
-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);
-  }).join(' ');
-};
-
-var hasCachedAuthenticationState = function hasCachedAuthenticationState() {
-  var _window$app$__DEVELOP, _window$app$__DEVELOP2;
-
-  if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.authorizeUrl) {
-    try {
-      var _window$app$__DEVELOP9, _window$app$__DEVELOP10, _window$app$__DEVELOP11, _window$app$__DEVELOP12, _window$app$__DEVELOP13, _window$app$__DEVELOP14;
-
-      var activeProjectKey = applicationEntryPoint.getActiveProjectKey();
-
-      if (activeProjectKey) {
-        var _window$app$__DEVELOP3, _window$app$__DEVELOP4;
-
-        // GIVEN The application is not requesting a project key,
-        // THEN we assume that the application does not need a project context.
-        // GIVEN The application is not requesting a project key,
-        // THEN we remove the cached project key.
-        // This is the case of an application like `account`.
-        if (!((_window$app$__DEVELOP3 = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP3 !== void 0 && (_window$app$__DEVELOP4 = _window$app$__DEVELOP3.oidc) !== null && _window$app$__DEVELOP4 !== void 0 && _window$app$__DEVELOP4.initialProjectKey)) {
-          applicationEntryPoint.removeActiveProjectKey();
-        }
-      } else {
-        var _window$app$__DEVELOP5, _window$app$__DEVELOP6;
-
-        if ((_window$app$__DEVELOP5 = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP5 !== void 0 && (_window$app$__DEVELOP6 = _window$app$__DEVELOP5.oidc) !== null && _window$app$__DEVELOP6 !== void 0 && _window$app$__DEVELOP6.initialProjectKey) {
-          var _window$app$__DEVELOP7, _window$app$__DEVELOP8;
-
-          // Here we store the initial project key in local storage,
-          // so that it gets picked up when we initiate the login flow.
-          applicationEntryPoint.setActiveProjectKey((_window$app$__DEVELOP7 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP7 === void 0 ? void 0 : (_window$app$__DEVELOP8 = _window$app$__DEVELOP7.oidc) === null || _window$app$__DEVELOP8 === void 0 ? void 0 : _window$app$__DEVELOP8.initialProjectKey);
-        }
-      } // cachedScope is assumed to be the exact cached version of the `requestedScope`
-      // if they don't match, then we know that one of the claims within the scope has changed
-      // given a change, we need to force the user to log in, so that new values on respective claim
-      // will apply for the given custom application
-
-
-      var cachedScope = applicationEntryPoint.getSessionScope(); // Force the user to log in again
-
-      if (!cachedScope) {
-        return false;
-      } // Rebuild the requested OIDC scope to verify that it didn't change.
-
-
-      var requestedScope = oidc.buildOidcScope({
-        projectKey: activeProjectKey !== null && activeProjectKey !== void 0 ? activeProjectKey : undefined,
-        oAuthScopes: (_window$app$__DEVELOP9 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP9 === void 0 ? void 0 : (_window$app$__DEVELOP10 = _window$app$__DEVELOP9.oidc) === null || _window$app$__DEVELOP10 === void 0 ? void 0 : _window$app$__DEVELOP10.oAuthScopes,
-        additionalOAuthScopes: (_window$app$__DEVELOP11 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP11 === void 0 ? void 0 : (_window$app$__DEVELOP12 = _window$app$__DEVELOP11.oidc) === null || _window$app$__DEVELOP12 === void 0 ? void 0 : _window$app$__DEVELOP12.additionalOAuthScopes,
-        teamId: (_window$app$__DEVELOP13 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP13 === void 0 ? void 0 : (_window$app$__DEVELOP14 = _window$app$__DEVELOP13.oidc) === null || _window$app$__DEVELOP14 === void 0 ? void 0 : _window$app$__DEVELOP14.teamId
-      }); // Omit the project key from the check. This allows to switch projects
-      // without having to log in again.
-
-      var cachedScopeWithoutProjectKey = withoutProjectKeyClaim(cachedScope);
-      var requestedScopeWithoutProjectKey = withoutProjectKeyClaim(requestedScope); // Check that the session scope didn't change.
-
-      if (cachedScopeWithoutProjectKey === requestedScopeWithoutProjectKey) {
-        return true;
-      }
-
-      return false;
-    } catch (err) {
-      return false;
-    }
-  }
-
-  return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
-};
-
-function useMcQuery(query, options) {
-  return react$1.useQuery(query, options);
-}
-
-function useMcLazyQuery(query, options) {
-  return react$1.useLazyQuery(query, options);
-}
-
-function useMcMutation(mutation, options) {
-  return react$1.useMutation(mutation, options);
-} // Custom Apollo query/mutation wrappers, useful to take advantage
-
-var AmILoggedInQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "AmILoggedIn" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "amILoggedIn" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 36, source: { body: "query AmILoggedIn {\n  amILoggedIn\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-
-var AmILoggedIn = function AmILoggedIn(props) {
-  // ...otherwise, we ping a "secured" endpoint in the MC API to see if there is
-  // a valid access token. If we get an error, we assume that the user is not
-  // authenticated. If we don't get any error, the access token sent with the cookie
-  // is valid. We return null while the query is loading.
-  var _useMcQuery = useMcQuery(AmILoggedInQuery, {
-    context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
-      skipTokenRetry: true
-    },
-    // NOTE: With `no-cache` the `useQuery` will not trigger a
-    // re-render of the `AmILoggedIn` component. Relying on a default
-    // fetch policy results in rendering the component without refetching the data
-    // which as a result unmounts child components (such as an application).
-    //
-    // For example:
-    // Given the user not authenticated
-    // Then the first pass of useQuery returns an exptected error
-    // Given the query is triggered again (through `useQuery`)
-    // Then the component will re-render
-    // Resulting in inconsistent data with the error not being defined
-    fetchPolicy: 'no-cache',
-    onCompleted: function onCompleted(data) {
-      if (!data) {
-        // In case the request is 200 but there is no data, we assume
-        // there are some errors.
-        window.localStorage.removeItem(constants.STORAGE_KEYS.IS_AUTHENTICATED);
-      } else {
-        // Even though the login page might set this flag, we just make sure that
-        // we do it here as well. This will help in the future when we eventually
-        // move the auth service to itw own domain, in which case the local storage
-        // is not shared anymore.
-        window.localStorage.setItem(constants.STORAGE_KEYS.IS_AUTHENTICATED, String(true));
-      }
-    },
-    onError: 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);
-    }
-  }),
-      data = _useMcQuery.data,
-      loading = _useMcQuery.loading,
-      error = _useMcQuery.error;
-
-  if (error) {
-    // No matter what error, we consider it as a failed authentication
-    return jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: props.render({
-        isAuthenticated: false
-      })
-    });
-  }
-
-  if (!loading && data && data.amILoggedIn) {
-    return jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: props.render({
-        isAuthenticated: true
-      })
-    });
-  }
-
-  return null;
-};
-
-AmILoggedIn.displayName = 'AmILoggedIn';
-
-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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$f(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$f(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-var redirectTo$1 = function redirectTo(targetUrl) {
-  applicationEntryPoint.location.replace(targetUrl);
-};
-
-var Redirector = function Redirector(props) {
-  var _props$origin, _props$queryParams, _enhancedLocation$que;
-
-  // For now the authentication service runs on the same domain as the application,
-  // even on development (using the webpack dev server).
-  var originUrl = (_props$origin = props.origin) !== null && _props$origin !== void 0 ? _props$origin : window.location.origin;
-  var enhancedLocation = props.location || {};
-
-  var searchQuery = _objectSpread$f(_objectSpread$f({}, (_props$queryParams = props.queryParams) !== null && _props$queryParams !== void 0 ? _props$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
-
-  var targetUrlObject = new _URL__default["default"](originUrl);
-  targetUrlObject.pathname = props.to || targetUrlObject.pathname;
-  targetUrlObject.search = "?".concat(qss.encode(searchQuery));
-  var targetUrl = targetUrlObject.toString();
-  react.useEffect(function () {
-    redirectTo$1(targetUrl);
-  }, [targetUrl]);
-  return null;
-};
-
-Redirector.propTypes = {
-  to: _pt__default["default"].string.isRequired,
-  origin: _pt__default["default"].string,
-  queryParams: _pt__default["default"].shape({
-    redirectTo: _pt__default["default"].string,
-    client_id: _pt__default["default"].string,
-    response_type: _pt__default["default"].string,
-    scope: _pt__default["default"].string,
-    state: _pt__default["default"].string,
-    nonce: _pt__default["default"].string
-  })
-};
-Redirector.displayName = 'Redirector';
-
-var Divider = /*#__PURE__*/_styled__default["default"]("div", {
-  target: "e57nw7s0"
-} )("box-sizing:border-box;width:100%;margin:0;border:0;border-style:solid;border-top-width:1px;border-top-color:", designSystem.customProperties.colorNeutral, ";" + ("" ));
-
-var AuthCallbackErrorPage = function AuthCallbackErrorPage(props) {
-  var history = reactRouterDom.useHistory();
-  return jsxRuntime.jsx(i18n.AsyncLocaleData, {
-    locale: props.locale,
-    applicationMessages: props.applicationMessages,
-    children: function children(_ref) {
-      var locale = _ref.locale,
-          messages = _ref.messages;
-      return jsxRuntime.jsx(ConfigureIntlProvider, {
-        locale: locale,
-        messages: messages,
-        children: jsxRuntime.jsx(applicationComponents.PublicPageLayout, {
-          contentScale: "wide",
-          children: jsxRuntime.jsx(Spacings__default["default"].Inline, {
-            justifyContent: "center",
-            children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
-              max: 11,
-              children: jsxRuntime.jsx(Card__default["default"], {
-                insetScale: "xl",
-                children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
-                  scale: "l",
-                  children: [jsxRuntime.jsx(Spacings__default["default"].Inline, {
-                    justifyContent: "center",
-                    children: jsxRuntime.jsx("img", {
-                      src: FailedAuthenticationSVG__default["default"],
-                      alt: "Failed authentication"
-                    })
-                  }), jsxRuntime.jsx(Text__default["default"].Headline, {
-                    as: "h2",
-                    children: 'Authentication error'
-                  }), jsxRuntime.jsx(notifications.ContentNotification, {
-                    type: "error",
-                    children: jsxRuntime.jsx(Spacings__default["default"].Stack, {
-                      scale: "m",
-                      children: jsxRuntime.jsx(Text__default["default"].Body, {
-                        children: props.message
-                      })
-                    })
-                  }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
-                    scale: "m",
-                    children: [jsxRuntime.jsx(Divider, {}), jsxRuntime.jsx(FlatButton__default["default"], {
-                      label: "Try log in again",
-                      icon: jsxRuntime.jsx(icons.AngleLeftIcon, {}),
-                      onClick: function onClick() {
-                        history.push('/');
-                      }
-                    })]
-                  })]
-                })
-              })
-            })
-          })
-        })
-      });
-    }
-  });
-};
-
-AuthCallbackErrorPage.displayName = 'AuthCallbackErrorPage';
-
-var OidcCallback = function OidcCallback(props) {
-  var location = reactRouterDom.useLocation();
-  var errorMessage;
-  var fragments = qss.decode(location.hash.substring(1)); // Validate the nonce (coming as a `state` parameter)
-  // By trying to load the related session state, we can implicitly check if the nonce is correct or not.
-
-  var sessionState = applicationEntryPoint.getSessionState(fragments.state);
-  var sessionToken = fragments.sessionToken;
-  var decodedSessionToken;
-
-  try {
-    if (sessionToken) {
-      decodedSessionToken = jwtDecode__default["default"](sessionToken);
-    } else {
-      errorMessage = 'Invalid client session (missing sessionToken)';
-    }
-  } catch (err) {
-    if (err instanceof Error) {
-      errorMessage = err.message;
-    } else {
-      errorMessage = 'Unknown error';
-    }
-  }
-
-  if (!errorMessage) {
-    var _decodedSessionToken;
-
-    var hasValidSessionId = ((_decodedSessionToken = decodedSessionToken) === null || _decodedSessionToken === void 0 ? void 0 : _decodedSessionToken.nonce) === fragments.state;
-    var hasValidApplicationId = window.app.applicationId === (sessionState === null || sessionState === void 0 ? void 0 : sessionState.applicationId);
-
-    if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
-      errorMessage = 'Invalid client session';
-    }
-  }
-
-  if (errorMessage) {
-    return jsxRuntime.jsx(AuthCallbackErrorPage, {
-      message: errorMessage,
-      locale: props.locale,
-      applicationMessages: props.applicationMessages
-    });
-  }
-
-  applicationEntryPoint.setActiveSession(sessionToken);
-
-  if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
-    try {
-      var redirectToUrl = new _URL__default["default"](sessionState.query.redirectTo);
-      return jsxRuntime.jsx(Redirector, {
-        to: redirectToUrl.pathname
-      });
-    } catch (error) {
-      console.warn("Invalid \"redirectTo\" URL", sessionState.query.redirectTo); // ignore
-    }
-  }
-
-  return jsxRuntime.jsx(Redirector, {
-    to: location.pathname.replace('/oidc/callback', '')
-  });
-};
-
-OidcCallback.displayName = 'OidcCallback';
-
-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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$e(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$e(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-var Authenticated = function Authenticated(props) {
-  var _window$app$__DEVELOP, _window$app$__DEVELOP2;
-
-  // We attempt to see if the user was already authenticated by looking
-  // at the "cached" flag in local storage.
-  var cachedAuthenticationState = hasCachedAuthenticationState();
-
-  if (cachedAuthenticationState) {
-    return jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: props.render({
-        isAuthenticated: true
-      })
-    });
-  } // When using the OIDC workflow, we always return false, to trigger
-  // the redirect to the login page.
-
-
-  if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.authorizeUrl) {
-    return jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: props.render({
-        isAuthenticated: false
-      })
-    });
-  } // Fall back to check for cookie-based authentication.
-
-
-  return jsxRuntime.jsx(AmILoggedIn, _objectSpread$e({}, props));
-};
-
-Authenticated.displayName = 'Authenticated';
-
-var AuthenticationRoutes = function AuthenticationRoutes(props) {
-  return jsxRuntime.jsxs(reactRouterDom.Switch, {
-    children: [jsxRuntime.jsx(reactRouterDom.Route, {
-      path: "/account/oidc/callback",
-      children: jsxRuntime.jsx(OidcCallback, {
-        locale: props.locale,
-        applicationMessages: props.applicationMessages
-      })
-    }), jsxRuntime.jsx(reactRouterDom.Route, {
-      path: "/:projectKey/".concat(window.app.entryPointUriPath, "/oidc/callback"),
-      children: jsxRuntime.jsx(OidcCallback, {
-        locale: props.locale,
-        applicationMessages: props.applicationMessages
-      })
-    }), jsxRuntime.jsx(reactRouterDom.Route, {
-      children: jsxRuntime.jsx(Authenticated, _objectSpread$e({}, props))
-    })]
-  });
-};
-
-AuthenticationRoutes.displayName = 'AuthenticationRoutes';
-
-var trackingEventList = {
-  'Navigation-Categories': 'Navigation-Categories',
-  'Navigation-CategoriesSearch': 'Navigation-CategoriesSearch',
-  'Navigation-AddCategory': 'Navigation-AddCategory',
-  'Navigation-Customers': 'Navigation-Customers',
-  'Navigation-AddCustomer': 'Navigation-AddCustomer',
-  'Navigation-Dashboard': 'Navigation-Dashboard',
-  'Navigation-ProductDiscounts': 'Navigation-ProductDiscounts',
-  'Navigation-AddDiscount': 'Navigation-AddDiscount',
-  'Navigation-CartDiscounts': 'Navigation-CartDiscounts',
-  'Navigation-Orders': 'Navigation-Orders',
-  'Navigation-Products': 'Navigation-Products',
-  'Navigation-ProductList': 'Navigation-ProductList',
-  'Navigation-AddProduct': 'Navigation-AddProduct',
-  'Navigation-DirectAccess': 'Navigation-DirectAccess',
-  'Navigation-Taxes': 'Navigation-Taxes',
-  'Navigation-Support-links': 'Navigation-Support-links'
-};
-
-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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$d(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$d(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-// Expose a Context with the tracking functions.
-// This context can be used by consumers to access the values by either:
-// 1. using `<GtmContext.Consumer>`
-// 2. `static contextType = GtmContext;`
-// NOTE: we do not need to define a `GtmContext.Provider`, as React will
-// fall back to the default value defined, when the context was created,
-// in case the component does not have a matching Provider above in the tree.
-// https://reactjs.org/docs/context.html#reactcreatecontext
-var GtmContext = /*#__PURE__*/react.createContext({
-  track: track,
-  getHierarchy: getHierarchy,
-  trackUserBusinessRole: trackUserBusinessRole
-});
-
-var GtmBooter = function GtmBooter(props) {
-  react.useEffect(function () {
-    // We don't need any user data to start using GTM, for example for
-    // tracking page views and flows when the user is not logged in.
-    boot(_objectSpread$d(_objectSpread$d({}, trackingEventList), props.trackingEventList)); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: props.children
-  });
-};
-
-GtmBooter.propTypes = {
-  trackingEventList: _pt__default["default"].objectOf(_pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].objectOf(_pt__default["default"].string)])).isRequired,
-  children: _pt__default["default"].node.isRequired
-};
-GtmBooter.displayName = 'GtmBooter';
-
-var maxTitleCharLength = 24;
-var staticPaths = ['account', 'login'];
-var defaultProps$1 = {
-  additionalParts: []
-};
-
-var getPageTitle = function getPageTitle(pathname, additionalParts) {
-  var _context2;
-
-  var _pathname$split = pathname.split('/'),
-      _pathname$split2 = _slicedToArray(_pathname$split, 3),
-      projectKeyOrStaticPath = _pathname$split2[1],
-      entryPointUriPath = _pathname$split2[2];
-
-  var customTitleParts = _mapInstanceProperty__default["default"](additionalParts).call(additionalParts, function (titlePart) {
-    if (titlePart.length <= maxTitleCharLength) {
-      return titlePart;
-    }
-
-    return [_sliceInstanceProperty__default["default"](titlePart).call(titlePart, 0, maxTitleCharLength / 2), _sliceInstanceProperty__default["default"](titlePart).call(titlePart, titlePart.length - maxTitleCharLength / 2)].join('...');
-  });
-
-  if (_includesInstanceProperty__default["default"](staticPaths).call(staticPaths, projectKeyOrStaticPath)) {
-    var _context;
-
-    return _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(customTitleParts || []), [upperFirst__default["default"](projectKeyOrStaticPath), 'Merchant Center']).join(' - ');
-  }
-
-  return _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(customTitleParts || []), [upperFirst__default["default"](entryPointUriPath), projectKeyOrStaticPath, 'Merchant Center']).join(' - ');
-};
-
-var ApplicationPageTitle = function ApplicationPageTitle(props) {
-  var location = reactRouterDom.useLocation();
-  react.useLayoutEffect(function () {
-    var pageTitle = getPageTitle(location.pathname, props.additionalParts);
-    document.title = pageTitle;
-  }, [location.pathname, props.additionalParts]);
-  return null;
-};
-
-ApplicationPageTitle.propTypes = {
-  additionalParts: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired
-};
-ApplicationPageTitle.displayName = 'ApplicationPageTitle';
-ApplicationPageTitle.defaultProps = defaultProps$1;
-
-var ApplicationLoader = function ApplicationLoader(props) {
-  return jsxRuntime.jsxs("div", {
-    css: /*#__PURE__*/react$2.css("display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;height:100vh;padding:", designSystem.customProperties.spacingL, ";>*+*{margin:", designSystem.customProperties.spacingL, " 0 0;}" + ("" ), "" ),
-    "data-testid": "application-loader",
-    children: [jsxRuntime.jsx(LoadingSpinner__default["default"], {}), props.showLogo === true ? jsxRuntime.jsx("img", {
-      alt: "commercetools logo",
-      src: CTLogoSVG__default["default"]
-    }) : null]
-  });
-};
-
-ApplicationLoader.displayName = 'ApplicationLoader';
-
-var messages$6 = reactIntl.defineMessages({
-  title: {
-    id: 'ErrorApologizer.title',
-    defaultMessage: 'Sorry! An unexpected error occured.'
-  },
-  notifiedTeam: {
-    id: 'ErrorApologizer.notifiedTeam',
-    defaultMessage: 'Our team has been notified about this issue.'
-  }
-});
-
-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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$c(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$c(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-var ErrorApologizer = function ErrorApologizer() {
-  var intl = reactIntl.useIntl();
-  return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
-    imageSrc: UnexpectedErrorSVG__default["default"],
-    title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$c({}, messages$6.title)),
-    label: intl.formatMessage(messages$6.title),
-    paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$c({}, messages$6.notifiedTeam))
-  });
-};
-
-ErrorApologizer.displayName = 'ErrorApologizer';
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var ErrorBoundary = /*#__PURE__*/function (_Component) {
-  _inherits(ErrorBoundary, _Component);
-
-  var _super = _createSuper(ErrorBoundary);
-
-  function ErrorBoundary() {
-    var _context;
-
-    var _this;
-
-    _classCallCheck(this, ErrorBoundary);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context = [this]).call(_context, args));
-    _this.state = {
-      hasError: false
-    };
-    return _this;
-  }
-
-  _createClass(ErrorBoundary, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var hasRouteChanged = prevProps.pathname !== this.props.pathname;
-      this.setState(function (prevState) {
-        return hasRouteChanged && prevState.hasError ? {
-          hasError: false
-        } : null;
-      });
-    }
-  }, {
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, errorInfo) {
-      // Note: In development mode componentDidCatch is not based on try-catch
-      // to catch exceptions. Thus exceptions caught here will also be caught in
-      // the global `error` event listener (setup-global-error-listener.js).
-      // see: https://github.com/facebook/react/issues/10474
-      sentry.reportErrorToSentry(error, {
-        extra: errorInfo
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (this.state.hasError) {
-        return jsxRuntime.jsx(ErrorApologizer, {});
-      }
-
-      return jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: this.props.children
-      });
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function
-      /* error */
-    getDerivedStateFromError() {
-      // Update state so the next render will show the fallback UI.
-      return {
-        hasError: true
-      };
-    }
-  }]);
-
-  return ErrorBoundary;
-}(react.Component);
-
-ErrorBoundary.propTypes = {};
-
-var getBrowserLocale = function getBrowserLocale(win) {
-  var browserLocale = win && win.navigator && win.navigator.language;
-  return l10n.getSupportedLocale(browserLocale);
-};
-
-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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$b(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$b(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-/**
- * NOTE:
- *   This function try-catches around a `JSON.parse` and return
- *   the parsed value whenever possible.
- *
- *   This allows parsing most primitive values.
- *
- *   - `JSON.parse('null')` => `null`
- *   - `JSON.parse('1')` => `1`
- *   - `JSON.parse('["a", "b"]')` => `['a', 'b']`
- */
-var getCoerceEnvironmentValue = function getCoerceEnvironmentValue(environmentValueAsString) {
-  // Return the value as-is if it's not a string.
-  if (typeof environmentValueAsString !== 'string') {
-    return environmentValueAsString;
-  } // In case the value is a string, we try to parse it to attempt to extract
-  // the primitive value, if the original value is indeed supposed to be a primitive.
-  // For example, `'1'` is converted to a number, `'true'` is converted to a boolean, etc.
-
-
-  try {
-    // Strip out escaped quotes. This is mostly important to coerce an array of string
-    // with escaped quotes.
-    return JSON.parse(String(environmentValueAsString).replace(/(\\")/g, '"'));
-  } catch (e) {
-    return environmentValueAsString;
-  }
-};
-
-var shallowlyCoerceValues = function shallowlyCoerceValues(uncoercedEnvironmentValues) {
-  var _context;
-
-  return _reduceInstanceProperty__default["default"](_context = _Object$keys__default["default"](uncoercedEnvironmentValues)).call(_context, function (coercedEnvironmentValues, key) {
-    var uncoercedEnvironmentValue = uncoercedEnvironmentValues[key];
-    return _objectSpread$b(_objectSpread$b({}, coercedEnvironmentValues), {}, _defineProperty({}, key, getCoerceEnvironmentValue(uncoercedEnvironmentValue)));
-  }, {});
-};
-
-var useCoercedEnvironmentValues = function useCoercedEnvironmentValues(environment) {
-  var coercedEnvironmentValues = react.useMemo(function () {
-    return shallowlyCoerceValues(environment);
-  }, [environment]);
-  return coercedEnvironmentValues;
-};
-
-var ApplicationShellProvider = function ApplicationShellProvider(props) {
-  var apolloClient = react.useMemo(function () {
-    var _props$apolloClient;
-
-    return (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : applicationEntryPoint.createApolloClient();
-  }, [props.apolloClient]);
-  react.useEffect(function () {
-    applicationEntryPoint.setCachedApolloClient(apolloClient);
-  }, [apolloClient]);
-  var coercedEnvironmentValues = useCoercedEnvironmentValues(props.environment);
-  var browserLocale = getBrowserLocale(window);
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: jsxRuntime.jsx(ErrorBoundary, {
-      children: jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
-        environment: coercedEnvironmentValues,
-        children: jsxRuntime.jsx(reactRedux.Provider, {
-          store: applicationEntryPoint.internalReduxStore,
-          children: jsxRuntime.jsx(react$1.ApolloProvider, {
-            client: apolloClient,
-            children: jsxRuntime.jsx(react.Suspense, {
-              fallback: jsxRuntime.jsx(ApplicationLoader, {}),
-              children: jsxRuntime.jsx(reactRouterDom.Router, {
-                history: ApplicationShellProvider.history,
-                children: jsxRuntime.jsxs(GtmBooter, {
-                  trackingEventList: props.trackingEventList || {},
-                  children: [jsxRuntime.jsx(ApplicationPageTitle, {}), jsxRuntime.jsx(AuthenticationRoutes, {
-                    locale: browserLocale,
-                    applicationMessages: props.applicationMessages,
-                    render: function render(_ref) {
-                      var isAuthenticated = _ref.isAuthenticated;
-                      if (isAuthenticated) return props.children({
-                        isAuthenticated: isAuthenticated
-                      });
-                      return jsxRuntime.jsx(i18n.AsyncLocaleData, {
-                        locale: browserLocale,
-                        applicationMessages: props.applicationMessages,
-                        children: function children(_ref2) {
-                          var locale = _ref2.locale,
-                              messages = _ref2.messages;
-                          return jsxRuntime.jsx(ConfigureIntlProvider, {
-                            locale: locale,
-                            messages: messages,
-                            children: props.children({
-                              isAuthenticated: isAuthenticated
-                            })
-                          });
-                        }
-                      });
-                    }
-                  })]
-                })
-              })
-            })
-          })
-        })
-      })
-    })
-  });
-};
-
-ApplicationShellProvider.propTypes = {};
-ApplicationShellProvider.displayName = 'ApplicationShellProvider'; // This is useful to inject a custom history object during tests
-
-ApplicationShellProvider.history = history__default["default"];
-
-var LoggedInUserQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchLoggedInUser" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "gravatarHash" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "language" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "numberFormat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "timeZone" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingGroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingSubgroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingTeam" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingTenant" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultProjectKey" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "businessRole" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "idTokenUserInfo" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "iss" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "sub" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "aud" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "exp" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "iat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "additionalClaims" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 654, source: { body: "query FetchLoggedInUser {\n  user: me {\n    id\n    email\n    createdAt\n    gravatarHash\n    firstName\n    lastName\n    language\n    numberFormat\n    timeZone\n    launchdarklyTrackingId\n    launchdarklyTrackingGroup\n    launchdarklyTrackingSubgroup\n    launchdarklyTrackingTeam\n    launchdarklyTrackingTenant\n    defaultProjectKey\n    businessRole\n    projects {\n      total\n      results {\n        name\n        key\n        suspension {\n          isActive\n        }\n        expiry {\n          isActive\n        }\n      }\n    }\n    idTokenUserInfo {\n      iss\n      sub\n      aud\n      exp\n      iat\n      email\n      name\n      additionalClaims\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-
-var FetchUser = function FetchUser(props) {
-  var _useMcQuery = useMcQuery(LoggedInUserQuery, {
-    onError: sentry.reportErrorToSentry,
-    context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
-    }
-  }),
-      loading = _useMcQuery.loading,
-      data = _useMcQuery.data,
-      error = _useMcQuery.error;
-
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: props.children({
-      isLoading: loading,
-      user: data && data.user,
-      error: error
-    })
-  });
-};
-
-FetchUser.propTypes = {
-  children: _pt__default["default"].func.isRequired
-};
-FetchUser.displayName = 'FetchUser';
-
-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,
-    payload: _JSON$stringify__default["default"](payload)
-  });
-};
-
-var createVersionMetric = function createVersionMetric(_ref) {
-  var applicationName = _ref.applicationName;
-  return [{
-    metricName: 'npm_dependency_versions',
-    metricLabels: {
-      application: applicationName,
-      package_name: '@commercetools-frontend/application-shell',
-      package_version: applicationEntryPoint.version
-    }
-  }, {
-    metricName: 'npm_dependency_versions',
-    metricLabels: {
-      application: applicationName,
-      package_name: 'react',
-      package_version: react.version
-    }
-  }];
-};
-
-var VersionTracker = function VersionTracker() {
-  var applicationName = applicationShellConnectors.useApplicationContext(function (context) {
-    return context.environment.applicationName;
-  });
-  var dispatch = sdk.useAsyncDispatch();
-  react.useEffect(function () {
-    dispatch(pushDependencyVersionCounter({
-      payload: createVersionMetric({
-        applicationName: applicationName
-      })
-    })).catch(function () {// Error is ignored under the assumption that page is being
-      // reloaded whilst the request was being sent or network request was interrupted
-    });
-  }, [applicationName, dispatch]);
-  return null;
-};
-
-VersionTracker.displayName = 'VersionTracker';
-
-var ProjectQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProject" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "projectKey" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "project" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "key" }, value: { kind: "Variable", name: { kind: "Name", value: "projectKey" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "countries" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "currencies" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "languages" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "initialized" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "daysLeft" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "allPermissionsForAllApplications" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedMenuVisibilities" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "owner" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 999, source: { body: "query FetchProject($projectKey: String!) {\n  project(key: $projectKey) {\n    key\n    version\n    name\n    countries\n    currencies\n    languages\n    initialized\n    expiry {\n      isActive\n      daysLeft\n    }\n    suspension {\n      isActive\n      reason\n    }\n    allAppliedPermissions {\n      name\n      value\n    }\n    allAppliedActionRights {\n      group\n      name\n      value\n    }\n    allAppliedDataFences {\n      ... on StoreDataFence {\n        type\n        name\n        value\n        group\n        __typename\n      }\n    }\n    allPermissionsForAllApplications {\n      allAppliedPermissions {\n        name\n        value\n      }\n      allAppliedActionRights {\n        group\n        name\n        value\n      }\n      allAppliedMenuVisibilities {\n        name\n        value\n      }\n      allAppliedDataFences {\n        ... on StoreDataFence {\n          type\n          name\n          value\n          group\n          __typename\n        }\n      }\n\n    }\n    owner {\n      id\n      name\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-
-var FetchProject = function FetchProject(props) {
-  var _useMcQuery = useMcQuery(ProjectQuery, {
-    onError: sentry.reportErrorToSentry,
-    variables: {
-      projectKey: props.projectKey
-    },
-    context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
-    },
-    skip: props.skip === true
-  }),
-      loading = _useMcQuery.loading,
-      data = _useMcQuery.data,
-      error = _useMcQuery.error;
-
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: props.children({
-      isLoading: loading,
-      error: error,
-      project: data && data.project
-    })
-  });
-};
-
-FetchProject.propTypes = {
-  projectKey: _pt__default["default"].string.isRequired,
-  skip: _pt__default["default"].bool,
-  children: _pt__default["default"].func.isRequired
-};
-FetchProject.displayName = 'FetchProject';
-
-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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$a(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$a(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var FetchApplicationsMenu = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchApplicationsMenu" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "applicationsMenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "navBar" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "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: 823, source: { body: "query FetchApplicationsMenu {\n  applicationsMenu {\n    navBar {\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;
-
-var mapLabelAllLocalesWithDefaults = function mapLabelAllLocalesWithDefaults(labelAllLocales, defaultLabel) {
-  var mappedLabelAllLocales = labelAllLocales;
-
-  if (defaultLabel) {
-    // Map all supported locales with the given localized labels.
-    // If a locale is not defined in the config, we use the `default` label as the value.
-    // This is only needed for development as we're trying to map two different schemas.
-    mappedLabelAllLocales = _mapInstanceProperty__default["default"](supportedLocales).call(supportedLocales, function (supportedLocale) {
-      var existingField = _findInstanceProperty__default["default"](labelAllLocales).call(labelAllLocales, function (field) {
-        return field.locale === supportedLocale;
-      });
-
-      if (existingField) return existingField;
-      return {
-        locale: supportedLocale,
-        value: defaultLabel
-      };
-    });
-  } // Add the `__typename`.
-
-
-  return _mapInstanceProperty__default["default"](mappedLabelAllLocales).call(mappedLabelAllLocales, function (field) {
-    return _objectSpread$a({
-      __typename: 'LocalizedField'
-    }, field);
-  });
-};
-/**
- * Transform menu links defined in the `custom-application-config.json` to the `FetchApplicationsMenu` schema.
- * This is only needed for development.
- */
-
-
-var mapApplicationMenuConfigToGraqhQLQueryResult = function mapApplicationMenuConfigToGraqhQLQueryResult(applicationConfig) {
-  var _applicationConfig$__, _ref, _applicationConfig$__2, _menuLinks$featureTog, _menuLinks$menuVisibi, _menuLinks$actionRigh, _menuLinks$dataFences, _context;
-
-  var entryPointUriPath = applicationConfig.entryPointUriPath;
-  var menuLinks = (_applicationConfig$__ = applicationConfig.__DEVELOPMENT__) === null || _applicationConfig$__ === void 0 ? void 0 : _applicationConfig$__.menuLinks; // @ts-expect-error: the `accountLinks` is not explicitly typed as it's only used by the account app.
-
-  var accountLinks = (_ref = (_applicationConfig$__2 = applicationConfig.__DEVELOPMENT__) === null || _applicationConfig$__2 === void 0 ? void 0 : _applicationConfig$__2.accountLinks) !== null && _ref !== void 0 ? _ref : [];
-  return {
-    applicationsMenu: {
-      __typename: 'ApplicationsMenu',
-      navBar: menuLinks ? [{
-        __typename: 'NavbarMenu',
-        key: entryPointUriPath,
-        uriPath: entryPointUriPath,
-        icon: menuLinks.icon,
-        labelAllLocales: mapLabelAllLocalesWithDefaults(menuLinks.labelAllLocales, menuLinks.defaultLabel),
-        permissions: menuLinks.permissions,
-        // @ts-ignore: not defined in schema, as it's only used internally.
-        featureToggle: (_menuLinks$featureTog = menuLinks.featureToggle) !== null && _menuLinks$featureTog !== void 0 ? _menuLinks$featureTog : null,
-        // @ts-ignore: not defined in schema, as it's only used internally.
-        menuVisibility: (_menuLinks$menuVisibi = menuLinks.menuVisibility) !== null && _menuLinks$menuVisibi !== void 0 ? _menuLinks$menuVisibi : null,
-        // @ts-ignore: not defined in schema, as it's only used internally.
-        actionRights: (_menuLinks$actionRigh = menuLinks.actionRights) !== null && _menuLinks$actionRigh !== void 0 ? _menuLinks$actionRigh : null,
-        // @ts-ignore: not defined in schema, as it's only used internally.
-        dataFences: (_menuLinks$dataFences = menuLinks.dataFences) !== null && _menuLinks$dataFences !== void 0 ? _menuLinks$dataFences : null,
-        submenu: _mapInstanceProperty__default["default"](_context = menuLinks.submenuLinks).call(_context, function (submenuLink) {
-          var _context2, _submenuLink$featureT, _submenuLink$menuVisi, _submenuLink$actionRi, _submenuLink$dataFenc;
-
-          return {
-            __typename: 'BaseMenu',
-            key: _concatInstanceProperty__default["default"](_context2 = "".concat(entryPointUriPath, "-")).call(_context2, submenuLink.uriPath),
-            uriPath: submenuLink.uriPath,
-            labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
-            permissions: submenuLink.permissions,
-            // @ts-ignore: not defined in schema, as it's only used internally.
-            featureToggle: (_submenuLink$featureT = submenuLink.featureToggle) !== null && _submenuLink$featureT !== void 0 ? _submenuLink$featureT : null,
-            // @ts-ignore: not defined in schema, as it's only used internally.
-            menuVisibility: (_submenuLink$menuVisi = submenuLink.menuVisibility) !== null && _submenuLink$menuVisi !== void 0 ? _submenuLink$menuVisi : null,
-            // @ts-ignore: not defined in schema, as it's only used internally.
-            actionRights: (_submenuLink$actionRi = submenuLink.actionRights) !== null && _submenuLink$actionRi !== void 0 ? _submenuLink$actionRi : null,
-            // @ts-ignore: not defined in schema, as it's only used internally.
-            dataFences: (_submenuLink$dataFenc = submenuLink.dataFences) !== null && _submenuLink$dataFenc !== void 0 ? _submenuLink$dataFenc : null
-          };
-        })
-      }] : [],
-      appBar: _mapInstanceProperty__default["default"](accountLinks).call(accountLinks, function (menuLink) {
-        var _menuLink$featureTogg;
-
-        return {
-          __typename: 'BaseMenu',
-          key: menuLink.uriPath,
-          uriPath: menuLink.uriPath,
-          labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
-          permissions: menuLink.permissions,
-          // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLink$featureTogg = menuLink.featureToggle) !== null && _menuLink$featureTogg !== void 0 ? _menuLink$featureTogg : null
-        };
-      })
-    }
-  };
-};
-
-function useApplicationsMenu(menuKey, config) {
-  var _config$queryOptions;
-
-  var apolloClient = client.useApolloClient();
-  var mcProxyApiUrl = applicationShellConnectors.useApplicationContext(function (context) {
-    return context.environment.mcProxyApiUrl;
-  });
-
-  var _useState = react.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasWrittenToCache = _useState2[0],
-      setHasWrittenToCache = _useState2[1]; // Fetch all menu links from the GraphQL API in the Merchant Center Proxy.
-  // For local development, we don't fetch data from the remote server but use
-  // only the configuration for the menu links defined for the application.
-  // To do so, we manually write the data in the Apollo cache and use the
-  // `fetchPolicy: cache-only` to instruct Apollo to read the data from the cache.
-  // NOTE: In development, we skip the query as long as the data hasn't been written
-  // into the cache. If not, Apollo throws an error like
-  // `Can't find field 'applicationMenu' on ROOT_QUERY object`.
-
-
-  var _useMcQuery = useMcQuery(FetchApplicationsMenu, {
-    skip: config.environment.servedByProxy ? // Production environment
-    false : // Development environment
-    !hasWrittenToCache,
-    onError: (_config$queryOptions = config.queryOptions) === null || _config$queryOptions === void 0 ? void 0 : _config$queryOptions.onError,
-    fetchPolicy: config.environment.servedByProxy ? 'cache-first' : 'cache-only',
-    context: {
-      // Allow to overwrite the API url from application config
-      uri: "".concat(mcProxyApiUrl || defaultApiUrl$1, "/api/graphql"),
-      skipGraphQlTargetCheck: true
-    }
-  }),
-      menuQueryResult = _useMcQuery.data; // For development, we read the menu data from the configuration file and
-  // write it into the Apollo cache.
-
-
-  react.useEffect(function () {
-    if (config.environment.__DEVELOPMENT__ && (config.environment.__DEVELOPMENT__.menuLinks || // @ts-expect-error: the `accountLinks` is not explicitly typed as it's only used by the account app.
-    config.environment.__DEVELOPMENT__.accountLinks) && !hasWrittenToCache) {
-      var applicationMenu = mapApplicationMenuConfigToGraqhQLQueryResult(config.environment);
-      apolloClient.writeQuery({
-        query: FetchApplicationsMenu,
-        data: applicationMenu
-      });
-      setHasWrittenToCache(true);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [hasWrittenToCache]); // Only subscribe to state changes.
-
-  if (menuQueryResult && menuQueryResult.applicationsMenu) {
-    return menuQueryResult.applicationsMenu[menuKey];
-  }
-
-  return;
-}
-
-var messages$5 = reactIntl.defineMessages({
-  support: {
-    id: 'UserSettingsMenu.support',
-    description: 'The label for Support',
-    defaultMessage: 'Support'
-  },
-  logout: {
-    id: 'UserSettingsMenu.logout',
-    description: 'The label for logout option',
-    defaultMessage: 'Logout'
-  },
-  privacyPolicy: {
-    id: 'UserSettingsMenu.privacyPolicy',
-    description: 'The label for privacy policy option',
-    defaultMessage: 'Privacy Policy'
-  },
-  menuLabel: {
-    id: 'UserSettingsMenu.menuLabel',
-    description: 'The label describing the menu',
-    defaultMessage: 'User settings menu'
-  },
-  openMenuLabel: {
-    id: 'UserSettingsMenu.openMenuLabel',
-    description: 'The label when menu is closed and would be opened by a click',
-    defaultMessage: 'Open user settings menu'
-  },
-  closeMenuLabel: {
-    id: 'UserSettingsMenu.closeMenuLabel',
-    description: 'The label when menu is open and would be closed by a click',
-    defaultMessage: 'Close user settings menu'
-  }
-});
-
-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 _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 MENU_LABEL_ID = 'user-menu-setting-menu-label';
-
-var UserAvatar = function UserAvatar(props) {
-  var _useState = react.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isMouseOver = _useState2[0],
-      setIsMouseOver = _useState2[1];
-
-  var handleMouseOver = react.useCallback(function () {
-    setIsMouseOver(true);
-  }, []);
-  var handleMouseOut = react.useCallback(function () {
-    setIsMouseOver(false);
-  }, []);
-
-  var _useTheme = designSystem.useTheme(),
-      theme = _useTheme.theme;
-
-  return jsxRuntime.jsx("div", {
-    onMouseOver: handleMouseOver,
-    onMouseOut: handleMouseOut,
-    children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-      alignItems: "center",
-      children: [jsxRuntime.jsx(Avatar__default["default"], {
-        gravatarHash: props.gravatarHash,
-        firstName: props.firstName,
-        lastName: props.lastName,
-        isHighlighted: isMouseOver
-      }), theme === 'test' ? null : jsxRuntime.jsx(icons.CaretDownIcon, {
-        size: "small",
-        color: isMouseOver ? 'neutral60' : 'solid'
-      })]
-    })
-  });
-};
-
-UserAvatar.displayName = 'UserAvatar';
-
-function getIsFocusedElementInMenu() {
-  var _document$activeEleme;
-
-  return Boolean((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('data-user-settings-menu'));
-}
-
-var stateReducer = function stateReducer(state, changes) {
-  var _ref3;
-
-  switch (changes.type) {
-    // So in case the user wants to navigate with the tab button
-    // we need to make sure that the menu does not close
-    case Downshift__default["default"].stateChangeTypes.blurButton:
-      return _objectSpread$9(_objectSpread$9({}, changes), {}, {
-        isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
-      });
-
-    default:
-      return changes;
-  }
-};
-
-var OptionalFeatureToggle = function OptionalFeatureToggle(props) {
-  if (props.featureToggle) {
-    return jsxRuntime.jsx(reactBroadcast.ToggleFeature, {
-      flag: props.featureToggle,
-      children: props.children
-    });
-  }
-
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: props.children
-  });
-};
-
-OptionalFeatureToggle.propTypes = {};
-
-var renderLabel = function renderLabel(menu, applicationLanguage) {
-  var _context;
-
-  var localizedLabel = _findInstanceProperty__default["default"](_context = menu.labelAllLocales).call(_context, function (loc) {
-    return _startsWithInstanceProperty__default["default"](applicationLanguage).call(applicationLanguage, loc.locale);
-  });
-
-  if (localizedLabel) return localizedLabel.value;
-  return constants$1.NO_VALUE_FALLBACK;
-};
-
-var MenuItem$1 = /*#__PURE__*/_styled__default["default"]("div", {
-  target: "e1al5ftg0"
-} )("width:100%;cursor:pointer;color:", designSystem.designTokens.colorSolid, ";:hover{background-color:", applicationComponents.designTokens.backgroundColorForUserMenuItemWhenHovered, ";}", function (props) {
-  return props.hasDivider === true ? /*#__PURE__*/react$2.css("border-bottom:1px solid ", designSystem.designTokens.colorNeutral, ";margin:", applicationComponents.designTokens.marginForUserMenuItem, ";" + ("" ), "" ) : '';
-}, ";" + ("" ));
-
-var MenuItemLabel = function MenuItemLabel(props) {
-  if (props.theme === 'test') {
-    return jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react$2.css("padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing50, ";" + ("" ), "" ),
-      children: props.children
-    });
-  }
-
-  return jsxRuntime.jsx(Spacings__default["default"].Inset, {
-    scale: "s",
-    children: props.children
-  });
-};
-
-MenuItemLabel.propTypes = {};
-
-var UserSettingsAvatarContainer = function UserSettingsAvatarContainer(props) {
-  if (props.theme === 'test') {
-    return jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react$2.css("padding:", designSystem.designTokens.spacing30, " ", designSystem.designTokens.spacing50, ";" + ("" ), "" ),
-      children: props.children
-    });
-  }
-
-  return jsxRuntime.jsx(Spacings__default["default"].Inset, {
-    scale: "xs",
-    children: props.children
-  });
-};
-
-UserSettingsAvatarContainer.propTypes = {};
-
-var getUserSettingsMenuStyles = function getUserSettingsMenuStyles(theme) {
-  if (theme === 'test') {
-    return /*#__PURE__*/react$2.css("position:absolute;background:", designSystem.designTokens.colorSurface, ";border-radius:", designSystem.designTokens.borderRadius2, ";box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.15);width:", designSystem.designTokens.constraint9, ";right:40px;top:calc(", constants.DIMENSIONS.header, " + ", designSystem.designTokens.spacing20, ");padding:0 0 ", designSystem.designTokens.spacing10, " 0;overflow:hidden;" + ("" ), "" );
-  }
-
-  return /*#__PURE__*/react$2.css("position:absolute;background:", designSystem.designTokens.colorSurface, ";border:1px ", designSystem.designTokens.colorPrimary40, " solid;border-radius:", designSystem.designTokens.borderRadius6, ";box-shadow:", designSystem.designTokens.shadow7, ";width:", designSystem.designTokens.constraint7, ";right:14px;top:calc(", constants.DIMENSIONS.header, " + ", designSystem.designTokens.spacing20, ");padding:", designSystem.designTokens.spacingXs, ";overflow:hidden;" + ("" ), "" );
-};
-
-var _ref2$3 = {
-  name: "4zleql",
-  styles: "display:block"
-} ;
-
-var getUserSettingsMenuItemLinkStyles = function getUserSettingsMenuItemLinkStyles() {
-  return _ref2$3;
-};
-
-var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
-  var _context2, _context3;
-
-  var _useTheme2 = designSystem.useTheme(),
-      theme = _useTheme2.theme; // Focus on a menu item when it's opened through keyboard
-
-
-  var menuElementRef = react.useRef(null);
-  react.useEffect(function () {
-    var _menuElementRef$curre;
-
-    (_menuElementRef$curre = menuElementRef.current) === null || _menuElementRef$curre === void 0 ? void 0 : _menuElementRef$curre.focus();
-  }, []);
-  var environment = applicationShellConnectors.useApplicationContext(function (context) {
-    return context.environment;
-  });
-  var applicationsAppBarMenu = useApplicationsMenu('appBar', {
-    queryOptions: {
-      onError: sentry.reportErrorToSentry
-    },
-    environment: environment
-  });
-  var accountMenuItems = applicationsAppBarMenu !== null && applicationsAppBarMenu !== void 0 ? applicationsAppBarMenu : [];
-  return jsxRuntime.jsx("div", {
-    onKeyDown: function onKeyDown(event) {
-      if (event.key === 'Esc' || event.key === 'Tab' && !getIsFocusedElementInMenu()) {
-        props.downshiftProps.closeMenu();
-      }
-    },
-    css: getUserSettingsMenuStyles(theme),
-    children: jsxRuntime.jsxs("div", _objectSpread$9(_objectSpread$9({}, props.downshiftProps.getMenuProps()), {}, {
-      children: [jsxRuntime.jsx(UserSettingsAvatarContainer, {
-        theme: theme,
-        children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-          scale: theme === 'test' ? 'm' : 'xs',
-          alignItems: "center",
-          children: [jsxRuntime.jsx(Avatar__default["default"], {
-            firstName: props.firstName,
-            lastName: props.lastName,
-            gravatarHash: props.gravatarHash
-          }), theme === 'test' ? jsxRuntime.jsxs("div", {
-            children: [jsxRuntime.jsx(Text__default["default"].Subheadline, {
-              as: "h4",
-              children: _trimInstanceProperty__default["default"](_context2 = [props.firstName, props.lastName].join(' ')).call(_context2)
-            }), jsxRuntime.jsx(Text__default["default"].Detail, {
-              truncate: true,
-              tone: "secondary",
-              children: props.email
-            })]
-          }) : jsxRuntime.jsxs("div", {
-            children: [jsxRuntime.jsx(Text__default["default"].Body, {
-              isBold: true,
-              children: _trimInstanceProperty__default["default"](_context3 = [props.firstName, props.lastName].join(' ')).call(_context3)
-            }), jsxRuntime.jsx(Text__default["default"].Body, {
-              truncate: true,
-              children: props.email
-            })]
-          })]
-        })
-      }), theme === 'test' && accountMenuItems.length > 0 ? jsxRuntime.jsx(MenuItem$1, {
-        hasDivider: true,
-        theme: theme
-      }) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, function (menu) {
-        var _menu$featureToggle;
-
-        return jsxRuntime.jsx(OptionalFeatureToggle, {
-          featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
-          children: jsxRuntime.jsx(reactRouterDom.Link, {
-            css: getUserSettingsMenuItemLinkStyles(),
-            to: "/account/".concat(menu.uriPath),
-            onClick: function onClick() {
-              return props.downshiftProps.toggleMenu();
-            },
-            "data-user-settings-menu": true,
-            ref: menuElementRef,
-            children: jsxRuntime.jsx(MenuItem$1, {
-              theme: theme,
-              children: jsxRuntime.jsx(MenuItemLabel, {
-                theme: theme,
-                children: jsxRuntime.jsx(Text__default["default"].Body, {
-                  children: renderLabel(menu, props.language)
-                })
-              })
-            })
-          })
-        }, menu.key);
-      }), jsxRuntime.jsx(MenuItem$1, {
-        hasDivider: true,
-        theme: theme
-      }), jsxRuntime.jsx("a", {
-        css: getUserSettingsMenuItemLinkStyles(),
-        href: "https://commercetools.com/privacy#suppliers",
-        target: "_blank",
-        rel: "noopener noreferrer",
-        onClick: function onClick() {
-          return props.downshiftProps.toggleMenu();
-        },
-        "data-user-settings-menu": true,
-        ref: !applicationsAppBarMenu ? menuElementRef : undefined,
-        children: jsxRuntime.jsx(MenuItem$1, {
-          theme: theme,
-          children: jsxRuntime.jsx(MenuItemLabel, {
-            theme: theme,
-            children: jsxRuntime.jsx(Text__default["default"].Body, {
-              intlMessage: messages$5.privacyPolicy
-            })
-          })
-        })
-      }), jsxRuntime.jsx("a", {
-        css: getUserSettingsMenuItemLinkStyles(),
-        href: constants$1.SUPPORT_PORTAL_URL,
-        rel: "noopener noreferrer",
-        target: "_blank",
-        "data-track-component": "Navigation-Support-links",
-        "data-track-event": "click",
-        "data-track-label": "support_textlink",
-        onClick: function onClick() {
-          return props.downshiftProps.toggleMenu();
-        },
-        "data-user-settings-menu": true,
-        children: jsxRuntime.jsx(MenuItem$1, {
-          theme: theme,
-          children: jsxRuntime.jsx(MenuItemLabel, {
-            theme: theme,
-            children: jsxRuntime.jsx(Text__default["default"].Body, {
-              intlMessage: messages$5.support
-            })
-          })
-        })
-      }), jsxRuntime.jsx(MenuItem$1, {
-        hasDivider: true,
-        theme: theme
-      }), jsxRuntime.jsxs("a", {
-        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),
-        "data-test": "logout-button",
-        "data-user-settings-menu": true,
-        children: [jsxRuntime.jsx(MenuItem$1, {
-          theme: theme,
-          children: jsxRuntime.jsx(MenuItemLabel, {
-            theme: theme,
-            children: jsxRuntime.jsx(Text__default["default"].Body, {
-              intlMessage: messages$5.logout
-            })
-          })
-        }), jsxRuntime.jsx("div", {
-          tabIndex: 0,
-          onFocus: function onFocus() {
-            return props.downshiftProps.closeMenu();
-          }
-        })]
-      })]
-    }))
-  });
-};
-
-UserSettingsMenuBody.propTypes = {};
-UserSettingsMenuBody.displayName = 'UserSettingsMenuBody';
-
-var _ref$4 = {
-  name: "18rc9yp",
-  styles: "cursor:pointer;border:none;padding:0;display:flex;background:transparent"
-} ;
-
-var UserSettingsMenu = function UserSettingsMenu(props) {
-  var intl = reactIntl.useIntl();
-  return jsxRuntime.jsxs("div", {
-    "data-test": "user-settings-menu",
-    children: [jsxRuntime.jsx(AccessibleHidden__default["default"], {
-      children: jsxRuntime.jsx("span", {
-        id: MENU_LABEL_ID,
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$5.menuLabel))
-      })
-    }), jsxRuntime.jsx(Downshift__default["default"], {
-      stateReducer: stateReducer,
-      labelId: MENU_LABEL_ID,
-      children: function children(downshiftProps) {
-        return jsxRuntime.jsxs("div", {
-          children: [jsxRuntime.jsx("button", _objectSpread$9(_objectSpread$9({
-            css: _ref$4
-          }, downshiftProps.getToggleButtonProps({
-            'aria-label': intl.formatMessage(downshiftProps.isOpen ? messages$5.closeMenuLabel : messages$5.openMenuLabel)
-          })), {}, {
-            children: jsxRuntime.jsx(UserAvatar, {
-              firstName: props.firstName,
-              lastName: props.lastName,
-              gravatarHash: props.gravatarHash
-            })
-          })), downshiftProps.isOpen && jsxRuntime.jsx(UserSettingsMenuBody, _objectSpread$9(_objectSpread$9({}, props), {}, {
-            downshiftProps: downshiftProps
-          }))]
-        });
-      }
-    })]
-  });
-};
-
-UserSettingsMenu.displayName = 'UserSettingsMenu';
-
-var messages$4 = reactIntl.defineMessages({
-  projectsLabel: {
-    id: 'ProjectSwitcher.projectsLabel',
-    description: 'The label for project dropdown switcher',
-    defaultMessage: 'Projects menu'
-  },
-  searchPlaceholder: {
-    id: 'ProjectSwitcher.searchPlaceholder',
-    description: 'Projects filter search input placeholder',
-    defaultMessage: 'Search for a project'
-  },
-  noResults: {
-    id: 'ProjectSwitcher.noResults',
-    description: 'Projects filter no results text',
-    defaultMessage: 'Sorry, but there are no projects that match your search.'
-  },
-  suspended: {
-    id: 'ProjectSwitcher.suspended',
-    description: 'Label for a suspended project',
-    defaultMessage: 'Suspended'
-  },
-  expired: {
-    id: 'ProjectSwitcher.expired',
-    description: 'Label for a suspended project',
-    defaultMessage: 'Expired'
-  }
-});
-
-var _excluded$1 = ["projectCount"];
-
-function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var ProjectsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchUserProjects" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 218, source: { body: "query FetchUserProjects {\n  user: me {\n    id\n    projects {\n      results {\n        name\n        key\n        suspension {\n          isActive\n        }\n        expiry {\n          isActive\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-var PROJECT_SWITCHER_LABEL_ID = 'project-switcher-label';
-
-var _ref3$1 = {
-  name: "82a6rk",
-  styles: "flex:1"
-} ;
-
-var _ref4$1 = {
-  name: "zol16h",
-  styles: "display:flex;flex:1;align-items:center"
-} ;
-
-var ProjectSwitcherValueContainer = function ProjectSwitcherValueContainer(_ref5) {
-  var projectCount = _ref5.projectCount,
-      restProps = _objectWithoutProperties(_ref5, _excluded$1);
-
-  return jsxRuntime.jsxs("div", {
-    css: _ref4$1,
-    children: [jsxRuntime.jsx("div", {
-      css: _ref3$1,
-      children: jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$8(_objectSpread$8({}, restProps), {}, {
-        children: restProps.children
-      }))
-    }), jsxRuntime.jsx("span", {
-      css: /*#__PURE__*/react$2.css("width:22px;height:22px;border-radius:100%;background:", designSystem.designTokens.colorAccent40, ";color:", designSystem.designTokens.colorSurface, ";font-size:0.9rem;display:flex;justify-content:center;align-items:center;" + ("" ), "" ),
-      children: projectCount
-    })]
-  });
-};
-
-var _ref$3 = {
-  name: "16lqnjx",
-  styles: "font-size:1.5rem;display:flex"
-} ;
-
-var _ref2$2 = {
-  name: "10s3lzp",
-  styles: "word-wrap:break-word"
-} ;
-
-var ProjectSwitcherOption = function ProjectSwitcherOption(props) {
-  var project = props.data;
-  return jsxRuntime.jsx(SelectInput__default["default"].Option, _objectSpread$8(_objectSpread$8({}, props), {}, {
-    children: jsxRuntime.jsxs("div", {
-      css: _ref2$2,
-      children: [jsxRuntime.jsxs("div", {
-        css: /*#__PURE__*/react$2.css("color:", props.isDisabled ? designSystem.designTokens.colorNeutral : designSystem.designTokens.colorAccent, ";" + ("" ), "" ),
-        children: [project.name, props.isDisabled && jsxRuntime.jsx("span", {
-          css: _ref$3,
-          children: jsxRuntime.jsx(icons.ErrorIcon, {
-            size: "medium"
-          })
-        })]
-      }), jsxRuntime.jsx("div", {
-        css: /*#__PURE__*/react$2.css("font-size:11px;color:", props.isDisabled ? designSystem.designTokens.colorNeutral : 'inherit', ";" + ("" ), "" ),
-        children: project.key
-      }), project.suspension && project.suspension.isActive && jsxRuntime.jsx("div", {
-        css: /*#__PURE__*/react$2.css("font-size:11px;color:", designSystem.designTokens.colorError, ";" + ("" ), "" ),
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.suspended))
-      }), project.expiry && project.expiry.isActive && jsxRuntime.jsx("div", {
-        css: /*#__PURE__*/react$2.css("font-size:11px;color:", designSystem.designTokens.colorError, ";" + ("" ), "" ),
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.expired))
-      })]
-    })
-  }));
-};
-var mapProjectsToOptions = memoize__default["default"](function (projects) {
-  return _mapInstanceProperty__default["default"](projects).call(projects, function (project) {
-    return {
-      key: project.key,
-      name: project.name,
-      label: project.name,
-      value: project.key,
-      suspension: project.suspension,
-      expiry: project.expiry
-    };
-  });
-});
-
-var redirectTo = function redirectTo(targetUrl) {
-  return applicationEntryPoint.location.replace(targetUrl);
-};
-
-var ProjectSwitcher = function ProjectSwitcher(props) {
-  var intl = reactIntl.useIntl();
-
-  var _useMcQuery = useMcQuery(ProjectsQuery, {
-    onError: sentry.reportErrorToSentry,
-    context: {
-      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
-    }
-  }),
-      loading = _useMcQuery.loading,
-      data = _useMcQuery.data;
-
-  if (loading) return null;
-  return jsxRuntime.jsxs("div", {
-    css: /*#__PURE__*/react$2.css("width:", designSystem.designTokens.constraint6, ";" + ("" ), "" ),
-    "data-track-component": "ProjectSwitch",
-    "data-track-event": "click",
-    children: [jsxRuntime.jsx(AccessibleHidden__default["default"], {
-      children: jsxRuntime.jsx("span", {
-        id: PROJECT_SWITCHER_LABEL_ID,
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.projectsLabel))
-      })
-    }), jsxRuntime.jsx(SelectInput__default["default"], {
-      value: props.projectKey || '',
-      name: "project-switcher",
-      "aria-labelledby": PROJECT_SWITCHER_LABEL_ID,
-      onChange: function onChange(event) {
-        var selectedProjectKey = event.target.value;
-
-        if (selectedProjectKey !== props.projectKey) {
-          var _window$app$__DEVELOP, _window$app$__DEVELOP2;
-
-          if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.authorizeUrl) {
-            applicationEntryPoint.setActiveProjectKey(selectedProjectKey);
-          } // We simply redirect to a "new" browser page, instead of using the
-          // history router. This will simplify a lot of things and avoid possible
-          // problems like e.g. resetting the store/state.
-
-
-          redirectTo("/".concat(selectedProjectKey));
-        }
-      },
-      options: data && data.user && mapProjectsToOptions(data.user.projects.results),
-      isOptionDisabled: function isOptionDisabled(option) {
-        var project = option;
-        return project.suspension.isActive || project.expiry.isActive;
-      },
-      components: {
-        Option: ProjectSwitcherOption,
-        ValueContainer: function ValueContainer(valueContainerProps) {
-          return jsxRuntime.jsx(ProjectSwitcherValueContainer, _objectSpread$8(_objectSpread$8({}, valueContainerProps), {}, {
-            projectCount: data && data.user && data.user.projects.results.length || 0
-          }));
-        }
-      },
-      isClearable: false,
-      backspaceRemovesValue: false,
-      placeholder: intl.formatMessage(messages$4.searchPlaceholder),
-      noOptionsMessage: function noOptionsMessage() {
-        return intl.formatMessage(messages$4.noResults);
-      }
-    })]
-  });
-};
-
-ProjectSwitcher.displayName = 'ProjectSwitcher';
-
-var messages$3 = reactIntl.defineMessages({
-  backToProjectLink: {
-    id: 'AppBar.backToProjectLink',
-    defaultMessage: 'Back to project'
-  }
-});
-
-/**
- * Note:
- *   A full page reload is needed as the user's project may have changed (deletions and/or additions).
- *   As a result the project and user queries need refetching.
- */
-var redirectToProject = function redirectToProject(key) {
-  return applicationEntryPoint.location.replace("/".concat(key));
-};
-
-var BackToProject = function BackToProject(props) {
-  var intl = reactIntl.useIntl();
-  return jsxRuntime.jsx(FlatButton__default["default"], {
-    onClick: function onClick() {
-      return redirectToProject(props.projectKey || '');
-    },
-    icon: jsxRuntime.jsx(icons.AngleLeftIcon, {}),
-    label: intl.formatMessage(messages$3.backToProjectLink)
-  });
-};
-BackToProject.displayName = 'BackToProject';
-
-var _templateObject;
-var animationPulse = react$2.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    background-color: ", ";\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), designSystem.customProperties.colorNeutral, designSystem.customProperties.colorNeutral95);
-
-var getWidthBySize = function getWidthBySize(props) {
-  switch (props.shape) {
-    case 'dot':
-      switch (props.size) {
-        case 's':
-          return designSystem.customProperties.spacingS;
-
-        case 'm':
-          return designSystem.customProperties.spacingM;
-
-        case 'l':
-          return designSystem.customProperties.spacingL;
-
-        case 'xl':
-          return designSystem.customProperties.spacingXl;
-
-        default:
-          return 'auto';
-      }
-
-    case 'rect':
-      switch (props.size) {
-        case 's':
-          return '150px';
-
-        case 'm':
-          return '300px';
-
-        case 'l':
-          return '450px';
-
-        case 'xl':
-          return '600px';
-
-        default:
-          return 'auto';
-      }
-
-    default:
-      return 'auto';
-  }
-};
-
-var getHeightBySize = function getHeightBySize(props) {
-  switch (props.shape) {
-    case 'dot':
-      return getWidthBySize(props);
-
-    case 'rect':
-      return '32px';
-
-    default:
-      return 'auto';
-  }
-};
-
-var getRadiusBySize = function getRadiusBySize(props) {
-  switch (props.shape) {
-    case 'dot':
-      switch (props.size) {
-        case 's':
-          return designSystem.customProperties.borderRadius4;
-
-        case 'm':
-          return '8px';
-
-        case 'l':
-          return '12px';
-
-        case 'xl':
-          return '16px';
-
-        default:
-          return 'none';
-      }
-
-    case 'rect':
-      return designSystem.customProperties.borderRadius4;
-
-    default:
-      return 'none';
-  }
-};
-
-var LoadingPlaceholder = /*#__PURE__*/_styled__default["default"]("div", {
-  target: "e4c5pm00"
-} )("background-color:", designSystem.customProperties.colorNeutral, ";animation-name:", animationPulse, ";animation-duration:1s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:infinite;width:", getWidthBySize, ";height:", getHeightBySize, ";border-radius:", getRadiusBySize, ";" + ("" ));
-
-LoadingPlaceholder.displayName = 'LoadingPlaceholder';
-
-var _ref$2 = {
-  name: "36bnqj",
-  styles: "display:flex;flex:1"
-} ;
-
-var _ref2$1 = {
-  name: "hlihg7",
-  styles: "display:block;float:left;width:28px;height:32px;margin-left:20px"
-} ;
-
-var AppBar = function AppBar(props) {
-  var _props$user$defaultPr, _props$user;
-
-  var previousProjectKey = getPreviousProjectKey((_props$user$defaultPr = (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.defaultProjectKey) !== null && _props$user$defaultPr !== void 0 ? _props$user$defaultPr : undefined);
-  return jsxRuntime.jsxs("div", {
-    css: /*#__PURE__*/react$2.css("background-color:", designSystem.designTokens.colorSurface, ";box-shadow:", applicationComponents.designTokens.shadowForAppbar, ";min-height:", constants.DIMENSIONS.header, ";position:relative;width:100%;z-index:20000;display:flex;align-items:center;justify-content:space-between;" + ("" ), "" ),
-    "data-test": "top-navigation",
-    children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-      children: [jsxRuntime.jsx("div", {
-        css: _ref2$1,
-        children: !props.user ? jsxRuntime.jsx("img", {
-          src: LogoSVG__default["default"],
-          width: "100%",
-          alt: "Logo"
-        }) : jsxRuntime.jsx("a", {
-          href: "/".concat(previousProjectKey || ''),
-          children: jsxRuntime.jsx("img", {
-            src: LogoSVG__default["default"],
-            width: "100%",
-            alt: "Logo"
-          })
-        })
-      }), jsxRuntime.jsx("div", {
-        id: applicationEntryPoint.REQUESTS_IN_FLIGHT_LOADER_DOM_ID,
-        css: _ref$2
-      })]
-    }), jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react$2.css("float:right;font-weight:normal;font-size:1rem;margin-right:", applicationComponents.designTokens.marginRightForAppbar, ";display:flex;align-items:center;" + ("" ), "" ),
-      children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-        scale: "m",
-        alignItems: "center",
-        children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-          scale: "m",
-          alignItems: "center",
-          children: [jsxRuntime.jsx("div", {
-            id: constants.CONTAINERS.LOCALE_SWITCHER
-          }), function () {
-            if (!props.user) {
-              return jsxRuntime.jsx(LoadingPlaceholder, {
-                shape: "rect",
-                size: "s"
-              });
-            } // The `<ProjectSwitcher>` should be rendered only if the
-            // user is fetched and the user has projects while the app runs in an project context.
-
-
-            if (props.user.projects.total > 0 && props.projectKeyFromUrl) return jsxRuntime.jsx(ProjectSwitcher // In this case it's not necessary to check if the `projectKey` param
-            // is included in the list of projects. In such case
-            // the dropdown will still be rendered but no project will be selected.
-            // This is fine becase the user has still the possibility to "switch"
-            // to a project.
-            , {
-              projectKey: props.projectKeyFromUrl || previousProjectKey
-            });
-            if (!props.user.defaultProjectKey) return null;
-            return jsxRuntime.jsx(BackToProject, {
-              projectKey: previousProjectKey
-            });
-          }()]
-        }), jsxRuntime.jsx("div", {
-          css: /*#__PURE__*/react$2.css("border-left:1px ", designSystem.designTokens.colorNeutral90, " solid;height:", constants.DIMENSIONS.headerItemDivider, ";" + ("" ), "" )
-        }), props.user ? jsxRuntime.jsx(UserSettingsMenu, {
-          language: props.user.language,
-          firstName: props.user.firstName,
-          lastName: props.user.lastName,
-          gravatarHash: props.user.gravatarHash,
-          email: props.user.email
-        }) : jsxRuntime.jsx(LoadingPlaceholder, {
-          shape: "dot",
-          size: "l"
-        })]
-      })
-    })]
-  });
-};
-
-AppBar.displayName = 'AppBar';
-
-var messages$2 = reactIntl.defineMessages({
-  localesLabel: {
-    id: 'LocaleSwitcher.localesLabel',
-    description: 'The label for project dropdown switcher',
-    defaultMessage: 'Locales menu'
-  }
-});
-
-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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$7(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$7(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var LOCALE_SWITCHER_LABEL_ID = 'locale-switcher-label';
-
-var _ref$1 = {
-  name: "lmfqdl",
-  styles: "flex:1;align-items:center;display:flex"
-} ;
-
-var _SingleValue = function SingleValue(props) {
-  return jsxRuntime.jsxs("div", {
-    css: _ref$1,
-    children: [jsxRuntime.jsx(icons.WorldIcon, {
-      size: "big"
-    }), jsxRuntime.jsx("span", {
-      css: /*#__PURE__*/react$2.css("margin-left:2px;flex:1;color:", designSystem.designTokens.colorAccent, ";" + ("" ), "" ),
-      children: props.children
-    }), jsxRuntime.jsx("span", {
-      css: /*#__PURE__*/react$2.css("width:22px;height:22px;border-radius:100%;background:", designSystem.designTokens.colorAccent40, ";color:", designSystem.designTokens.colorSurface, ";font-size:0.9rem;display:flex;justify-content:center;align-items:center;" + ("" ), "" ),
-      children: props.localeCount
-    })]
-  });
-};
-_SingleValue.propTypes = {};
-_SingleValue.displayName = 'SingleValue';
-
-var PatchedValueContainer = function PatchedValueContainer(props) {
-  return jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$7(_objectSpread$7({}, props), {}, {
-    innerProps: {
-      style: {
-        display: 'flex'
-      }
-    }
-  }));
-};
-
-PatchedValueContainer.displayName = 'PatchedValueContainer';
-
-var LocaleSwitcher = function LocaleSwitcher(props) {
-  var _context;
-
-  var setProjectDataLocale = props.setProjectDataLocale;
-  var handleSelection = react.useCallback(function (event) {
-    setProjectDataLocale(event.target.value);
-  }, [setProjectDataLocale]);
-  return jsxRuntime.jsxs("div", {
-    css: /*#__PURE__*/react$2.css("position:relative;width:", designSystem.designTokens.constraint3, ";" + ("" ), "" ),
-    "data-track-component": "LocaleSwitch",
-    children: [jsxRuntime.jsx(AccessibleHidden__default["default"], {
-      children: jsxRuntime.jsx("span", {
-        id: LOCALE_SWITCHER_LABEL_ID,
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$7({}, messages$2.localesLabel))
-      })
-    }), jsxRuntime.jsx(SelectInput__default["default"], {
-      value: props.projectDataLocale,
-      name: "locale-switcher",
-      "aria-labelledby": LOCALE_SWITCHER_LABEL_ID,
-      onChange: handleSelection,
-      options: _mapInstanceProperty__default["default"](_context = props.availableLocales).call(_context, function (locale) {
-        return {
-          label: locale,
-          value: locale
-        };
-      }),
-      components: {
-        SingleValue: function SingleValue(valueProps) {
-          return jsxRuntime.jsx(_SingleValue, _objectSpread$7(_objectSpread$7({}, valueProps), {}, {
-            localeCount: props.availableLocales.length
-          }));
-        },
-        ValueContainer: PatchedValueContainer
-      },
-      isClearable: false,
-      backspaceRemovesValue: false,
-      isSearchable: false
-    })]
-  });
-};
-
-LocaleSwitcher.propTypes = {};
-
-var ProjectNotFound = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-found-daa5200b.cjs.prod.js'
-  /* webpackChunkName: "project-not-found" */
-  ); });
-});
-
-var ProjectExpired = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-expired-576a8329.cjs.prod.js'
-  /* webpackChunkName: "project-expired" */
-  ); });
-});
-
-var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-initialized-5b416bcf.cjs.prod.js'
-  /* webpackChunkName: "project-not-initialized" */
-  ); });
-});
-
-var RedirectToProjectCreate = function RedirectToProjectCreate() {
-  var servedByProxy = applicationEntryPoint.useIsServedByProxy();
-  /**
-   * NOTE:
-   *   This looks a bit unusual: redirecting in render.
-   *   However, when doing it in `cDM` we loose time
-   *   we we actually do never want to render anything or
-   *   interact with anything rendered. Instead we should should
-   *   redirect away. Using a constructor would result in the same.
-   *   In turn this intends wo make explicit that we never want to
-   *   render and instead just navigate away.
-   */
-
-  if (servedByProxy === true) {
-    applicationEntryPoint.location.replace('/account/projects/new');
-    return null;
-  }
-
-  return jsxRuntime.jsx("div", {
-    css: /*#__PURE__*/react$2.css("align-self:center;margin-top:", designSystem.customProperties.spacingXl, ";max-width:", designSystem.customProperties.constraint10, ";" + ("" ), "" ),
-    children: jsxRuntime.jsx(Card__default["default"], {
-      type: "flat",
-      theme: "dark",
-      children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
-        children: [jsxRuntime.jsx(Text__default["default"].Headline, {
-          as: "h1",
-          children: "Please create a project!"
-        }), jsxRuntime.jsx(notifications.ContentNotification, {
-          type: "info",
-          children: "You are running in development mode"
-        }), jsxRuntime.jsx(Text__default["default"].Body, {
-          children: "The Custom Application is not running behind the Merchant Center Proxy. Therefore, you are not being redirected to the account section to create a new project."
-        }), jsxRuntime.jsx(Text__default["default"].Body, {
-          children: "If you do need to create a project, we recommend to go to the Merchant Center production URL and create a project there. After that, you can access your new project from your local environment."
-        })]
-      })
-    })
-  });
-};
-RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
-
-var ProjectSuspended = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-suspended-dc9ace34.cjs.prod.js'
-  /* webpackChunkName: "project-suspended" */
-  ); });
-});
-
-var messages$1 = reactIntl.defineMessages({
-  trialDaysLeft: {
-    id: 'Project.trialDaysLeft',
-    defaultMessage: 'Your project trial period will expire in {daysLeft} {daysLeft, plural, one {day} other {days}}. For any inquiries please contact sales@commercetools.com'
-  }
-});
-
-// A trial expire notification should be displayed from 2 weeks before the project expires
-var minDaysToDisplayNotification = 14;
-var maxDaysToDisplayNotification = 0;
-
-var shouldShowNotificationForTrialExpired = function shouldShowNotificationForTrialExpired(daysLeft) {
-  return !isNil__default["default"](daysLeft) && daysLeft <= minDaysToDisplayNotification && daysLeft >= maxDaysToDisplayNotification;
-};
-
-var ProjectContainer = function ProjectContainer(props) {
-  var intl = reactIntl.useIntl();
-
-  var _useState = react.useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      localeSwitcherNode = _useState2[0],
-      setLocaleSwitcherNode = _useState2[1];
-
-  react.useEffect(function () {
-    /**
-     * NOTE: in order to render a component into a portal, the portal
-     * DOM node needs to exists in the DOM.
-     * If we try to get the DOM node by id before the components are
-     * actually mounted, we won't find the DOM node, hence we can't render
-     * the portal.
-     * To work around this issue, we simply wait that the component is
-     * mounted, then we render the portal.
-     *
-     * From the reactjs docs: https://reactjs.org/docs/portals.html
-     * "
-     *   If a child component requires to be attached to the DOM tree
-     *   immediately when mounted, for example to measure a
-     *   DOM node, or uses 'autoFocus' in a descendant, add
-     *   state to Modal and only render the children when Modal
-     *   is inserted in the DOM tree.
-     * "
-     */
-    setLocaleSwitcherNode(document.getElementById(constants.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);
-    }
-  }, [projectKey]); // }
-
-  var hasNoProjects = props.user && props.user.projects.total === 0;
-  /**
-   * Given the user does not have any projects and account creation (sign up) is not yet
-   * enabled the user will be logged out.
-   *
-   * Given the user does not have project (and as a result is not part of an organization)
-   * the account application gets control over render. If any other application
-   * is requested to render a full page redirect (to have the proxy serve the request) occurs
-   * given the application is served by the proxy.
-   *    Given the application is not served by the proxy we do not perform a redirect as
-   *    otherwise a redirect loop can occur as no application is able to handle the route.
-   */
-
-  if (hasNoProjects && props.environment.enableSignUp !== true && props.environment.servedByProxy) return jsxRuntime.jsx(reactRouterDom.Redirect, {
-    to: "/logout?reason=".concat(constants$1.LOGOUT_REASONS.NO_PROJECTS)
-  });
-  if (hasNoProjects && props.environment.enableSignUp) return jsxRuntime.jsxs(reactRouterDom.Switch, {
-    children: [jsxRuntime.jsx(reactRouterDom.Route, {
-      path: "/account",
-      render: props.render
-    }), jsxRuntime.jsx(reactRouterDom.Route, {
-      component: RedirectToProjectCreate
-    })]
-  });
-  return jsxRuntime.jsx(ErrorBoundary, {
-    pathname: props.location.pathname,
-    children: jsxRuntime.jsx(react.Suspense, {
-      fallback: jsxRuntime.jsx(ApplicationLoader, {}),
-      children: jsxRuntime.jsx(FetchProject, {
-        skip: !props.user || !props.user.defaultProjectKey,
-        projectKey: projectKey,
-        children: function children(_ref) {
-          var isProjectLoading = _ref.isLoading,
-              project = _ref.project;
-          // TODO: do something if there is an `error`?
-          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
-          });
-          if (project.expiry && project.expiry.isActive) return jsxRuntime.jsx(ProjectExpired, {});
-          if (project.initialized === false) return jsxRuntime.jsx(ProjectNotInitialized, {});
-          return jsxRuntime.jsx(ProjectDataLocale, {
-            locales: project.languages,
-            children: function children(_ref2) {
-              var _project$expiry$daysL;
-
-              var locale = _ref2.locale,
-                  setProjectDataLocale = _ref2.setProjectDataLocale;
-              return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
-                user: props.user,
-                project: project,
-                projectDataLocale: locale,
-                environment: props.environment,
-                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,
-                    text: intl.formatMessage(messages$1.trialDaysLeft, {
-                      daysLeft: project.expiry.daysLeft || 0
-                    })
-                  }), localeSwitcherNode && // Render the `<LocaleSwitcher>` only if the project has more
-                  // than one language.
-                  project.languages.length > 1 && /*#__PURE__*/ReactDOM__default["default"].createPortal(jsxRuntime.jsx(LocaleSwitcher // Be explicit on listing the props so that we can better assert it.
-                  , {
-                    projectDataLocale: locale,
-                    setProjectDataLocale: setProjectDataLocale,
-                    availableLocales: project.languages
-                  }), localeSwitcherNode), jsxRuntime.jsx(applicationEntryPoint.ApplicationEntryPoint, {
-                    environment: props.environment,
-                    disableRoutePermissionCheck: props.disableRoutePermissionCheck,
-                    render: props.render,
-                    children: props.children
-                  })]
-                })
-              });
-            }
-          });
-        }
-      })
-    })
-  });
-};
-
-ProjectContainer.propTypes = {};
-ProjectContainer.displayName = 'ProjectContainer';
-
-function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var FetchAllMenuFeatureToggles = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchAllMenuFeatureToggles" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatureToggles" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 57, source: { body: "query FetchAllMenuFeatureToggles {\n  allFeatureToggles\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-var defaultApiUrl = window.location.origin;
-
-var getDefaultedFeatureToggles = function getDefaultedFeatureToggles(allFeatureToggles) {
-  return _reduceInstanceProperty__default["default"](allFeatureToggles).call(allFeatureToggles, function (previouslyDefaultedFeatureToggles, nextFeatureToggle) {
-    return _objectSpread$6(_objectSpread$6({}, previouslyDefaultedFeatureToggles), {}, _defineProperty({}, nextFeatureToggle, false));
-  }, {});
-};
-
-var useAllMenuFeatureToggles = function useAllMenuFeatureToggles() {
-  var servedByProxy = applicationEntryPoint.useIsServedByProxy();
-  var mcProxyApiUrl = applicationShellConnectors.useApplicationContext(function (applicationContext) {
-    return applicationContext.environment.mcProxyApiUrl;
-  });
-
-  var _useMcQuery = useMcQuery(FetchAllMenuFeatureToggles, {
-    fetchPolicy: 'cache-and-network',
-    skip: !servedByProxy,
-    onError: sentry.reportErrorToSentry,
-    context: {
-      uri: "".concat(mcProxyApiUrl || defaultApiUrl, "/api/graphql"),
-      skipGraphQlTargetCheck: true
-    }
-  }),
-      data = _useMcQuery.data,
-      refetch = _useMcQuery.refetch,
-      loading = _useMcQuery.loading;
-
-  return {
-    isLoading: loading,
-    refetch: refetch,
-    allFeatureToggles: data && getDefaultedFeatureToggles(data.allFeatureToggles) || {}
-  };
-};
-
-/*
- * This file contains a list of all feature toggles used within
- * the app shell. Each feature toggle should be a constant.
- *
- * ```
- * export const FEATURE_TOGGLE_NAME = 'featureToggleName';
- * export const FLAGS = {
- *   [FEATURE_TOGGLE_NAME]: false,
- * };
- * ```
- *
- * NOTE:
- *   Default values are not yet passed to flopflip and it has to be decided
- *   how the integrate with the plugin API.
- *   The default values would be used whenever feature toggles have not been
- *   fetched from LaunchDarkly (without default values flopflip will default
- *   them to off until fetched).
- */
-var UI_REDESIGN = 'uiRedesign';
-var FLAGS = _defineProperty({}, UI_REDESIGN, false);
-
-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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var AllFeaturesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "AllFeatures" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 72, source: { body: "query AllFeatures {\n  allFeatures {\n    name\n    value\n    reason\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-// This value is hard-coded here because we want to make sure that the
-// app uses our account of LD. The value is meant to be public, so there
-// is no need to be concerned about security.
-var ldClientSideIdProduction = '5979d95f6040390cd07b5e01';
-
-function getUserCustomFieldsForLaunchDarklyAdapter(user, projectKey) {
-  var _user$launchdarklyTra, _user$launchdarklyTra2, _user$launchdarklyTra3, _user$launchdarklyTra4, _user$launchdarklyTra5;
-
-  return {
-    project: projectKey !== null && projectKey !== void 0 ? projectKey : '',
-    id: (_user$launchdarklyTra = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingId) !== null && _user$launchdarklyTra !== void 0 ? _user$launchdarklyTra : '',
-    team: (_user$launchdarklyTra2 = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingTeam) !== null && _user$launchdarklyTra2 !== void 0 ? _user$launchdarklyTra2 : [],
-    group: (_user$launchdarklyTra3 = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingGroup) !== null && _user$launchdarklyTra3 !== void 0 ? _user$launchdarklyTra3 : '',
-    subgroup: (_user$launchdarklyTra4 = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingSubgroup) !== null && _user$launchdarklyTra4 !== void 0 ? _user$launchdarklyTra4 : '',
-    tenant: (_user$launchdarklyTra5 = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingTenant) !== null && _user$launchdarklyTra5 !== void 0 ? _user$launchdarklyTra5 : ''
-  };
-}
-
-var parseFlags = function parseFlags(fetchedFlags) {
-  var _context;
-
-  return _Object$fromEntries__default["default"](_mapInstanceProperty__default["default"](_context = fetchedFlags.allFeatures).call(_context, function (fetchedFlag) {
-    return [fetchedFlag.name, {
-      value: fetchedFlag.value,
-      reason: fetchedFlag.reason
-    }];
-  }));
-};
-
-var SetupFlopFlipProvider = function SetupFlopFlipProvider(props) {
-  var apolloClient = react$1.useApolloClient();
-  var enableLongLivedFeatureFlags = applicationShellConnectors.useApplicationContext(function (context) {
-    return context.environment.enableLongLivedFeatureFlags;
-  });
-  var allMenuFeatureToggles = useAllMenuFeatureToggles();
-  var flags = react.useMemo(function () {
-    return _objectSpread$5(_objectSpread$5(_objectSpread$5({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), _flagsInstanceProperty__default["default"](props));
-  }, [allMenuFeatureToggles.allFeatureToggles, _flagsInstanceProperty__default["default"](props)]);
-  react.useMemo(function () {
-    if (enableLongLivedFeatureFlags) {
-      combineAdapters__default["default"].combine([ldAdapter__default["default"], httpAdapter__default["default"]]);
-    } else {
-      combineAdapters__default["default"].combine([ldAdapter__default["default"]]);
-    }
-  }, [enableLongLivedFeatureFlags]);
-  var defaultFlags = react.useMemo(function () {
-    return _objectSpread$5(_objectSpread$5(_objectSpread$5({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), props.defaultFlags);
-  }, [allMenuFeatureToggles.allFeatureToggles, props.defaultFlags]);
-  var adapterArgs = react.useMemo(function () {
-    var _props$user, _props$ldClientSideId, _props$user2, _props$user3;
-
-    return {
-      user: {
-        key: (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.id
-      },
-      launchdarkly: {
-        sdk: {
-          // Allow to overwrite the client ID, passed via the `additionalEnv` properties
-          // of the application config.
-          // This is mostly useful for internal usage on our staging environments.
-          clientSideId: (_props$ldClientSideId = props.ldClientSideId) !== null && _props$ldClientSideId !== void 0 ? _props$ldClientSideId : ldClientSideIdProduction
-        },
-        flags: flags,
-        user: {
-          key: (_props$user2 = props.user) === null || _props$user2 === void 0 ? void 0 : _props$user2.id,
-          custom: getUserCustomFieldsForLaunchDarklyAdapter(props.user, props.projectKey)
-        }
-      },
-      http: {
-        user: {
-          key: (_props$user3 = props.user) === null || _props$user3 === void 0 ? void 0 : _props$user3.id
-        },
-        execute: function () {
-          var _execute = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
-            var response;
-            return _regeneratorRuntime__default["default"].wrap(function _callee$(_context2) {
-              while (1) {
-                switch (_context2.prev = _context2.next) {
-                  case 0:
-                    _context2.next = 2;
-                    return apolloClient.query({
-                      query: AllFeaturesQuery,
-                      errorPolicy: 'ignore',
-                      context: {
-                        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
-                      }
-                    });
-
-                  case 2:
-                    response = _context2.sent;
-                    return _context2.abrupt("return", parseFlags(response.data));
-
-                  case 4:
-                  case "end":
-                    return _context2.stop();
-                }
-              }
-            }, _callee);
-          }));
-
-          function execute() {
-            return _execute.apply(this, arguments);
-          }
-
-          return execute;
-        }()
-      }
-    };
-  }, [apolloClient, flags, props.ldClientSideId, props.projectKey, props.user]);
-
-  return jsxRuntime.jsx(reactBroadcast.ConfigureFlopFlip, {
-    adapter: combineAdapters__default["default"],
-    adapterArgs: adapterArgs,
-    defaultFlags: defaultFlags,
-    shouldDeferAdapterConfiguration: typeof props.shouldDeferAdapterConfiguration === 'boolean' ? props.shouldDeferAdapterConfiguration : !props.user || allMenuFeatureToggles.isLoading,
-    children: props.children
-  });
-};
-SetupFlopFlipProvider.propTypes = {};
-SetupFlopFlipProvider.displayName = 'SetupFlopFlipProvider';
-
-var ThemeSwitcher = function ThemeSwitcher() {
-  var isNewThemeEnabled = reactBroadcast.useFeatureToggle(UI_REDESIGN);
-  var theme = isNewThemeEnabled ? 'test' : 'default';
-  return jsxRuntime.jsx(designSystem.ThemeProvider, {
-    theme: theme,
-    themeOverrides: applicationComponents.themesOverrides[theme]
-  });
-};
-
-/**
- * This component will let gtm know if any information about the user has
- * changed.
- */
-var GtmUserTracker = function GtmUserTracker(props) {
-  react.useEffect(function () {
-    if (props.user) {
-      updateUser(props.user.id);
-    }
-  }, [props.user]);
-  return null;
-};
-
-GtmUserTracker.displayName = 'GtmUserTracker';
-
-var GtmApplicationTracker = function GtmApplicationTracker(props) {
-  react.useEffect(function () {
-    trackApplicationName(props.applicationName);
-    trackProjectKey(props.projectKey);
-    trackUserBusinessRole(props.userBusinessRole);
-  }, [props.applicationName, props.projectKey, props.userBusinessRole]);
-  return null;
-};
-
-GtmApplicationTracker.propTypes = {
-  applicationName: _pt__default["default"].string.isRequired,
-  projectKey: _pt__default["default"].string,
-  userBusinessRole: _pt__default["default"].string
-};
-GtmApplicationTracker.displayName = 'GtmApplicationTracker';
-
-var messages = reactIntl.defineMessages({
-  'NavBar.MCSupport.title': {
-    id: 'NavBar.MCSupport.title',
-    defaultMessage: 'Support'
-  }
-});
-
-var useLoadingMenuLayoutEffect = function useLoadingMenuLayoutEffect() {
-  var cachedIsForcedMenuOpen = window.localStorage.getItem(constants.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');
-    if (!isForcedMenuOpen) document.body.classList.remove('body__menu-open');
-  }, [isForcedMenuOpen]);
-};
-
-// Type guard to help with filtering arrays for nullish elements.
-function nonNullable(value) {
-  return value !== null && value !== undefined;
-}
-
-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 _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$4(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys$4(Object(source))).call(_context8, 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: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "mainMenuLink" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, 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: 984, 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        icon\n        mainMenuLink {\n          id\n          permissions\n          defaultLabel\n          labelAllLocales {\n            locale\n            value\n          }\n        }\n        submenuLinks {\n          id\n          uriPath\n          permissions\n          defaultLabel\n          labelAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-
-var getInitialState = function getInitialState(isForcedMenuOpen) {
-  return {
-    isExpanderVisible: true,
-    isMenuOpen: isNil__default["default"](isForcedMenuOpen) ? false : isForcedMenuOpen
-  };
-};
-
-var reducer = function reducer(state, action) {
-  switch (action.type) {
-    case 'setActiveItemIndex':
-      return _objectSpread$4(_objectSpread$4({}, state), {}, {
-        activeItemIndex: action.payload
-      });
-
-    case 'unsetActiveItemIndex':
-      return _objectSpread$4(_objectSpread$4({}, state), {}, {
-        activeItemIndex: undefined
-      });
-
-    case 'setIsExpanderVisible':
-      return _objectSpread$4(_objectSpread$4({}, state), {}, {
-        isExpanderVisible: true
-      });
-
-    case 'toggleIsMenuOpen':
-      return _objectSpread$4(_objectSpread$4({}, state), {}, {
-        isMenuOpen: !state.isMenuOpen
-      });
-
-    case 'setIsMenuOpenAndMakeExpanderVisible':
-      return _objectSpread$4(_objectSpread$4({}, state), {}, {
-        isExpanderVisible: true,
-        isMenuOpen: action.payload
-      });
-
-    case 'reset':
-      return {
-        isExpanderVisible: false,
-        isMenuOpen: false
-      };
-
-    default:
-      return state;
-  }
-};
-
-var useNavbarStateManager = function useNavbarStateManager(props) {
-  var _context, _context2, _context4, _context5;
-
-  var navBarNode = react.useRef(null);
-  var applicationsNavBarMenu = useApplicationsMenu('navBar', {
-    queryOptions: {
-      onError: sentry.reportErrorToSentry
-    },
-    environment: props.environment
-  });
-
-  var _useMcQuery = useMcQuery(FetchProjectExtensionsNavbar, {
-    skip: !props.environment.servedByProxy,
-    context: {
-      target: constants$1.GRAPHQL_TARGETS.SETTINGS_SERVICE
-    },
-    fetchPolicy: 'cache-and-network',
-    onError: sentry.reportErrorToSentry
-  }),
-      projectExtensionsQuery = _useMcQuery.data;
-
-  var legacyCustomAppsMenu = projectExtensionsQuery && projectExtensionsQuery.projectExtension && projectExtensionsQuery.projectExtension.applications ? _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = projectExtensionsQuery.projectExtension.applications).call(_context2, function (app) {
-    var _context3;
-
-    // Map the menu properties to match the one from the proxy schema.
-    // This is to ensure that the menu object is the same from the proxy
-    // config and the custom apps config, thus allowing them to be
-    // concatenated and rendered the same way.
-    if (!app.navbarMenu) return;
-    return {
-      key: app.navbarMenu.key,
-      uriPath: app.navbarMenu.uriPath,
-      labelAllLocales: app.navbarMenu.labelAllLocales || [],
-      icon: app.navbarMenu.icon,
-      featureToggle: app.navbarMenu.featureToggle,
-      permissions: app.navbarMenu.permissions,
-      submenu: _mapInstanceProperty__default["default"](_context3 = app.navbarMenu.submenu || []).call(_context3, function (menu) {
-        return {
-          key: menu.key,
-          uriPath: menu.uriPath,
-          labelAllLocales: menu.labelAllLocales || [],
-          featureToggle: menu.featureToggle,
-          permissions: menu.permissions,
-          menuVisibility: undefined,
-          actionRights: undefined,
-          dataFences: undefined
-        };
-      }),
-      menuVisibility: undefined,
-      actionRights: undefined,
-      dataFences: undefined
-    };
-  })).call(_context, nonNullable) : [];
-  var organizationCustomAppsMenu = projectExtensionsQuery && projectExtensionsQuery.projectExtension && projectExtensionsQuery.projectExtension.installedApplications ? _filterInstanceProperty__default["default"](_context4 = _mapInstanceProperty__default["default"](_context5 = projectExtensionsQuery.projectExtension.installedApplications).call(_context5, function (installedApplication) {
-    var _context6;
-
-    var application = installedApplication.application; // Map the menu properties to match the one from the proxy schema.
-    // This is to ensure that the menu object is the same from the proxy
-    // config and the custom apps config, thus allowing them to be
-    // concatenated and rendered the same way.
-
-    return {
-      key: application.id,
-      uriPath: application.entryPointUriPath,
-      labelAllLocales: application.mainMenuLink.labelAllLocales || [],
-      icon: application.icon,
-      permissions: application.mainMenuLink.permissions,
-      defaultLabel: application.mainMenuLink.defaultLabel,
-      featureToggle: undefined,
-      menuVisibility: undefined,
-      actionRights: undefined,
-      dataFences: undefined,
-      submenu: _mapInstanceProperty__default["default"](_context6 = application.submenuLinks || []).call(_context6, function (submenuLink) {
-        return {
-          key: submenuLink.id,
-          uriPath: submenuLink.uriPath,
-          labelAllLocales: submenuLink.labelAllLocales || [],
-          permissions: submenuLink.permissions,
-          defaultLabel: submenuLink.defaultLabel,
-          featureToggle: undefined,
-          menuVisibility: undefined,
-          actionRights: undefined,
-          dataFences: undefined
-        };
-      })
-    };
-  })).call(_context4, nonNullable) : [];
-  var cachedIsForcedMenuOpen = window.localStorage.getItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
-  var isForcedMenuOpen = isNil__default["default"](cachedIsForcedMenuOpen) ? null : JSON.parse(cachedIsForcedMenuOpen);
-
-  var _useReducer = react.useReducer(reducer, getInitialState(isForcedMenuOpen)),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
-  var checkSize = react.useCallback(throttle__default["default"](function () {
-    var shouldOpen = window.innerWidth > 1024;
-    var canExpandMenu = window.innerWidth > 918; // If the screen is small, we should always keep the menu closed,
-    // no matter the settings.
-
-    if (!canExpandMenu) {
-      if (state.isMenuOpen || state.isExpanderVisible) {
-        // and resets the state to avoid conflicts
-        dispatch({
-          type: 'reset'
-        });
-      }
-    } else if (canExpandMenu && state.isExpanderVisible !== true) {
-      dispatch({
-        type: 'setIsExpanderVisible'
-      });
-    } else if (isNil__default["default"](isForcedMenuOpen) && state.isMenuOpen !== shouldOpen) {
-      // User has no settings yet (this.props.isForcedMenuOpen === null)
-      // We check the viewport size and:
-      // - if screen is big, we open the menu
-      // - if screen is small we close it
-      dispatch({
-        type: 'setIsMenuOpenAndMakeExpanderVisible',
-        payload: shouldOpen
-      });
-    } else if (!isNil__default["default"](isForcedMenuOpen) && state.isMenuOpen !== isForcedMenuOpen) {
-      // User has setting, we should use that and ignore the screen size.
-      // Note: if viewport size is small, we should ignore the user settings.
-      dispatch({
-        type: 'setIsMenuOpenAndMakeExpanderVisible',
-        payload: isForcedMenuOpen
-      });
-    }
-  }, 100), [isForcedMenuOpen, state.isExpanderVisible, state.isMenuOpen]);
-  var shouldCloseMenuFly = react.useCallback(function (event) {
-    if (navBarNode && navBarNode.current && !navBarNode.current.contains(event.target) && !state.isMenuOpen) dispatch({
-      type: 'unsetActiveItemIndex'
-    });else if (event.type === 'mouseleave') dispatch({
-      type: 'unsetActiveItemIndex'
-    });
-  }, [state.isMenuOpen]);
-  react.useEffect(function () {
-    window.addEventListener('resize', checkSize);
-    window.addEventListener('click', shouldCloseMenuFly, true);
-    return function () {
-      window.removeEventListener('resize', checkSize);
-      window.removeEventListener('click', shouldCloseMenuFly, true);
-    };
-  }, [checkSize, shouldCloseMenuFly]);
-  react.useEffect(function () {
-    checkSize(); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // <-- run this only once!!
-
-  react.useLayoutEffect(function () {
-    if (state.isMenuOpen) document.body.classList.add('body__menu-open');
-    if (!state.isMenuOpen) document.body.classList.remove('body__menu-open');
-  }, [state.isMenuOpen]);
-  var handleToggleItem = react.useCallback(function (nextActiveItemIndex) {
-    if (state.activeItemIndex !== nextActiveItemIndex) dispatch({
-      type: 'setActiveItemIndex',
-      payload: nextActiveItemIndex
-    });
-  }, [state.activeItemIndex]);
-  var handleToggleMenu = react.useCallback(function () {
-    if (state.isMenuOpen && state.activeItemIndex) {
-      dispatch({
-        type: 'unsetActiveItemIndex'
-      });
-    }
-
-    dispatch({
-      type: 'toggleIsMenuOpen'
-    }); // Synchronize the menu state with local storage.
-
-    window.localStorage.setItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(!state.isMenuOpen));
-  }, [state.activeItemIndex, state.isMenuOpen]);
-  var allInternalApplicationsNavbarMenu = applicationsNavBarMenu || [];
-
-  var allCustomApplicationsNavbarMenu = _concatInstanceProperty__default["default"](legacyCustomAppsMenu).call(legacyCustomAppsMenu, organizationCustomAppsMenu);
-
-  return _objectSpread$4(_objectSpread$4({}, state), {}, {
-    navBarNode: navBarNode,
-    handleToggleItem: handleToggleItem,
-    handleToggleMenu: handleToggleMenu,
-    shouldCloseMenuFly: shouldCloseMenuFly,
-    allInternalApplicationsNavbarMenu: allInternalApplicationsNavbarMenu,
-    allCustomApplicationsNavbarMenu: allCustomApplicationsNavbarMenu
-  });
-};
-
-var trackingEvents$1 = {
-  collapseMainNav: {
-    action: 'CollapseMainNav',
-    category: 'Main-Navigation',
-    label: 'Collapse Main Navigation'
-  },
-  expandMainNav: {
-    action: 'ExpandMainNav',
-    category: 'Main-Navigation',
-    label: 'Expand Main Navigation'
-  },
-  goToSupport: {
-    action: 'GoToSupport',
-    category: 'Main-Navigation',
-    label: 'Go to Support'
-  }
-};
-
-var _excluded = ["icon"];
-
-function ownKeys$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 _context11, _context12; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context11 = ownKeys$3(Object(source), !0)).call(_context11, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context12 = ownKeys$3(Object(source))).call(_context12, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var compiledStyles = {
-  "global": ":root {\n\n  /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___n7yUt {\n  display: flex;\n  flex-grow: 1;\n  width: 64px;\n  z-index: 19999;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background: var(--background-color-for-navbar);\n}\n\n.navbar-mod__list___RCV3J {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  flex: 1 1 0;\n}\n\n.body__menu-open .navbar-mod__scrollable-menu___64pxJ {\n  flex: 1 1 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.navbar-mod__list-item___MjK6t {\n  width: 64px;\n  min-height: 56px;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background: var(--background-color-for-navbar);\n  margin: 0;\n  list-style: none;\n  cursor: pointer;\n}\n\n.navbar-mod__item-link___X2Ina {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  padding: var(--spacing-m);\n  width: 100%;\n  position: relative;\n  display: block;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep {\n  width: 24px;\n  height: 24px;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  fill: var(--color-for-navbar-icon);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon__active___asorg > svg *:not([fill='none']) {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  flex: 1;\n  font-weight: 500;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  display: none;\n  opacity: 0;\n  transition: all 0.25s ease-in-out;\n  text-align: left;\n  text-decoration: none;\n}\n\n.navbar-mod__expander___jyAUi {\n  border-top: 1px solid var(--color-neutral-40);\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n}\n\n.navbar-mod__expander___jyAUi:hover {\n  background: transparent !important;\n}\n\n.navbar-mod__expand-icon___BtmRa {\n  align-items: center;\n  border-radius: 32px;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  transform: translateX(0) rotateZ(0deg);\n  width: 24px;\n}\n\n.navbar-mod__item--bottom___eW7nh {\n  position: absolute;\n  bottom: 50px;\n}\n\n.navbar-mod__list-item___MjK6t:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background-color: var(--background-color-for-navbar-when-hovered);\n}\n\n.navbar-mod__item__active___lo1sr .navbar-mod__title___eRWUj {\n  opacity: 1;\n  display: block;\n  transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___zk0zh {\n  height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item_menu-collapsed___cluyY .navbar-mod__item-link___X2Ina {\n  text-align: center;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__title___eRWUj {\n  border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__sublist___os1s7 {\n  padding-top: 40px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___eRWUj {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  font-weight: 500;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-navbar-link);\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  box-shadow: var(--shadow-for-navbar);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  height: auto;\n  min-height: 56px;\n  transition: max-height 0.15s ease-out;\n  overflow: hidden;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt,\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  width: 245px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  display: block;\n  opacity: 1;\n  margin-left: var(--spacing-m);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__title___eRWUj {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expand-icon___BtmRa {\n  transform: translateX(0) rotateZ(180deg);\n}\n\n.body__menu-open .navbar-mod__item__active___lo1sr {\n  max-height: 500px;\n  transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7 {\n  position: relative;\n  z-index: 1;\n  left: 0;\n  margin: 0 0 0 calc(\n    24px + var(--spacing-m) + 4px + 4px\n  );\n  padding: var(--spacing-m) 0 0;\n  background-color: transparent;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7.navbar-mod__sublist-no-children___Dy-h- {\n  border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expander___jyAUi {\n  min-height: 50px;\n  justify-content: flex-end;\n  padding: var(--spacing-m);\n}\n\n/*  Second level menu */\n\n.navbar-mod__sublist___os1s7 {\n  padding: 55px var(--spacing-l) var(--spacing-m);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  position: absolute;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background-color: var(--background-color-for-navbar);\n  top: 0;\n  left: 64px;\n  z-index: -1;\n  list-style: none;\n  opacity: 0.01;\n  visibility: hidden;\n}\n\n.navbar-mod__sublist__inactive___kJvf- {\n  /* empty block */\n}\n\n.navbar-mod__sublist-item___gafkS {\n  padding: var(--spacing-s) 0 0;\n}\n\n.navbar-mod__sublist-item___gafkS:first-of-type {\n  padding: 0;\n}\n\n.navbar-mod__sublist-item___gafkS:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__text___ccHEu {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-navbar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-navbar-link);\n}\n\n.navbar-mod__text-link___dhtj6 {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link);\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___dhtj6:hover {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-hovered);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n/* Item active */\n\n.navbar-mod__item__active___lo1sr,\n.navbar-mod__item_menu__active___5xFRw {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  width: calc(\n    205px + 64px -\n      var(--spacing-m) * 2\n  );\n  justify-content: flex-start;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n  width: calc(24px + 4px * 2);\n  display: flex;\n  justify-content: center;\n  align-self: flex-start;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n  justify-content: flex-start;\n  display: flex;\n  width: 100%;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n  /* empty block */\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  position: relative;\n  width: auto;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  margin-left: 40px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  margin-left: var(--spacing-m);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  margin-left: 0;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n  width: 205px;\n  min-height: 100%;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n  width: calc(100% - calc(\n    24px + var(--spacing-m) + 4px + 4px\n  ));\n}\n\n.navbar-mod__sublist-expanded__active___240JK,\n.navbar-mod__sublist-collapsed__active___-9vYh {\n  opacity: 1;\n  visibility: visible;\n  text-align: left;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  background-color: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__highlighted___oJWkA {\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  color: var(--color-for-navbar-link-when-active) !important;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-weight: var(--font-weight-for-navbar-link-when-active);\n}\n\n.navbar-mod__hidden___TQLSs {\n  display: none;\n}\n\n.navbar-mod__divider___TpVzu {\n  border-top: 1px solid var(--color-neutral-40);\n}\n\n.navbar-mod__loading-dot-container___G2LVb {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___64pxJ {\n  flex: 1 1 0;\n  padding-bottom: 32px;\n}\n\n.navbar-mod__fixed-menu___42tD9 {\n  flex: 0 0 0;\n  position: relative;\n}\n",
-  "jsonMap": {
-    "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",
-    "icon__active": "navbar-mod__icon__active___asorg",
-    "title": "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_menu-collapsed": "navbar-mod__item_menu-collapsed___cluyY",
-    "item__no-submenu": "navbar-mod__item__no-submenu___0lmiH",
-    "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",
-    "item_menu__active": "navbar-mod__item_menu__active___5xFRw",
-    "icon-container": "navbar-mod__icon-container___w3FtA",
-    "fixed-menu": "navbar-mod__fixed-menu___42tD9",
-    "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": "navbar-mod__divider___TpVzu",
-    "loading-dot-container": "navbar-mod__loading-dot-container___G2LVb"
-  }
-};
-var styles$1 = compiledStyles.jsonMap;
-
-/*
-<DataMenu data={[]}>
-  <MenuGroup>
-    <MenuItem>
-      <MenuItemLink linkTo="/foo">(icon) Products</MenuItemLink>
-      <MenuGroup>
-        <MenuItemLink linkTo="/foo/new">Add product</MenuItemLink>
-      </MenuGroup>
-    </MenuItem>
-  </MenuGroup>
-  <MenuExpander/>
-</DataMenu>
-*/
-var HeartIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./heart-33cd94c6.cjs.prod.js'); });
-});
-var PaperclipIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./paperclip-b1b806ab.cjs.prod.js'); });
-});
-var PluginIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./plugin-e97ae3e6.cjs.prod.js'); });
-});
-var RocketIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./rocket-b2dbda7f.cjs.prod.js'); });
-});
-var StarIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./star-ab4be629.cjs.prod.js'); });
-});
-var ConnectedSquareIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./connected-square-abf36852.cjs.prod.js'); });
-});
-var WorldIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./world-12528632.cjs.prod.js'); });
-});
-var TreeStructureIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./tree-structure-779fcc36.cjs.prod.js'); });
-});
-var UserFilledIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./user-filled-384a2eaf.cjs.prod.js'); });
-});
-var SpeedometerIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./speedometer-1e69fd13.cjs.prod.js'); });
-});
-var TagMultiIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./tag-multi-fb817131.cjs.prod.js'); });
-});
-var CartIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./cart-ad0aba9b.cjs.prod.js'); });
-});
-var BoxIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./box-d849ea03.cjs.prod.js'); });
-});
-var GearIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./gear-6f8c30e3.cjs.prod.js'); });
-});
-var ListWithSearchIcon = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./list-with-search-a0b22169.cjs.prod.js'); });
-});
-
-// The icon is expected to be the `svg` document as a string.
-// For backwards compatibility purposes, we still support the legacy "icon name",
-// which we then map to one of the pre-defined icons.
-// Eventually, we want to get rid of this "switch" logic.
-var IconSwitcher = function IconSwitcher(_ref) {
-  var icon = _ref.icon,
-      iconProps = _objectWithoutProperties(_ref, _excluded);
-
-  if (_includesInstanceProperty__default["default"](icon).call(icon, '<svg')) {
-    return jsxRuntime.jsx(InlineSvg__default["default"], _objectSpread$3({
-      data: icon
-    }, iconProps));
-  } // Backwards compatibility for apps using the "icon name".
-
-
-  switch (icon) {
-    // Legacy application icons
-    // TODO: To be removed once MC applications icons updates are published
-    case 'TreeStructureIcon':
-      return jsxRuntime.jsx(TreeStructureIcon, _objectSpread$3({}, iconProps));
-
-    case 'UserFilledIcon':
-      return jsxRuntime.jsx(UserFilledIcon, _objectSpread$3({}, iconProps));
-
-    case 'SpeedometerIcon':
-      return jsxRuntime.jsx(SpeedometerIcon, _objectSpread$3({}, iconProps));
-
-    case 'TagMultiIcon':
-      return jsxRuntime.jsx(TagMultiIcon, _objectSpread$3({}, iconProps));
-
-    case 'CartIcon':
-      return jsxRuntime.jsx(CartIcon, _objectSpread$3({}, iconProps));
-
-    case 'BoxIcon':
-      return jsxRuntime.jsx(BoxIcon, _objectSpread$3({}, iconProps));
-
-    case 'GearIcon':
-      return jsxRuntime.jsx(GearIcon, _objectSpread$3({}, iconProps));
-
-    case 'ListWithSearchIcon':
-      return jsxRuntime.jsx(ListWithSearchIcon, _objectSpread$3({}, iconProps));
-    // Custom application icons set
-
-    case 'HeartIcon':
-      return jsxRuntime.jsx(HeartIcon, _objectSpread$3({}, iconProps));
-
-    case 'PaperclipIcon':
-      return jsxRuntime.jsx(PaperclipIcon, _objectSpread$3({}, iconProps));
-
-    case 'PluginIcon':
-      return jsxRuntime.jsx(PluginIcon, _objectSpread$3({}, iconProps));
-
-    case 'RocketIcon':
-      return jsxRuntime.jsx(RocketIcon, _objectSpread$3({}, iconProps));
-
-    case 'StarIcon':
-      return jsxRuntime.jsx(StarIcon, _objectSpread$3({}, iconProps));
-
-    case 'ConnectedSquareIcon':
-      return jsxRuntime.jsx(ConnectedSquareIcon, _objectSpread$3({}, iconProps));
-    // For backwards compatibility
-
-    case 'WorldIcon':
-      return jsxRuntime.jsx(WorldIcon, _objectSpread$3({}, iconProps));
-
-    default:
-      return jsxRuntime.jsx("img", {
-        src: MissingImageSvg__default["default"],
-        alt: "missing icon"
-      });
-  }
-};
-
-IconSwitcher.propTypes = {};
-IconSwitcher.displayName = 'IconSwitcher';
-
-var MenuExpander = function MenuExpander(props) {
-  var gtmTracking = react.useContext(GtmContext);
-  return jsxRuntime.jsx("li", {
-    className: classnames__default["default"](styles$1['list-item'], styles$1.expander, _defineProperty({}, styles$1.hidden, !props.isVisible)),
-    children: jsxRuntime.jsx("div", {
-      onClick: function onClick(event) {
-        var _trackingEvents = trackingEvents$1[props.isMenuOpen ? 'collapseMainNav' : 'expandMainNav'],
-            action = _trackingEvents.action,
-            category = _trackingEvents.category,
-            label = _trackingEvents.label;
-        gtmTracking.track(action, category, label);
-        props.onClick(event);
-      },
-      className: styles$1['expand-icon'],
-      "data-testid": "menu-expander",
-      children: jsxRuntime.jsx(icons.ArrowRightIcon, {
-        color: "surface",
-        size: "big"
-      })
-    })
-  }, "expander");
-};
-
-MenuExpander.propTypes = {};
-MenuExpander.displayName = 'MenuExpander';
-
-var Faded = /*#__PURE__*/_styled__default["default"]("div", {
-  target: "ejre2oe0"
-} )("position:absolute;top:-32px;height:32px;width:100%;background:linear-gradient(\n    0deg,\n    ", applicationComponents.designTokens.backgroundColorForNavbar, " 0%,\n    rgba(0, 0, 0, 0) 100%\n  );z-index:1;" + ("" ));
-
-var MenuGroup = function MenuGroup(props) {
-  if (props.isExpanded && (props.level === 2 && !props.hasSubmenu || props.level === 2 && !props.isActive)) {
-    return null;
-  }
-
-  var isSublistActiveWhileIsMenuExpanded = props.level === 2 && props.isActive && props.isExpanded;
-  var isSublistActiveWhileIsMenuCollapsed = props.level === 2 && props.isActive && !props.isExpanded;
-  return jsxRuntime.jsx("ul", {
-    id: "group-".concat(props.id),
-    "data-testid": "group-".concat(props.id),
-    role: "menu",
-    "aria-expanded": isSublistActiveWhileIsMenuExpanded || isSublistActiveWhileIsMenuCollapsed,
-    className: classnames__default["default"](_defineProperty({}, styles$1.list, props.level === 1), _defineProperty({}, styles$1.sublist, props.level === 2), _defineProperty({}, styles$1['sublist-no-children'], props.level === 2 && !props.children), _defineProperty({}, styles$1['sublist-expanded__active'], isSublistActiveWhileIsMenuExpanded), _defineProperty({}, styles$1['sublist-collapsed__active'], isSublistActiveWhileIsMenuCollapsed), _defineProperty({}, styles$1.sublist__inactive, !isSublistActiveWhileIsMenuCollapsed)),
-    children: props.children
-  });
-};
-
-MenuGroup.propTypes = {};
-MenuGroup.displayName = 'MenuGroup';
-
-var MenuItem = function MenuItem(props) {
-  var _props$isMainMenuRout, _classnames8;
-
-  return jsxRuntime.jsx("li", {
-    role: "menu-item",
-    className: classnames__default["default"](styles$1['list-item'], (_classnames8 = {}, _defineProperty(_classnames8, styles$1.item__active, props.isActive), _defineProperty(_classnames8, styles$1['item_menu__active'], (_props$isMainMenuRout = props.isMainMenuRouteActive) !== null && _props$isMainMenuRout !== void 0 ? _props$isMainMenuRout : false), _defineProperty(_classnames8, styles$1['item_menu-collapsed'], !props.isMenuOpen), _defineProperty(_classnames8, styles$1['item__no-submenu'], !props.hasSubmenu), _classnames8)),
-    onClick: props.onClick,
-    onMouseEnter: props.onMouseEnter,
-    onMouseLeave: props.onMouseLeave,
-    children: jsxRuntime.jsx("div", {
-      className: styles$1['item-link'],
-      children: props.children
-    })
-  });
-};
-
-MenuItem.propTypes = {};
-MenuItem.displayName = 'MenuItem';
-var menuItemLinkDefaultProps = {
-  exactMatch: false
-};
-
-var MenuItemLink = function MenuItemLink(props) {
-  var gtmTracking = react.useContext(GtmContext);
-
-  var redirectTo = function redirectTo(targetUrl) {
-    return applicationEntryPoint.location.replace(targetUrl);
-  };
-
-  if (props.linkTo) {
-    return jsxRuntime.jsx(reactRouterDom.NavLink, {
-      to: props.linkTo,
-      exact: props.exactMatch,
-      activeClassName: styles$1.highlighted,
-      className: styles$1['text-link'],
-      onClick: function onClick(event) {
-        if (props.linkTo && props.useFullRedirectsForLinks) {
-          event.preventDefault();
-          redirectTo(props.linkTo);
-        } else if (props.onClick) {
-          event.persist();
-          props.onClick(event, gtmTracking.track);
-        }
-      },
-      children: props.children
-    });
-  }
-
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: props.children
-  });
-};
-
-MenuItemLink.propTypes = {};
-MenuItemLink.displayName = 'MenuItemLink';
-MenuItemLink.defaultProps = menuItemLinkDefaultProps;
-
-var MenuItemDivider = function MenuItemDivider() {
-  return jsxRuntime.jsx("div", {
-    className: styles$1.divider
-  });
-};
-
-MenuItemDivider.displayName = 'MenuItemDivider';
-
-var isEveryMenuVisibilitySetToHidden = function isEveryMenuVisibilitySetToHidden(menuVisibilities, namesOfMenuVisibilities) {
-  return _Array$isArray__default["default"](namesOfMenuVisibilities) && namesOfMenuVisibilities.length > 0 && _everyInstanceProperty__default["default"](namesOfMenuVisibilities).call(namesOfMenuVisibilities, function (nameOfMenuVisibility) {
-    return menuVisibilities && menuVisibilities[nameOfMenuVisibility] === true;
-  });
-};
-
-var restrictedMenuItemDefaultProps = {
-  permissions: []
-};
-
-function isLongLivedFlag(flag) {
-  return typeof (flag === null || flag === void 0 ? void 0 : flag.value) === 'boolean';
-}
-
-var RestrictedMenuItem = function RestrictedMenuItem(props) {
-  // NOTE: Custom application are activated/deactivated while their
-  // visibility is not controlled via a visibiility overwrite.
-  var flagVariation = reactBroadcast.useFlagVariation(props.featureToggle);
-  if (isEveryMenuVisibilitySetToHidden(props.menuVisibilities, props.namesOfMenuVisibilities)) return null;
-  var permissionsWrapper = _Array$isArray__default["default"](props.permissions) && props.permissions.length > 0 || _Array$isArray__default["default"](props.dataFences) && props.dataFences.length > 0 ? jsxRuntime.jsx(permissions.RestrictedByPermissions, {
-    permissions: props.permissions,
-    actionRights: props.actionRights,
-    dataFences: props.dataFences,
-    selectDataFenceData: function selectDataFenceData(demandedDataFence) {
-      switch (demandedDataFence.type) {
-        case 'store':
-          return demandedDataFence.actualDataFenceValues;
-
-        default:
-          return null;
-      }
-    } // Always check that some of the given permissions match.
-    ,
-    shouldMatchSomePermissions: true,
-    projectPermissions: props.projectPermissions,
-    children: props.children
-  }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: props.children
-  });
-
-  if (props.featureToggle) {
-    // A regular short-lived feature toggle
-    if (flagVariation === true) return permissionsWrapper; // A long-lived feature toggle with `{ value: boolean, string: reason }`
-
-    if (isLongLivedFlag(flagVariation) && flagVariation.value === true) return permissionsWrapper;
-    return null;
-  }
-
-  return permissionsWrapper;
-};
-
-RestrictedMenuItem.propTypes = {};
-RestrictedMenuItem.displayName = 'RestrictedMenuItem';
-RestrictedMenuItem.defaultProps = restrictedMenuItemDefaultProps;
-
-var getMenuVisibilitiesOfSubmenus = function getMenuVisibilitiesOfSubmenus(menu) {
-  var _context, _context2;
-
-  return _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = menu.submenu).call(_context2, function (submenu) {
-    return submenu.menuVisibility;
-  })).call(_context, nonNullable);
-};
-
-var getMenuVisibilityOfMainmenu = function getMenuVisibilityOfMainmenu(menu) {
-  return menu.menuVisibility ? [menu.menuVisibility] : [];
-};
-
-var MenuLabel = function MenuLabel(props) {
-  var _context3;
-
-  var localizedLabel = _findInstanceProperty__default["default"](_context3 = props.labelAllLocales).call(_context3, function (loc) {
-    var _context4;
-
-    return _startsWithInstanceProperty__default["default"](_context4 = props.applicationLocale).call(_context4, loc.locale);
-  });
-
-  if (localizedLabel) return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: localizedLabel.value
-  });
-  if (props.defaultLabel) return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: props.defaultLabel
-  });
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: constants$1.NO_VALUE_FALLBACK
-  });
-};
-
-MenuLabel.propTypes = {
-  labelAllLocales: _pt__default["default"].arrayOf(_pt__default["default"].any).isRequired,
-  defaultLabel: _pt__default["default"].string,
-  applicationLocale: _pt__default["default"].string.isRequired
-};
-
-var ApplicationMenu = function ApplicationMenu(props) {
-  var _context5, _props$menu$featureTo, _props$menu$actionRig, _props$menu$dataFence, _context6, _context7;
-
-  var isMainMenuRouteActive = Boolean(reactRouterDom.matchPath(props.location.pathname, {
-    path: _concatInstanceProperty__default["default"](_context5 = "/".concat(props.projectKey, "/")).call(_context5, props.menu.uriPath),
-    exact: false,
-    strict: false
-  }));
-  var hasSubmenu = _Array$isArray__default["default"](props.menu.submenu) && props.menu.submenu.length > 0;
-  react.useEffect(function () {
-    // On first render, check which menu is active for the current application and expand
-    // the submenu automatically unless the all navbar is collapsed or there are no submenu links.
-    if (props.isMenuOpen && isMainMenuRouteActive && hasSubmenu) {
-      props.handleToggleItem();
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [props.isMenuOpen]); // <-- (re)run this only when the all menu expands
-
-  var namesOfMenuVisibilitiesOfAllSubmenus = hasSubmenu ? getMenuVisibilitiesOfSubmenus(props.menu) : getMenuVisibilityOfMainmenu(props.menu);
-  var isMainMenuItemALink = // 1. When the navbar is collapsed
-  !props.isMenuOpen || // 2. When there is no submenu
-  !hasSubmenu || // 3. When the submenu group is active/visible
-  props.isActive;
-  return jsxRuntime.jsx(RestrictedMenuItem, {
-    keyOfMenuItem: props.menu.key,
-    featureToggle: (_props$menu$featureTo = props.menu.featureToggle) !== null && _props$menu$featureTo !== void 0 ? _props$menu$featureTo : undefined,
-    permissions: props.menu.permissions,
-    actionRights: (_props$menu$actionRig = props.menu.actionRights) !== null && _props$menu$actionRig !== void 0 ? _props$menu$actionRig : undefined,
-    dataFences: (_props$menu$dataFence = props.menu.dataFences) !== null && _props$menu$dataFence !== void 0 ? _props$menu$dataFence : undefined,
-    projectPermissions: props.projectPermissions,
-    menuVisibilities: props.menuVisibilities,
-    namesOfMenuVisibilities: namesOfMenuVisibilitiesOfAllSubmenus,
-    children: jsxRuntime.jsxs(MenuItem, {
-      hasSubmenu: hasSubmenu,
-      isActive: props.isActive,
-      isMainMenuRouteActive: isMainMenuRouteActive,
-      isMenuOpen: props.isMenuOpen,
-      onClick: props.handleToggleItem,
-      onMouseEnter: props.isMenuOpen ? undefined : props.handleToggleItem,
-      onMouseLeave: props.isMenuOpen ? undefined : props.shouldCloseMenuFly,
-      children: [jsxRuntime.jsx(MenuItemLink, {
-        linkTo: isMainMenuItemALink ? _concatInstanceProperty__default["default"](_context6 = "/".concat(props.projectKey, "/")).call(_context6, props.menu.uriPath) : undefined,
-        useFullRedirectsForLinks: props.useFullRedirectsForLinks,
-        onClick: props.onMenuItemClick,
-        children: jsxRuntime.jsxs("div", {
-          className: styles$1['item-icon-text'],
-          children: [jsxRuntime.jsx("div", {
-            className: styles$1['icon-container'],
-            children: jsxRuntime.jsx("div", {
-              className: classnames__default["default"](styles$1.icon, _defineProperty({}, styles$1.icon__active, props.isActive || isMainMenuRouteActive)),
-              children: jsxRuntime.jsx(IconSwitcher, {
-                icon: props.menu.icon,
-                size: "scale"
-              })
-            })
-          }), jsxRuntime.jsx("div", {
-            className: styles$1.title,
-            "aria-owns": "group-".concat(props.menu.key),
-            children: jsxRuntime.jsx(MenuLabel, {
-              labelAllLocales: props.menu.labelAllLocales,
-              defaultLabel: props.menu.defaultLabel,
-              applicationLocale: props.applicationLocale
-            })
-          })]
-        })
-      }), jsxRuntime.jsx(MenuGroup, {
-        id: props.menu.key,
-        level: 2,
-        isActive: props.isActive,
-        isExpanded: props.isMenuOpen,
-        hasSubmenu: hasSubmenu,
-        children: hasSubmenu ? _mapInstanceProperty__default["default"](_context7 = props.menu.submenu).call(_context7, function (submenu) {
-          var _context8, _submenu$featureToggl, _submenu$actionRights, _submenu$dataFences, _context9;
-
-          return jsxRuntime.jsx(RestrictedMenuItem, {
-            keyOfMenuItem: submenu.key,
-            featureToggle: (_submenu$featureToggl = submenu.featureToggle) !== null && _submenu$featureToggl !== void 0 ? _submenu$featureToggl : undefined,
-            permissions: submenu.permissions,
-            actionRights: (_submenu$actionRights = submenu.actionRights) !== null && _submenu$actionRights !== void 0 ? _submenu$actionRights : undefined,
-            dataFences: (_submenu$dataFences = submenu.dataFences) !== null && _submenu$dataFences !== void 0 ? _submenu$dataFences : undefined,
-            projectPermissions: props.projectPermissions,
-            menuVisibilities: props.menuVisibilities,
-            namesOfMenuVisibilities: submenu.menuVisibility ? [submenu.menuVisibility] : undefined,
-            children: jsxRuntime.jsx("li", {
-              className: styles$1['sublist-item'],
-              children: jsxRuntime.jsx("div", {
-                className: styles$1.text,
-                children: jsxRuntime.jsx(MenuItemLink, {
-                  linkTo: _concatInstanceProperty__default["default"](_context9 = "/".concat(props.projectKey, "/")).call(_context9, submenu.uriPath),
-                  exactMatch: true,
-                  useFullRedirectsForLinks: props.useFullRedirectsForLinks,
-                  onClick: props.onMenuItemClick,
-                  children: jsxRuntime.jsx(MenuLabel, {
-                    labelAllLocales: submenu.labelAllLocales,
-                    defaultLabel: submenu.defaultLabel,
-                    applicationLocale: props.applicationLocale
-                  })
-                })
-              })
-            })
-          }, _concatInstanceProperty__default["default"](_context8 = "".concat(props.menu.key, "-submenu-")).call(_context8, submenu.key));
-        }) : null
-      })]
-    })
-  }, props.menu.key);
-};
-
-ApplicationMenu.propTypes = {};
-ApplicationMenu.displayName = 'ApplicationMenu';
-var NavBarLayout = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(react$2.Global, {
-      styles: /*#__PURE__*/react$2.css(compiledStyles.global, ";" + ("" ), "" )
-    }), jsxRuntime.jsx("nav", {
-      ref: ref,
-      className: styles$1['left-navigation'],
-      "data-test": "left-navigation",
-      "data-testid": "left-navigation",
-      "data-track-component": "Navigation",
-      children: props.children
-    })]
-  });
-});
-NavBarLayout.displayName = 'NavBarLayout';
-
-var NavBar = function NavBar(props) {
-  var _useNavbarStateManage = useNavbarStateManager({
-    environment: props.environment
-  }),
-      navBarNode = _useNavbarStateManage.navBarNode,
-      isMenuOpen = _useNavbarStateManage.isMenuOpen,
-      isExpanderVisible = _useNavbarStateManage.isExpanderVisible,
-      activeItemIndex = _useNavbarStateManage.activeItemIndex,
-      _handleToggleItem = _useNavbarStateManage.handleToggleItem,
-      handleToggleMenu = _useNavbarStateManage.handleToggleMenu,
-      shouldCloseMenuFly = _useNavbarStateManage.shouldCloseMenuFly,
-      allInternalApplicationsNavbarMenu = _useNavbarStateManage.allInternalApplicationsNavbarMenu,
-      allCustomApplicationsNavbarMenu = _useNavbarStateManage.allCustomApplicationsNavbarMenu;
-
-  var useFullRedirectsForLinks = Boolean(props.environment.useFullRedirectsForLinks);
-  var location = reactRouterDom.useLocation();
-  var gtmTracking = react.useContext(GtmContext);
-  var projectPermissions = react.useMemo(function () {
-    var _props$project, _props$project2, _props$project3;
-
-    return {
-      permissions: applicationShellConnectors.normalizeAllAppliedPermissions((_props$project = props.project) === null || _props$project === void 0 ? void 0 : _props$project.allPermissionsForAllApplications.allAppliedPermissions),
-      actionRights: applicationShellConnectors.normalizeAllAppliedActionRights((_props$project2 = props.project) === null || _props$project2 === void 0 ? void 0 : _props$project2.allPermissionsForAllApplications.allAppliedActionRights),
-      dataFences: applicationShellConnectors.normalizeAllAppliedDataFences((_props$project3 = props.project) === null || _props$project3 === void 0 ? void 0 : _props$project3.allPermissionsForAllApplications.allAppliedDataFences)
-    };
-  }, [props.project]);
-  var menuVisibilities = react.useMemo(function () {
-    var _props$project4;
-
-    return applicationShellConnectors.normalizeAllAppliedMenuVisibilities((_props$project4 = props.project) === null || _props$project4 === void 0 ? void 0 : _props$project4.allPermissionsForAllApplications.allAppliedMenuVisibilities);
-  }, [props.project]);
-  return jsxRuntime.jsx(NavBarLayout, {
-    ref: navBarNode,
-    children: jsxRuntime.jsxs(MenuGroup, {
-      id: "main",
-      level: 1,
-      children: [jsxRuntime.jsxs("div", {
-        className: styles$1['scrollable-menu'],
-        children: [_mapInstanceProperty__default["default"](allInternalApplicationsNavbarMenu).call(allInternalApplicationsNavbarMenu, function (menu) {
-          var menuType = 'scrollable';
-          var itemIndex = "".concat(menuType, "-").concat(menu.key);
-          return jsxRuntime.jsx(ApplicationMenu, {
-            location: location,
-            menu: menu,
-            isActive: activeItemIndex === itemIndex,
-            handleToggleItem: function handleToggleItem() {
-              return _handleToggleItem(itemIndex);
-            },
-            isMenuOpen: isMenuOpen,
-            shouldCloseMenuFly: shouldCloseMenuFly,
-            projectPermissions: projectPermissions,
-            menuVisibilities: menuVisibilities,
-            applicationLocale: props.applicationLocale,
-            projectKey: props.projectKey,
-            useFullRedirectsForLinks: useFullRedirectsForLinks,
-            onMenuItemClick: props.onMenuItemClick
-          }, menu.key);
-        }), jsxRuntime.jsx(MenuItemDivider, {}), _mapInstanceProperty__default["default"](allCustomApplicationsNavbarMenu).call(allCustomApplicationsNavbarMenu, function (menu) {
-          var menuType = 'scrollable';
-          var itemIndex = "".concat(menuType, "-").concat(menu.key);
-          return jsxRuntime.jsx(ApplicationMenu, {
-            location: location,
-            menu: menu,
-            isActive: activeItemIndex === itemIndex,
-            handleToggleItem: function handleToggleItem() {
-              return _handleToggleItem(itemIndex);
-            },
-            isMenuOpen: isMenuOpen,
-            shouldCloseMenuFly: shouldCloseMenuFly,
-            projectPermissions: projectPermissions,
-            menuVisibilities: menuVisibilities,
-            applicationLocale: props.applicationLocale,
-            projectKey: props.projectKey,
-            useFullRedirectsForLinks: useFullRedirectsForLinks,
-            onMenuItemClick: props.onMenuItemClick
-          }, menu.key);
-        })]
-      }), jsxRuntime.jsxs("div", {
-        className: styles$1['fixed-menu'],
-        children: [jsxRuntime.jsx(Faded, {}), jsxRuntime.jsx(MenuItem, {
-          hasSubmenu: false,
-          isActive: false,
-          isMenuOpen: isMenuOpen,
-          onClick: function onClick() {
-            gtmTracking.track(trackingEvents$1.goToSupport.action, trackingEvents$1.goToSupport.category, trackingEvents$1.goToSupport.label);
-
-            _handleToggleItem('fixed-support');
-          },
-          onMouseEnter: isMenuOpen ? undefined : function () {
-            return _handleToggleItem('fixed-support');
-          },
-          onMouseLeave: isMenuOpen ? undefined : shouldCloseMenuFly,
-          children: jsxRuntime.jsx("a", {
-            href: constants$1.SUPPORT_PORTAL_URL,
-            rel: "noopener noreferrer",
-            target: "_blank",
-            children: jsxRuntime.jsxs("div", {
-              className: styles$1['item-icon-text'],
-              children: [jsxRuntime.jsx("div", {
-                className: styles$1['icon-container'],
-                children: jsxRuntime.jsx("div", {
-                  className: classnames__default["default"](styles$1.icon, _defineProperty({}, styles$1.icon__active, activeItemIndex === 'fixed-support')),
-                  children: jsxRuntime.jsx(icons.SupportIcon, {
-                    size: "scale"
-                  })
-                })
-              }), jsxRuntime.jsx("div", {
-                className: styles$1.title,
-                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$3({}, messages['NavBar.MCSupport.title']))
-              })]
-            })
-          })
-        }), jsxRuntime.jsx(MenuExpander, {
-          isVisible: isExpanderVisible,
-          onClick: handleToggleMenu,
-          isMenuOpen: isMenuOpen
-        })]
-      })]
-    })
-  });
-};
-
-NavBar.propTypes = {};
-NavBar.displayName = 'NavBar';
-var LoadingNavBar = function LoadingNavBar() {
-  var _context10;
-
-  var ref = react.useRef(null);
-  useLoadingMenuLayoutEffect();
-  return jsxRuntime.jsx(NavBarLayout, {
-    ref: ref,
-    children: jsxRuntime.jsx(MenuGroup, {
-      id: "main",
-      level: 1,
-      children: jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: _mapInstanceProperty__default["default"](_context10 = _Array$from__default["default"](new Array(5))).call(_context10, function (_, index) {
-          return jsxRuntime.jsx(MenuItem, {
-            hasSubmenu: false,
-            isMenuOpen: false,
-            isActive: false,
-            onClick: function onClick() {
-              return undefined;
-            },
-            children: jsxRuntime.jsx("div", {
-              className: styles$1['loading-dot-container'],
-              "data-testid": "dot-container-".concat(index),
-              children: jsxRuntime.jsx(LoadingPlaceholder, {
-                shape: "dot",
-                size: "m"
-              })
-            })
-          }, index);
-        })
-      })
-    })
-  });
-};
-LoadingNavBar.displayName = 'LoadingNavBar';
-
-var trackingEvents = {
-  openQuickAccess: {
-    event: 'keydown',
-    category: 'QuickAccess',
-    label: 'quick_access_open'
-  }
-};
-
-var ButlerContainer = /*#__PURE__*/_styled__default["default"]("div", {
-  target: "e1fuwyk10"
-} )({
-  name: "xvk698",
-  styles: "position:absolute;left:0;bottom:0;top:0;right:0;background-color:rgba(0, 0, 0, 0.35);z-index:20001"
-} );
-
-var pimIndexerStates = {
-  // we did not check yet
-  UNCHECKED: 'UNCHECKED',
-  // the project is indexed by pim-indexer
-  INDEXED: 'INDEXED',
-  // the project is not indexed by pim-indexer
-  NOT_INDEXED: 'NOT_INDEXED'
-};
-
-var QuickAccess = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./quick-access-f42a8e0a.cjs.prod.js'
-  /* webpackChunkName: "quick-access" */
-  ); });
-});
-
-var QuickAccessTrigger = function QuickAccessTrigger(props) {
-  var _useState = react.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isVisible = _useState2[0],
-      setIsVisible = _useState2[1];
-
-  var open = react.useCallback(function () {
-    setIsVisible(true);
-  }, []);
-  var close = react.useCallback(function () {
-    setIsVisible(false);
-  }, []); // We store the information of whether a project is indexed by pim-indexer,
-  // to avoid having to refetch that information every time Quick Access is
-  // opened. We can't move the information to the quick-access.js component
-  // as that component unmounts and would lose its state.
-  //
-  // We need to know whether a project is indexed by pim-indexer to know
-  // whether we should query pim-search or whether we can skip that request.
-  //
-  // We don't need to update this information when the project key changes,
-  // as changing a project always results in a full page reload anyways.
-
-  var _useState3 = react.useState(pimIndexerStates.UNCHECKED),
-      _useState4 = _slicedToArray(_useState3, 2),
-      pimIndexerState = _useState4[0],
-      setPimIndexerState = _useState4[1];
-
-  var handlePimIndexerStateChange = react.useCallback(function (nextPimIndexerState) {
-    setPimIndexerState(nextPimIndexerState);
-  }, []);
-  var keyHandler = react.useCallback(function (event) {
-    var hotKey = 'f'; // avoid interfering with any key combinations using modifier keys
-
-    if (event.ctrlKey || event.altKey || event.shiftKey || event.metaKey) return; // Let users close QuickAccess by pressing Escape
-
-    if (event.key === 'Escape' && event.target.id === 'quick-access-search-input') {
-      close();
-      return;
-    } // Avoid interfering with any other elements. We only
-    // open the QuickAccess when nothing was focused, so target is document.body
-
-
-    if (event.target !== document.body && // tabIndex="-1" has a special meaning
-    // It will make the element focusable, while hiding it from the
-    // navigation. It is typically used for modals and overlays.
-    // react-modal uses it for example. We want to treat those elements
-    // similar to document.body.
-    // See https://stackoverflow.com/a/32912224
-    event.target.getAttribute('tabindex') !== '-1' && // Do not prevent Quick Access from opening when a link has focus
-    event.target.nodeName !== 'A') return;
-
-    if (event.key === hotKey) {
-      if (!isVisible) {
-        // prevent the letter from appearing in the search input when
-        // it is the key press that lead to opening Quick Access
-        event.preventDefault(); // We use tracking directly here as it's the easiest
-        // Otherwise we'd have to duplicate injectTracking from core, as we
-        // can't import it from there
-
-        track(trackingEvents.openQuickAccess.event, trackingEvents.openQuickAccess.category, trackingEvents.openQuickAccess.label);
-      }
-
-      open();
-    }
-
-    return;
-  }, [close, isVisible, open]);
-  react.useEffect(function () {
-    document.addEventListener('keydown', keyHandler);
-    return function () {
-      document.removeEventListener('keydown', keyHandler);
-    };
-  }, [keyHandler]);
-  if (!isVisible) return null;
-  return jsxRuntime.jsx(ErrorBoundary, {
-    children: jsxRuntime.jsx(react.Suspense, {
-      fallback: jsxRuntime.jsx(ButlerContainer, {
-        tabIndex: -1
-      }),
-      children: jsxRuntime.jsx(QuickAccess, {
-        pimIndexerState: pimIndexerState,
-        onPimIndexerStateChange: handlePimIndexerStateChange,
-        onClose: close,
-        onChangeProjectDataLocale: props.onChangeProjectDataLocale
-      })
-    })
-  });
-};
-
-QuickAccessTrigger.propTypes = {};
-QuickAccessTrigger.displayName = 'QuickAccessTrigger';
-
-/**
- * Get the "real" Merchant Center frontend URL to redirect the user
- * to the login page.
- * We use an explicit full URL so that if a user tries to access the
- * Custom Applications directly to its domain, it will always redirect
- * the user to the login page.
- *
- * To determine the "real" URL, we need to check if the current location
- * is a Merchant Center domain, or if it's a custom user domain.
- * For the latter, we can derive the URL from the Merchant Center API URL.
- *
- * A Merchant Center hostname is composed by the following parts:
- *    https://<mc-prefix>.<region>.<provider>.<ct-domain>.<tld>
- * We neeed to check if at least the first 4 parts (right-to-left) are
- * the same.
- */
-function getMcOrigin(mcApiUrl) {
-  var _context, _context2;
-
-  var actualWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
-  var mcApiUrlObject = new _URL__default["default"](mcApiUrl);
-
-  var _mcApiUrlObject$hostn = _reverseInstanceProperty__default["default"](_context = mcApiUrlObject.hostname.split('.')).call(_context),
-      _mcApiUrlObject$hostn2 = _slicedToArray(_mcApiUrlObject$hostn, 4),
-      tldMcApi = _mcApiUrlObject$hostn2[0],
-      ctDomainMcApi = _mcApiUrlObject$hostn2[1],
-      providerMcApi = _mcApiUrlObject$hostn2[2],
-      regionMcApi = _mcApiUrlObject$hostn2[3];
-
-  var _actualWindow$locatio = _reverseInstanceProperty__default["default"](_context2 = actualWindow.location.hostname.split('.')).call(_context2),
-      _actualWindow$locatio2 = _slicedToArray(_actualWindow$locatio, 4),
-      tldMc = _actualWindow$locatio2[0],
-      ctDomainMc = _actualWindow$locatio2[1],
-      providerMc = _actualWindow$locatio2[2],
-      regionMc = _actualWindow$locatio2[3];
-
-  var isMatching = tldMcApi === tldMc && ctDomainMcApi === ctDomainMc && providerMcApi === providerMc && regionMcApi === regionMc;
-
-  if (isMatching) {
-    return actualWindow.location.origin;
-  }
-
-  return mcApiUrlObject.origin.replace('mc-api', 'mc');
-}
-
-var generateAndCacheNonceWithState = function generateAndCacheNonceWithState(state) {
-  var nonce = uuid.v4(); // We store additional information within the given `nonce`
-  // to then retrieve it later when the IdP redirects back
-  // to our application. The URL will contain the `nonce` within
-  // the id_token and, once validated, we can retrieve and use
-  // the state object.
-  // https://auth0.com/docs/protocols/oauth2/oauth-state#how-to-use-the-parameter-to-restore-application-state
-
-  applicationEntryPoint.setSessionState(nonce, state);
-  return nonce;
-};
-
-var RedirectToLogin = function RedirectToLogin() {
-  var _window$app$__DEVELOP, _window$app$__DEVELOP2;
-
-  var location = reactRouterDom.useLocation();
-  var servedByProxy = applicationEntryPoint.useIsServedByProxy();
-
-  if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.authorizeUrl) {
-    var _window$app$__DEVELOP3, _window$app$__DEVELOP4, _window$app$__DEVELOP5, _window$app$__DEVELOP6, _window$app$__DEVELOP7, _window$app$__DEVELOP8, _window$app$__DEVELOP9, _window$app$__DEVELOP10;
-
-    // We pick the project key from local storage. This assumes that the value
-    // as been previously set when the application starts up.
-    // This is necessary to allow switching projects and triggering a new login.
-    var nextProjectKey = applicationEntryPoint.getActiveProjectKey(); // According to the OIDC spec, the `state` parameter is recommended to be sent
-    // to the authorization server to help mitigating Cross-Site Request Forgery.
-    // https://openid.net/specs/openid-connect-core-1_0.html#AuthRequest
-    // Using `state` or `nonce` is very similar but with subtle differences.
-    // Here we follow the approach described by Auth0 on how to use both, where
-    // we generate a `nonce`, store it in session storage together with some state,
-    // and send it to the authorization server as the `state` parameter.
-    // https://auth0.com/docs/protocols/oauth2/redirect-users
-    // Additionally, we still send the `nonce` parameter as well.
-
-    var sessionId = generateAndCacheNonceWithState({
-      applicationId: window.app.applicationId,
-      // Store query parameters to be used after the callback redirect
-      query: {
-        redirectTo: nextProjectKey ? "/".concat(nextProjectKey) : '/'
-      }
-    });
-    var requestedScope = oidc.buildOidcScope({
-      projectKey: nextProjectKey !== null && nextProjectKey !== void 0 ? nextProjectKey : undefined,
-      oAuthScopes: (_window$app$__DEVELOP3 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP3 === void 0 ? void 0 : (_window$app$__DEVELOP4 = _window$app$__DEVELOP3.oidc) === null || _window$app$__DEVELOP4 === void 0 ? void 0 : _window$app$__DEVELOP4.oAuthScopes,
-      additionalOAuthScopes: (_window$app$__DEVELOP5 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP5 === void 0 ? void 0 : (_window$app$__DEVELOP6 = _window$app$__DEVELOP5.oidc) === null || _window$app$__DEVELOP6 === void 0 ? void 0 : _window$app$__DEVELOP6.additionalOAuthScopes,
-      teamId: (_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.teamId
-    }); // Store session scopes, to be able to detect if requested scopes changed
-    // in the application config and invalidate the session.
-    // This is only valid for local development.
-
-    applicationEntryPoint.setSessionScope(requestedScope);
-    return jsxRuntime.jsx(Redirector, {
-      to: "",
-      origin: (_window$app$__DEVELOP9 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP9 === void 0 ? void 0 : (_window$app$__DEVELOP10 = _window$app$__DEVELOP9.oidc) === null || _window$app$__DEVELOP10 === void 0 ? void 0 : _window$app$__DEVELOP10.authorizeUrl,
-      location: location,
-      queryParams: {
-        reason: constants$1.LOGOUT_REASONS.UNAUTHORIZED,
-        // Query parameters for OIDC-lik workflow.
-        client_id: window.app.applicationId,
-        response_type: constants.OIDC_RESPONSE_TYPES.ID_TOKEN,
-        scope: requestedScope,
-        state: sessionId,
-        nonce: sessionId
-      }
-    });
-  }
-
-  var mcOrigin = servedByProxy ? getMcOrigin(window.app.mcApiUrl) : undefined;
-  return jsxRuntime.jsx(Redirector, {
-    to: "login",
-    origin: mcOrigin,
-    location: location,
-    queryParams: {
-      reason: constants$1.LOGOUT_REASONS.UNAUTHORIZED,
-      redirectTo: urlUtils.trimLeadingAndTrailingSlashes(urlUtils.joinPaths(window.location.origin, location.pathname))
-    }
-  });
-};
-
-RedirectToLogin.displayName = 'RedirectToLogin';
-
-function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-// When the application redirects to this route, we always force a hard redirect
-// to the logout route of the authentication service.
-var RedirectToLogout = function RedirectToLogout(props) {
-  var _window$app$__DEVELOP, _window$app$__DEVELOP2, _props$reason;
-
-  var location = reactRouterDom.useLocation();
-  var servedByProxy = applicationEntryPoint.useIsServedByProxy();
-
-  if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.authorizeUrl) {
-    // Remove the `sessionToken` from storage, so that the AppShell can initiate
-    // a new authorization flow.
-    applicationEntryPoint.clearSession();
-    return jsxRuntime.jsx(RedirectToLogin, {});
-  }
-
-  var mcOrigin = servedByProxy ? getMcOrigin(window.app.mcApiUrl) : undefined;
-  return jsxRuntime.jsx(Redirector, {
-    to: "logout",
-    origin: mcOrigin,
-    location: location,
-    queryParams: _objectSpread$2({
-      reason: (_props$reason = props.reason) !== null && _props$reason !== void 0 ? _props$reason : constants$1.LOGOUT_REASONS.USER
-    }, servedByProxy ? {} : {
-      // This will be used after being logged in, to redirect to this location.
-      redirectTo: window.location.origin
-    })
-  });
-};
-
-var styles = {
-  name: "1prreal",
-  styles: "html,body{font-size:var(--font-size-for-body);height:100vh;}#app{height:100%;}"
-} ;
-
-var GlobalStyles = function GlobalStyles() {
-  return jsxRuntime.jsx(react$2.Global, {
-    styles: styles
-  });
-};
-
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-/**
- * This component is rendered whenever the user is considered "authenticated"
- * and contains the "restricted" application part.
- */
-var getHasUnauthorizedError = function getHasUnauthorizedError(graphQLErrors) {
-  return _findInstanceProperty__default["default"](graphQLErrors).call(graphQLErrors, function (gqlError) {
-    return gqlError.extensions && gqlError.extensions.code && gqlError.extensions.code === 'UNAUTHENTICATED';
-  });
-};
-
-var getHasUserBeenDeletedError = function getHasUserBeenDeletedError(graphQLErrors) {
-  return _findInstanceProperty__default["default"](graphQLErrors).call(graphQLErrors, function (gqlError) {
-    var _context;
-
-    return gqlError.message && // NOTE: The CTP API does not provide an error code in this case.
-    _includesInstanceProperty__default["default"](_context = gqlError.message).call(_context, 'was not found.');
-  });
-};
-
-var MainContainer = /*#__PURE__*/_styled__default["default"]("main", {
-  target: "e1kyr09u0"
-} )({
-  name: "1rdshd",
-  styles: "grid-column:2;grid-row:3;min-width:0;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column;position:relative"
-} );
-
-var _ref = {
-  name: "tlwzvn",
-  styles: "flex-grow:1;display:flex;flex-direction:column;position:relative;>*:not(:first-of-type){flex-grow:1;display:flex;flex-direction:column;}"
-} ;
-
-var _ref2 = {
-  name: "14w5yo3",
-  styles: "position:relative;grid-row:3;display:flex;flex-direction:column"
-} ;
-
-var _ref3 = {
-  name: "fqjitq",
-  styles: "grid-row:2;grid-column:1/3"
-} ;
-
-var _ref4 = {
-  name: "8bdwu0",
-  styles: "grid-row:1;grid-column:1/3"
-} ;
-
-var RestrictedApplication = function RestrictedApplication(props) {
-  var applicationEnvironment = applicationShellConnectors.useApplicationContext(function (context) {
-    return context.environment;
-  }); // TODO: using this hook will subscribe the component to route updates.
-  // This is currently useful for detecting a change in the project key
-  // from URL ("/" --> "/:projectKey").
-  // However, every route change will trigger a re-render. This is probably
-  // ok-ish but we might want to look into a more performant solution.
-
-  var location = reactRouterDom.useLocation();
-  var notificationsGlobalRef = react.useRef(null);
-  var notificationsPageRef = react.useRef(null);
-  var layoutRefs = react.useRef({
-    notificationsGlobalRef: notificationsGlobalRef,
-    notificationsPageRef: notificationsPageRef
-  });
-  return jsxRuntime.jsx(FetchUser, {
-    children: function children(_ref5) {
-      var isLoadingUser = _ref5.isLoading,
-          user = _ref5.user,
-          error = _ref5.error;
-
-      if (error) {
-        // In case there is an unauthorized error, we redirect to the login page
-        if (error.graphQLErrors && _Array$isArray__default["default"](error.graphQLErrors)) {
-          var hasUnauthorizedError = getHasUnauthorizedError(error.graphQLErrors);
-          var hasUserBeenDeletedError = getHasUserBeenDeletedError(error.graphQLErrors);
-
-          if (hasUnauthorizedError || hasUserBeenDeletedError) {
-            var logoutReason;
-            if (hasUnauthorizedError) logoutReason = constants$1.LOGOUT_REASONS.UNAUTHORIZED;else if (hasUserBeenDeletedError) logoutReason = constants$1.LOGOUT_REASONS.DELETED;
-            return jsxRuntime.jsx(RedirectToLogout, {
-              reason: logoutReason
-            });
-          }
-        } // Since we do not know the locale of the user, we pick it from the
-        // user's browser to attempt to match the language for the correct translations.
-
-
-        var userLocale = getBrowserLocale(window);
-        return jsxRuntime.jsx(i18n.AsyncLocaleData, {
-          locale: userLocale,
-          applicationMessages: props.applicationMessages,
-          children: function children(_ref6) {
-            var locale = _ref6.locale,
-                messages = _ref6.messages;
-            sentry.reportErrorToSentry(error, {});
-            return jsxRuntime.jsx(ConfigureIntlProvider, {
-              locale: locale,
-              messages: messages,
-              children: jsxRuntime.jsx(ErrorApologizer, {})
-            });
-          }
-        });
-      }
-
-      var projectKeyFromUrl = applicationEntryPoint.selectProjectKeyFromUrl(location.pathname);
-      return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
-        user: user,
-        environment: applicationEnvironment,
-        children: jsxRuntime.jsx(i18n.AsyncLocaleData, {
-          locale: user === null || user === void 0 ? void 0 : user.language,
-          applicationMessages: props.applicationMessages,
-          children: function children(_ref7) {
-            var _user$businessRole;
-
-            var isLoadingLocaleData = _ref7.isLoading,
-                locale = _ref7.locale,
-                messages = _ref7.messages;
-            return jsxRuntime.jsx(ConfigureIntlProvider // We do not want to pass the language as long as the locale data
-            // is not loaded.
-            , _objectSpread$1(_objectSpread$1({}, isLoadingLocaleData ? {} : {
-              locale: locale,
-              messages: messages
-            }), {}, {
-              children: jsxRuntime.jsx(SetupFlopFlipProvider, {
-                user: user,
-                projectKey: projectKeyFromUrl,
-                ldClientSideId: applicationEnvironment.ldClientSideId,
-                flags: props.featureFlags,
-                defaultFlags: props.defaultFeatureFlags,
-                children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                  children: [jsxRuntime.jsx(ThemeSwitcher, {}), jsxRuntime.jsx(VersionTracker, {}), jsxRuntime.jsx(applicationEntryPoint.RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
-                    user: user !== null && user !== void 0 ? user : undefined
-                  }), jsxRuntime.jsx(GtmUserTracker, {
-                    user: user
-                  }), jsxRuntime.jsx(GtmApplicationTracker, {
-                    applicationName: applicationEnvironment.applicationName,
-                    projectKey: projectKeyFromUrl,
-                    userBusinessRole: (_user$businessRole = user === null || user === void 0 ? void 0 : user.businessRole) !== null && _user$businessRole !== void 0 ? _user$businessRole : undefined
-                  }), jsxRuntime.jsxs("div", {
-                    css: /*#__PURE__*/react$2.css("height:100vh;display:grid;grid-template-rows:auto ", constants.DIMENSIONS.header, " 1fr;grid-template-columns:auto 1fr;" + ("" ), "" ),
-                    children: [jsxRuntime.jsx("div", {
-                      ref: notificationsGlobalRef,
-                      role: "region",
-                      "aria-live": "polite",
-                      css: _ref4,
-                      children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                        domain: constants$1.DOMAINS.GLOBAL
-                      })
-                    }), jsxRuntime.jsx(reactRouterDom.Route, {
-                      children: function children() {
-                        if (!projectKeyFromUrl) return jsxRuntime.jsx(QuickAccessTrigger, {});
-                        return jsxRuntime.jsx(FetchProject, {
-                          projectKey: projectKeyFromUrl,
-                          children: function children(_ref8) {
-                            var isProjectLoading = _ref8.isLoading,
-                                project = _ref8.project;
-                            if (isProjectLoading || !project) return null; // when used outside of a project context,
-                            // or when the project is expired or supsended
-
-                            var shouldUseProjectContext = !(project.suspension && project.suspension.isActive || project.expiry && project.expiry.isActive);
-                            if (!shouldUseProjectContext) return jsxRuntime.jsx(QuickAccessTrigger, {});
-                            return jsxRuntime.jsx(ProjectDataLocale, {
-                              locales: project.languages,
-                              children: function children(_ref9) {
-                                var dataLocale = _ref9.locale,
-                                    setProjectDataLocale = _ref9.setProjectDataLocale;
-                                return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
-                                  user: user,
-                                  project: project,
-                                  projectDataLocale: dataLocale,
-                                  environment: applicationEnvironment,
-                                  children: jsxRuntime.jsx(QuickAccessTrigger, {
-                                    onChangeProjectDataLocale: setProjectDataLocale
-                                  })
-                                });
-                              }
-                            });
-                          }
-                        });
-                      }
-                    }), jsxRuntime.jsx("header", {
-                      css: _ref3,
-                      children: jsxRuntime.jsx(AppBar, {
-                        user: user,
-                        projectKeyFromUrl: projectKeyFromUrl
-                      })
-                    }), jsxRuntime.jsx("aside", {
-                      css: _ref2,
-                      children: function () {
-                        // The <NavBar> should only be rendered within a project
-                        // context, therefore when there is a `projectKey`.
-                        // If there is no `projectKey` in the URL (e.g. `/account`
-                        // routes), we don't render it.
-                        // NOTE: we also "cache" the `projectKey` in localStorage
-                        // but this should only be used to "re-hydrate" the URL
-                        // location (e.g when you go to `/`, there should be a
-                        // redirect to `/:projectKey`). Therefore, we should not
-                        // rely on the value in localStorage to determine which
-                        // `projectKey` is currently used.
-                        if (!projectKeyFromUrl) return null;
-                        return jsxRuntime.jsx(FetchProject, {
-                          projectKey: projectKeyFromUrl,
-                          children: function children(_ref10) {
-                            var isLoadingProject = _ref10.isLoading,
-                                project = _ref10.project;
-                            // Render the loading navbar as long as all the data
-                            // hasn't been loaded, or if the project does not exist.
-                            if (isLoadingUser || isLoadingLocaleData || isLoadingProject || !locale || !project) return jsxRuntime.jsx(LoadingNavBar, {});
-                            return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
-                              user: user,
-                              environment: applicationEnvironment // NOTE: do not pass the `project` into the application context.
-                              // The permissions for the Navbar are resolved separately, within
-                              // a different React context.
-                              ,
-                              children: jsxRuntime.jsx(NavBar, {
-                                applicationLocale: locale,
-                                projectKey: projectKeyFromUrl,
-                                project: project,
-                                environment: applicationEnvironment,
-                                onMenuItemClick: props.onMenuItemClick
-                              })
-                            });
-                          }
-                        });
-                      }()
-                    }), isLoadingUser || isLoadingLocaleData ? jsxRuntime.jsx(MainContainer, {
-                      role: "main",
-                      children: jsxRuntime.jsx(ApplicationLoader, {})
-                    }) : jsxRuntime.jsxs(MainContainer, {
-                      role: "main",
-                      children: [jsxRuntime.jsx("div", {
-                        ref: notificationsPageRef,
-                        children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                          domain: constants$1.DOMAINS.PAGE
-                        })
-                      }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                        domain: constants$1.DOMAINS.SIDE
-                      }), jsxRuntime.jsxs("div", {
-                        css: _ref,
-                        children: [jsxRuntime.jsx(applicationComponents.PortalsContainer // @ts-ignore
-                        , {
-                          ref: layoutRefs,
-                          offsetTop: constants.DIMENSIONS.header,
-                          offsetLeft: projectKeyFromUrl ? constants.DIMENSIONS.navMenu : '0px',
-                          offsetLeftOnExpandedMenu: projectKeyFromUrl ? constants.DIMENSIONS.navMenuExpanded : '0px'
-                        }), jsxRuntime.jsxs(reactRouterDom.Switch, {
-                          children: [jsxRuntime.jsx(reactRouterDom.Redirect, {
-                            from: "/profile",
-                            to: "/account/profile"
-                          }), jsxRuntime.jsx(reactRouterDom.Route, {
-                            path: "/account",
-                            children:
-                            /**
-                             * In case the AppShell uses the `render` function, we assume it's one of two cases:
-                             * 1. The application does not use `children` and therefore implements the routes including
-                             * the <RouteCatchAll> (this is the "legacy" behavior).
-                             * 2. It's the account application, which always uses `render` and therefore should render as normal.
-                             *
-                             * In case the AppShell uses the `children` function, we can always assume that
-                             * it's a normal Custom Application and that it should trigger a force reload.
-                             */
-                            props.render ? jsxRuntime.jsx(jsxRuntime.Fragment, {
-                              children: props.render()
-                            }) : jsxRuntime.jsx(applicationEntryPoint.RouteCatchAll, {})
-                          }), jsxRuntime.jsx(reactRouterDom.Route, {
-                            exact: true,
-                            path: "/",
-                            render: function render() {
-                              var _user$defaultProjectK;
-
-                              var previousProjectKey = getPreviousProjectKey((_user$defaultProjectK = user === null || user === void 0 ? void 0 : user.defaultProjectKey) !== null && _user$defaultProjectK !== void 0 ? _user$defaultProjectK : undefined);
-                              /**
-                               * NOTE:
-                               *   Given the user has not been loaded a loading spinner is shown.
-                               *   Given the user was not working on a project previously nor has a default
-                               *   project, the user will be prompted to create one.
-                               *   Given the user was working on a project previously or has a default
-                               *   project, the application will redirect to that project.
-                               */
-
-                              if (!user) return jsxRuntime.jsx(ApplicationLoader, {});
-                              if (!previousProjectKey) return jsxRuntime.jsx(RedirectToProjectCreate, {});
-                              return jsxRuntime.jsx(reactRouterDom.Redirect, {
-                                to: "/".concat(previousProjectKey)
-                              });
-                            }
-                          }), jsxRuntime.jsx(reactRouterDom.Route, {
-                            exact: false,
-                            path: "/:projectKey",
-                            render: function render(routerProps) {
-                              return jsxRuntime.jsx(ProjectContainer, {
-                                user: user,
-                                match: routerProps.match,
-                                location: routerProps.location,
-                                environment: applicationEnvironment,
-                                disableRoutePermissionCheck: props.disableRoutePermissionCheck // This effectively renders the
-                                // children, which is the application
-                                // specific part
-                                ,
-                                render: props.render,
-                                children: props.children
-                              });
-                            }
-                          })]
-                        })]
-                      })]
-                    })]
-                  })]
-                })
-              })
-            }));
-          }
-        })
-      });
-    }
-  });
-};
-RestrictedApplication.displayName = 'RestrictedApplication';
-
-var ApplicationShell = function ApplicationShell(props) {
-  react.useEffect(function () {
-    var _props$onRegisterErro;
-
-    (_props$onRegisterErro = props.onRegisterErrorListeners) === null || _props$onRegisterErro === void 0 ? void 0 : _props$onRegisterErro.call(props, {
-      dispatch: applicationEntryPoint.internalReduxStore.dispatch
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // <-- run only once, when component mounts
-
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(GlobalStyles, {}), jsxRuntime.jsx(ApplicationShellProvider, {
-      apolloClient: props.apolloClient,
-      environment: props.environment,
-      trackingEventList: props.trackingEventList,
-      applicationMessages: props.applicationMessages,
-      children: function children(_ref11) {
-        var isAuthenticated = _ref11.isAuthenticated;
-
-        if (isAuthenticated) {
-          return jsxRuntime.jsxs(reactRouterDom.Switch, {
-            children: [jsxRuntime.jsx(reactRouterDom.Route, {
-              path: "/logout",
-              children: jsxRuntime.jsx(RedirectToLogout, {})
-            }), jsxRuntime.jsx(reactRouterDom.Route, {
-              children: jsxRuntime.jsx(RestrictedApplication, {
-                defaultFeatureFlags: props.defaultFeatureFlags,
-                featureFlags: props.featureFlags,
-                render: props.render,
-                applicationMessages: props.applicationMessages,
-                onMenuItemClick: props.onMenuItemClick,
-                disableRoutePermissionCheck: props.disableRoutePermissionCheck,
-                children: props.children
-              })
-            })]
-          });
-        }
-
-        return jsxRuntime.jsx(RedirectToLogin, {});
-      }
-    })]
-  });
-};
-
-ApplicationShell.propTypes = {};
-ApplicationShell.displayName = 'ApplicationShell';
-ApplicationShell.version = applicationEntryPoint.version;
-
-var defaultProps = {
-  shouldCleanUpOnUnmount: true
-};
-
-var InjectReducers = function InjectReducers(props) {
-  var _useState = react.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      areReducersInjected = _useState2[0],
-      setAreReducersInjected = _useState2[1];
-
-  var store = reactRedux.useStore();
-  react.useEffect(function () {
-    store.injectReducers({
-      id: props.id,
-      reducers: props.reducers
-    });
-    setAreReducersInjected(true);
-    return function () {
-      if (props.shouldCleanUpOnUnmount) {
-        store.removeReducers({
-          id: props.id
-        });
-      }
-    };
-  }, [props.id, props.reducers, props.shouldCleanUpOnUnmount, store]); // Render children only when the plugin reducers have been injected
-
-  if (areReducersInjected) return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: props.children
-  });
-  return null;
-};
-
-InjectReducers.propTypes = {
-  id: _pt__default["default"].string.isRequired,
-  reducers: _pt__default["default"].any.isRequired,
-  shouldCleanUpOnUnmount: _pt__default["default"].bool.isRequired,
-  children: _pt__default["default"].node.isRequired
-};
-InjectReducers.displayName = 'InjectReducers';
-InjectReducers.defaultProps = defaultProps;
-
-var errorMessageIgnoreList = [/ResizeObserver loop limit exceeded/i]; // Ensure to initialize Sentry as soon as possible, so that we have the chance
-// of catching possible errors.
-
-sentry.boot();
-
-var makeErrorToCapture = function makeErrorToCapture(error) {
-  if (error instanceof Error) return error;
-  if (error instanceof ErrorEvent) return new Error(error.message);
-  return new Error(_JSON$stringify__default["default"](error.reason || 'Unhandled rejection without a reason'));
-};
-
-var getErrorMessage = function getErrorMessage(error) {
-  if (typeof error === 'string') return error;
-  var errorToCapture = makeErrorToCapture(error);
-  return errorToCapture.message || errorToCapture.name;
-};
-
-var shouldErrorBeTracked = function shouldErrorBeTracked(error) {
-  var errorMessage = getErrorMessage(error);
-  return !_someInstanceProperty__default["default"](errorMessageIgnoreList).call(errorMessageIgnoreList, function (match) {
-    return match.test(errorMessage);
-  });
-};
-
-function setupGlobalErrorListener() {
-  // Capture unhandled errors generated from rejected Promises.
-  //
-  // http://www.2ality.com/2016/04/unhandled-rejections.html
-  // https://docs.getsentry.com/hosted/clients/javascript/usage/#promises
-  //
-  // Note: this currently works only in Chrome, and it might not be needed.
-  // We just keep it here as a nice-to-have thing.
-  window.addEventListener('unhandledrejection', function (event) {
-
-    if (shouldErrorBeTracked(event)) {
-      var errorId = sentry.reportErrorToSentry(event);
-      applicationEntryPoint.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
-        errorId: errorId
-      }));
-    }
-  }); // Capture normal global errors coming from non Promise code.
-
-  window.addEventListener('error', function (errorEvent) {
-    if (shouldErrorBeTracked(errorEvent)) {
-      var errorId = sentry.reportErrorToSentry(errorEvent);
-      applicationEntryPoint.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
-        errorId: errorId
-      }));
-    }
-  });
-}
-
-var GtmUserLogoutTracker = function GtmUserLogoutTracker() {
-  react.useEffect(function () {
-    // When the user is not logged in anymore (e.g. on logout) we still track
-    // page views but without the user data in context.
-    stopTrackingUser();
-  }, []);
-  return null;
-};
-
-GtmUserLogoutTracker.displayName = 'GtmUserLogoutTracker';
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-var SuspendedRoute = function SuspendedRoute(props) {
-  return jsxRuntime.jsx(reactRouterDom.Route, _objectSpread(_objectSpread({}, props), {}, {
-    children: jsxRuntime.jsx(react.Suspense, {
-      fallback: jsxRuntime.jsx(LoadingSpinner__default["default"], {}),
-      children: props.children
-    })
-  }));
-};
-
-SuspendedRoute.displayName = 'SuspendedRoute';
-
-exports.ApplicationPageTitle = ApplicationPageTitle;
-exports.ApplicationShell = ApplicationShell;
-exports.ApplicationShellProvider = ApplicationShellProvider;
-exports.ButlerContainer = ButlerContainer;
-exports.ConfigureIntlProvider = ConfigureIntlProvider;
-exports.GtmContext = GtmContext;
-exports.GtmUserLogoutTracker = GtmUserLogoutTracker;
-exports.InjectReducers = InjectReducers;
-exports.ProjectSwitcher = ProjectSwitcher;
-exports.SetupFlopFlipProvider = SetupFlopFlipProvider;
-exports.SuspendedRoute = SuspendedRoute;
-exports.createApolloContextForProxyForwardTo = createApolloContextForProxyForwardTo;
-exports.pimIndexerStates = pimIndexerStates;
-exports.setupGlobalErrorListener = setupGlobalErrorListener;
-exports.useMcLazyQuery = useMcLazyQuery;
-exports.useMcMutation = useMcMutation;
-exports.useMcQuery = useMcQuery;