@commercetools-frontend/application-shell 20.12.0 → 20.12.4

package/dist/{index-b2a644f6.cjs.prod.js → index-9fb026f3.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var applicationEntryPoint = require('./application-entry-point-52f79266.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-27b46a9d.cjs.prod.js');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 var _pt = require('prop-types');
@@ -18,15 +18,18 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
 var react$2 = require('@emotion/react');
-var constants = require('@commercetools-frontend/constants');
+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 uuid = require('uuid');
+var constants = require('./constants-745aeeca.cjs.prod.js');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('lodash/upperFirst');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var Perfume = require('perfume.js');
@@ -38,8 +41,7 @@ var reactRedux = require('react-redux');
 var history = require('@commercetools-frontend/browser-history');
 var reactIntl = require('react-intl');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var oidc = require('./oidc-be09bd90.cjs.prod.js');
 var qss = require('qss');
 var jwtDecode = require('jwt-decode');
 var FailedAuthenticationSVG = require('@commercetools-frontend/assets/images/locked-diamond.svg');
@@ -75,6 +77,7 @@ 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 reactSelect = require('react-select');
 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');
@@ -82,6 +85,7 @@ var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/inst
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
 var httpAdapter = require('@flopflip/http-adapter');
 var combineAdapters = require('@flopflip/combine-adapters');
+require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
@@ -112,12 +116,12 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 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 _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var jwtDecode__default = /*#__PURE__*/_interopDefault(jwtDecode);
 var FailedAuthenticationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthenticationSVG);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
@@ -153,7 +157,7 @@ var throttle__default = /*#__PURE__*/_interopDefault(throttle);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
 function selectProjectKeyFromLocalStorage() {
-  return window.localStorage.getItem(applicationEntryPoint.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
+  return window.localStorage.getItem(constants.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
 }
 
 var getPreviousProjectKey = function getPreviousProjectKey(defaultProjectKeyOfUser) {
@@ -178,7 +182,7 @@ var createApolloContextForProxyForwardTo = function createApolloContextForProxyF
 };
 
 var getSelectedDataLocaleForProject = function getSelectedDataLocaleForProject(projectLocales) {
-  var cachedDataLocale = window.localStorage.getItem(applicationEntryPoint.STORAGE_KEYS.SELECTED_DATA_LOCALE); // Make sure the cached locale is listed in the selected project
+  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 || '');
 
@@ -186,7 +190,7 @@ var getSelectedDataLocaleForProject = function getSelectedDataLocaleForProject(p
 
   var defaultDataLocaleForProject = projectLocales[0]; // Cache it
 
-  window.localStorage.setItem(applicationEntryPoint.STORAGE_KEYS.SELECTED_DATA_LOCALE, defaultDataLocaleForProject);
+  window.localStorage.setItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE, defaultDataLocaleForProject);
   return defaultDataLocaleForProject;
 };
 
@@ -199,7 +203,7 @@ var ProjectDataLocale = function ProjectDataLocale(props) {
   var handleSetProjectDataLocale = react.useCallback(function (locale) {
     setLocale(locale); // Cache it
 
-    window.localStorage.setItem(applicationEntryPoint.STORAGE_KEYS.SELECTED_DATA_LOCALE, locale);
+    window.localStorage.setItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE, locale);
   }, []);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children({
@@ -617,44 +621,11 @@ var ConfigureIntlProvider = function ConfigureIntlProvider(props) {
 ConfigureIntlProvider.propTypes = {};
 ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
 
-var buildOidcScope = function buildOidcScope(options) {
-  var _context7;
-
-  var claims = [];
-
-  if (options.projectKey) {
-    var _context, _context2, _options$oAuthScopes$, _options$oAuthScopes, _context4, _options$oAuthScopes$2, _options$oAuthScopes2;
-
-    claims.push(_concatInstanceProperty__default["default"](_context = "".concat(applicationEntryPoint.OIDC_CLAIMS.PROJECT_KEY, ":")).call(_context, options.projectKey));
-    claims.push.apply(claims, _toConsumableArray(_mapInstanceProperty__default["default"](_context2 = (_options$oAuthScopes$ = (_options$oAuthScopes = options.oAuthScopes) === null || _options$oAuthScopes === void 0 ? void 0 : _options$oAuthScopes.view) !== null && _options$oAuthScopes$ !== void 0 ? _options$oAuthScopes$ : []).call(_context2, function (scope) {
-      var _context3;
-
-      return _concatInstanceProperty__default["default"](_context3 = "".concat(applicationEntryPoint.OIDC_CLAIMS.VIEW, ":")).call(_context3, scope);
-    })));
-    claims.push.apply(claims, _toConsumableArray(_mapInstanceProperty__default["default"](_context4 = (_options$oAuthScopes$2 = (_options$oAuthScopes2 = options.oAuthScopes) === null || _options$oAuthScopes2 === void 0 ? void 0 : _options$oAuthScopes2.manage) !== null && _options$oAuthScopes$2 !== void 0 ? _options$oAuthScopes$2 : []).call(_context4, function (scope) {
-      var _context5;
-
-      return _concatInstanceProperty__default["default"](_context5 = "".concat(applicationEntryPoint.OIDC_CLAIMS.MANAGE, ":")).call(_context5, scope);
-    })));
-  }
-
-  var teamId = options.teamId;
-
-  if (teamId) {
-    var _context6;
-
-    claims.push(_concatInstanceProperty__default["default"](_context6 = "".concat(applicationEntryPoint.OIDC_CLAIMS.TEAM_ID, ":")).call(_context6, teamId));
-  }
-
-  return _concatInstanceProperty__default["default"](_context7 = [// This is required as per OIDC spec.
-  applicationEntryPoint.OIDC_CLAIMS.OPEN_ID]).call(_context7, claims).join(' ');
-};
-
 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, applicationEntryPoint.OIDC_CLAIMS.PROJECT_KEY);
+    return !_startsWithInstanceProperty__default["default"](claim).call(claim, constants.OIDC_CLAIMS.PROJECT_KEY);
   }).join(' ');
 };
 
@@ -701,7 +672,7 @@ var hasCachedAuthenticationState = function hasCachedAuthenticationState() {
       } // Rebuild the requested OIDC scope to verify that it didn't change.
 
 
-      var requestedScope = buildOidcScope({
+      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,
         teamId: (_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.teamId
@@ -721,7 +692,7 @@ var hasCachedAuthenticationState = function hasCachedAuthenticationState() {
     }
   }
 
-  return window.localStorage.getItem(applicationEntryPoint.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
+  return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
 function useMcQuery(query, options) {
@@ -745,7 +716,7 @@ var AmILoggedIn = function AmILoggedIn(props) {
   // is valid. We return null while the query is loading.
   var _useMcQuery = useMcQuery(AmILoggedInQuery, {
     context: {
-      target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
+      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
       skipTokenRetry: true
     },
     // NOTE: With `no-cache` the `useQuery` will not trigger a
@@ -764,20 +735,20 @@ var AmILoggedIn = function AmILoggedIn(props) {
       if (!data) {
         // In case the request is 200 but there is no data, we assume
         // there are some errors.
-        window.localStorage.removeItem(applicationEntryPoint.STORAGE_KEYS.IS_AUTHENTICATED);
+        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(applicationEntryPoint.STORAGE_KEYS.IS_AUTHENTICATED, String(true));
+        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(applicationEntryPoint.STORAGE_KEYS.IS_AUTHENTICATED);
+      window.localStorage.removeItem(constants.STORAGE_KEYS.IS_AUTHENTICATED);
     }
   }),
       data = _useMcQuery.data,
@@ -1334,7 +1305,7 @@ var FetchUser = function FetchUser(props) {
   var _useMcQuery = useMcQuery(LoggedInUserQuery, {
     onError: sentry.reportErrorToSentry,
     context: {
-      target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
     }
   }),
       loading = _useMcQuery.loading,
@@ -1359,7 +1330,7 @@ var pushDependencyVersionCounter = function pushDependencyVersionCounter(_ref) {
   var payload = _ref.payload;
   return sdk.actions.post({
     uri: '/metrics/counters',
-    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.MC_METRICS,
+    mcApiProxyTarget: constants$1.MC_API_PROXY_TARGETS.MC_METRICS,
     payload: _JSON$stringify__default["default"](payload)
   });
 };
@@ -1411,7 +1382,7 @@ var FetchProject = function FetchProject(props) {
       projectKey: props.projectKey
     },
     context: {
-      target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
     },
     skip: props.skip === true
   }),
@@ -1790,7 +1761,7 @@ var renderLabel = function renderLabel(menu, applicationLanguage) {
   });
 
   if (localizedLabel) return localizedLabel.value;
-  return constants.NO_VALUE_FALLBACK;
+  return constants$1.NO_VALUE_FALLBACK;
 };
 
 var MenuItem$1 = _styled__default["default"]("div", {
@@ -1896,7 +1867,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
         })
       }), jsxRuntime.jsx("a", {
         css: getUserSettingsMenuItemLinkStyles(),
-        href: constants.SUPPORT_PORTAL_URL,
+        href: constants$1.SUPPORT_PORTAL_URL,
         rel: "noopener noreferrer",
         target: "_blank",
         "data-track-component": "Navigation-Support-links",
@@ -1918,7 +1889,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
         css: getUserSettingsMenuItemLinkStyles() // NOTE: we want to redirect to a new page so that the
         // server can remove things like cookie for access token.
         ,
-        href: "/logout?reason=".concat(constants.LOGOUT_REASONS.USER),
+        href: "/logout?reason=".concat(constants$1.LOGOUT_REASONS.USER),
         "data-test": "logout-button",
         "data-user-settings-menu": true,
         children: [jsxRuntime.jsx(MenuItem$1, {
@@ -2102,7 +2073,7 @@ var ProjectSwitcher = function ProjectSwitcher(props) {
   var _useMcQuery = useMcQuery(ProjectsQuery, {
     onError: sentry.reportErrorToSentry,
     context: {
-      target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+      target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
     }
   }),
       loading = _useMcQuery.loading,
@@ -2138,11 +2109,7 @@ var ProjectSwitcher = function ProjectSwitcher(props) {
         return option.suspension.isActive || option.expiry.isActive;
       },
       components: {
-        // eslint-disable-next-line react/display-name
-        Option: function Option(optionsProps) {
-          return jsxRuntime.jsx(ProjectSwitcherOption, _objectSpread$7({}, optionsProps));
-        },
-        // eslint-disable-next-line react/display-name
+        Option: ProjectSwitcherOption,
         ValueContainer: function ValueContainer(valueContainerProps) {
           return jsxRuntime.jsx(ProjectSwitcherValueContainer, _objectSpread$7(_objectSpread$7({}, valueContainerProps), {}, {
             projectCount: data && data.user && data.user.projects.results.length || 0
@@ -2326,7 +2293,7 @@ var AppBar = function AppBar(props) {
         children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
           alignItems: "center",
           children: [jsxRuntime.jsx("div", {
-            id: applicationEntryPoint.CONTAINERS.LOCALE_SWITCHER
+            id: constants.CONTAINERS.LOCALE_SWITCHER
           }), function () {
             if (!props.user) {
               return jsxRuntime.jsx(LoadingPlaceholder, {
@@ -2396,6 +2363,18 @@ var _SingleValue = function SingleValue(props) {
 _SingleValue.propTypes = {};
 _SingleValue.displayName = 'SingleValue';
 
+var PatchedValueContainer = function PatchedValueContainer(props) {
+  return jsxRuntime.jsx(reactSelect.components.ValueContainer, _objectSpread$6(_objectSpread$6({}, props), {}, {
+    innerProps: {
+      style: {
+        display: 'flex'
+      }
+    }
+  }));
+};
+
+PatchedValueContainer.displayName = 'PatchedValueContainer';
+
 var LocaleSwitcher = function LocaleSwitcher(props) {
   var _context;
 
@@ -2418,12 +2397,12 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
         };
       }),
       components: {
-        // eslint-disable-next-line react/display-name
         SingleValue: function SingleValue(valueProps) {
           return jsxRuntime.jsx(_SingleValue, _objectSpread$6(_objectSpread$6({}, valueProps), {}, {
             localeCount: props.availableLocales.length
           }));
-        }
+        },
+        ValueContainer: PatchedValueContainer
       },
       isClearable: false,
       backspaceRemovesValue: false,
@@ -2435,27 +2414,25 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
 LocaleSwitcher.propTypes = {};
 
 var ProjectNotFound = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-found-19312707.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-found-de559908.cjs.prod.js'
   /* webpackChunkName: "project-not-found" */
   ); });
 });
 
 var ProjectExpired = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-expired-6f5d474a.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-expired-0015e695.cjs.prod.js'
   /* webpackChunkName: "project-expired" */
   ); });
 });
 
 var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-initialized-10a1ce69.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-initialized-a4cd8649.cjs.prod.js'
   /* webpackChunkName: "project-not-initialized" */
   ); });
 });
 
 var RedirectToProjectCreate = function RedirectToProjectCreate() {
-  var servedByProxy = applicationShellConnectors.useApplicationContext(function (context) {
-    return context.environment.servedByProxy;
-  });
+  var servedByProxy = applicationEntryPoint.useIsServedByProxy();
   /**
    * NOTE:
    *   This looks a bit unusual: redirecting in render.
@@ -2496,7 +2473,7 @@ var RedirectToProjectCreate = function RedirectToProjectCreate() {
 RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
 
 var ProjectSuspended = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-suspended-da1d5c10.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-suspended-13c17047.cjs.prod.js'
   /* webpackChunkName: "project-suspended" */
   ); });
 });
@@ -2543,13 +2520,13 @@ var ProjectContainer = function ProjectContainer(props) {
      *   is inserted in the DOM tree.
      * "
      */
-    setLocaleSwitcherNode(document.getElementById(applicationEntryPoint.CONTAINERS.LOCALE_SWITCHER));
+    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(applicationEntryPoint.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
+      window.localStorage.setItem(constants.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
     }
   }, [projectKey]); // }
 
@@ -2567,7 +2544,7 @@ var ProjectContainer = function ProjectContainer(props) {
    */
 
   if (hasNoProjects && props.environment.enableSignUp !== true && props.environment.servedByProxy) return jsxRuntime.jsx(reactRouterDom.Redirect, {
-    to: "/logout?reason=".concat(constants.LOGOUT_REASONS.NO_PROJECTS)
+    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, {
@@ -2591,7 +2568,7 @@ var ProjectContainer = function ProjectContainer(props) {
           if (isProjectLoading) return jsxRuntime.jsx(ApplicationLoader, {});
           if (!project) return jsxRuntime.jsx(ProjectNotFound, {});
           if (project.suspension && project.suspension.isActive) return jsxRuntime.jsx(ProjectSuspended, {
-            isTemporary: project.suspension.reason === applicationEntryPoint.SUSPENSION_REASONS.TEMPORARY_MAINTENANCE
+            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, {});
@@ -2610,7 +2587,7 @@ var ProjectContainer = function ProjectContainer(props) {
                 children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
                   children: [shouldShowNotificationForTrialExpired((_project$expiry$daysL = project.expiry.daysLeft) !== null && _project$expiry$daysL !== void 0 ? _project$expiry$daysL : undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
                     kind: "warning",
-                    domain: constants.DOMAINS.GLOBAL,
+                    domain: constants$1.DOMAINS.GLOBAL,
                     text: intl.formatMessage(messages$1.trialDaysLeft, {
                       daysLeft: project.expiry.daysLeft || 0
                     })
@@ -2652,9 +2629,7 @@ var getDefaultedFeatureToggles = function getDefaultedFeatureToggles(allFeatureT
 };
 
 var useAllMenuFeatureToggles = function useAllMenuFeatureToggles() {
-  var servedByProxy = applicationShellConnectors.useApplicationContext(function (applicationContext) {
-    return applicationContext.environment.servedByProxy;
-  });
+  var servedByProxy = applicationEntryPoint.useIsServedByProxy();
   var mcProxyApiUrl = applicationShellConnectors.useApplicationContext(function (applicationContext) {
     return applicationContext.environment.mcProxyApiUrl;
   });
@@ -2787,7 +2762,7 @@ var SetupFlopFlipProvider = function SetupFlopFlipProvider(props) {
                       query: AllFeaturesQuery,
                       errorPolicy: 'ignore',
                       context: {
-                        target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+                        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
                       }
                     });
 
@@ -2863,7 +2838,7 @@ var messages = reactIntl.defineMessages({
 });
 
 var useLoadingMenuLayoutEffect = function useLoadingMenuLayoutEffect() {
-  var cachedIsForcedMenuOpen = window.localStorage.getItem(applicationEntryPoint.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
+  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');
@@ -2942,7 +2917,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
   var _useMcQuery = useMcQuery(FetchProjectExtensionsNavbar, {
     skip: !props.environment.servedByProxy,
     context: {
-      target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
+      target: constants$1.GRAPHQL_TARGETS.SETTINGS_SERVICE
     },
     fetchPolicy: 'cache-and-network',
     onError: sentry.reportErrorToSentry
@@ -3018,7 +2993,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
       })
     };
   })).call(_context4, nonNullable) : [];
-  var cachedIsForcedMenuOpen = window.localStorage.getItem(applicationEntryPoint.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
+  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)),
@@ -3100,7 +3075,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
       type: 'toggleIsMenuOpen'
     }); // Synchronize the menu state with local storage.
 
-    window.localStorage.setItem(applicationEntryPoint.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(!state.isMenuOpen));
+    window.localStorage.setItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(!state.isMenuOpen));
   }, [state.activeItemIndex, state.isMenuOpen]);
 
   var allApplicationNavbarMenu = _concatInstanceProperty__default["default"](_context7 = _concatInstanceProperty__default["default"](_context8 = applicationsNavBarMenu || []).call(_context8, legacyCustomAppsMenu)).call(_context7, organizationCustomAppsMenu);
@@ -3334,11 +3309,7 @@ var MenuItemDivider = function MenuItemDivider() {
   });
 };
 
-MenuItemDivider.displayName = 'MenuItemDivider'; // This component wraps `<RestrictedByPermissions>`
-// and the `<ToggleFeature>` components. However, it's necessary to have it as
-// the `<ToggleFeature>` wrapper should be rendered only if the `featureToggle`
-// prop is defined. This is because `<ToggleFeature>` will not render any
-// children if the flag is missing/not found.
+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) {
@@ -3350,9 +3321,14 @@ 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,
@@ -3376,10 +3352,11 @@ var RestrictedMenuItem = function RestrictedMenuItem(props) {
   });
 
   if (props.featureToggle) {
-    return jsxRuntime.jsx(reactBroadcast.ToggleFeature, {
-      flag: props.featureToggle,
-      children: permissionsWrapper
-    });
+    // 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;
@@ -3421,7 +3398,7 @@ var MenuLabel = function MenuLabel(props) {
     children: props.defaultLabel
   });
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: constants.NO_VALUE_FALLBACK
+    children: constants$1.NO_VALUE_FALLBACK
   });
 };
 
@@ -3624,7 +3601,7 @@ var NavBar = function NavBar(props) {
           },
           onMouseLeave: isMenuOpen ? undefined : shouldCloseMenuFly,
           children: jsxRuntime.jsx("a", {
-            href: constants.SUPPORT_PORTAL_URL,
+            href: constants$1.SUPPORT_PORTAL_URL,
             rel: "noopener noreferrer",
             target: "_blank",
             children: jsxRuntime.jsxs("div", {
@@ -3712,7 +3689,7 @@ var pimIndexerStates = {
 };
 
 var QuickAccess = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./quick-access-592bdd5b.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./quick-access-dd969ed0.cjs.prod.js'
   /* webpackChunkName: "quick-access" */
   ); });
 });
@@ -3809,6 +3786,51 @@ var QuickAccessTrigger = function QuickAccessTrigger(props) {
 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
@@ -3825,6 +3847,7 @@ 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;
@@ -3850,7 +3873,7 @@ var RedirectToLogin = function RedirectToLogin() {
         redirectTo: nextProjectKey ? "/".concat(nextProjectKey) : '/'
       }
     });
-    var requestedScope = buildOidcScope({
+    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,
       teamId: (_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.teamId
@@ -3864,10 +3887,10 @@ var RedirectToLogin = function RedirectToLogin() {
       origin: (_window$app$__DEVELOP7 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP7 === void 0 ? void 0 : (_window$app$__DEVELOP8 = _window$app$__DEVELOP7.oidc) === null || _window$app$__DEVELOP8 === void 0 ? void 0 : _window$app$__DEVELOP8.authorizeUrl,
       location: location,
       queryParams: {
-        reason: constants.LOGOUT_REASONS.UNAUTHORIZED,
+        reason: constants$1.LOGOUT_REASONS.UNAUTHORIZED,
         // Query parameters for OIDC-lik workflow.
         client_id: window.app.applicationId,
-        response_type: applicationEntryPoint.OIDC_RESPONSE_TYPES.ID_TOKEN,
+        response_type: constants.OIDC_RESPONSE_TYPES.ID_TOKEN,
         scope: requestedScope,
         state: sessionId,
         nonce: sessionId
@@ -3875,11 +3898,13 @@ var RedirectToLogin = function RedirectToLogin() {
     });
   }
 
+  var mcOrigin = servedByProxy ? getMcOrigin(window.app.mcApiUrl) : undefined;
   return jsxRuntime.jsx(Redirector, {
     to: "login",
+    origin: mcOrigin,
     location: location,
     queryParams: {
-      reason: constants.LOGOUT_REASONS.UNAUTHORIZED,
+      reason: constants$1.LOGOUT_REASONS.UNAUTHORIZED,
       redirectTo: urlUtils.trimLeadingAndTrailingSlashes(urlUtils.joinPaths(window.location.origin, location.pathname))
     }
   });
@@ -3897,9 +3922,7 @@ var RedirectToLogout = function RedirectToLogout(props) {
   var _window$app$__DEVELOP, _window$app$__DEVELOP2, _props$reason;
 
   var location = reactRouterDom.useLocation();
-  var servedByProxy = applicationShellConnectors.useApplicationContext(function (context) {
-    return context.environment.servedByProxy;
-  });
+  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
@@ -3908,11 +3931,13 @@ var RedirectToLogout = function RedirectToLogout(props) {
     return jsxRuntime.jsx(RedirectToLogin, {});
   }
 
+  var mcOrigin = servedByProxy ? getMcOrigin(window.app.mcApiUrl) : undefined;
   return jsxRuntime.jsx(Redirector, {
     to: "logout",
+    origin: mcOrigin,
     location: location,
     queryParams: _objectSpread$1({
-      reason: (_props$reason = props.reason) !== null && _props$reason !== void 0 ? _props$reason : constants.LOGOUT_REASONS.USER
+      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
@@ -3999,7 +4024,7 @@ var RestrictedApplication = function RestrictedApplication(props) {
 
           if (hasUnauthorizedError || hasUserBeenDeletedError) {
             var logoutReason;
-            if (hasUnauthorizedError) logoutReason = constants.LOGOUT_REASONS.UNAUTHORIZED;else if (hasUserBeenDeletedError) logoutReason = constants.LOGOUT_REASONS.DELETED;
+            if (hasUnauthorizedError) logoutReason = constants$1.LOGOUT_REASONS.UNAUTHORIZED;else if (hasUserBeenDeletedError) logoutReason = constants$1.LOGOUT_REASONS.DELETED;
             return jsxRuntime.jsx(RedirectToLogout, {
               reason: logoutReason
             });
@@ -4066,7 +4091,7 @@ var RestrictedApplication = function RestrictedApplication(props) {
                       role: "global-notifications",
                       css: _ref5,
                       children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                        domain: constants.DOMAINS.GLOBAL
+                        domain: constants$1.DOMAINS.GLOBAL
                       })
                     }), jsxRuntime.jsx(reactRouterDom.Route, {
                       children: function children() {
@@ -4155,9 +4180,9 @@ var RestrictedApplication = function RestrictedApplication(props) {
                     }) : jsxRuntime.jsxs(MainContainer, {
                       role: "main",
                       children: [jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                        domain: constants.DOMAINS.PAGE
+                        domain: constants$1.DOMAINS.PAGE
                       }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                        domain: constants.DOMAINS.SIDE
+                        domain: constants$1.DOMAINS.SIDE
                       }), jsxRuntime.jsxs("div", {
                         css: _ref2,
                         children: [jsxRuntime.jsx(applicationComponents.PortalsContainer, {}), jsxRuntime.jsxs(reactRouterDom.Switch, {