@commercetools-frontend/application-shell 21.0.0-rc.1 → 21.0.0-rc.3

package/dist/{application-entry-point-b89a7e84.cjs.prod.js → application-entry-point-aeb8ef57.cjs.prod.js}

@@ -22,7 +22,7 @@ var omitEmpty = require('omit-empty-es');
 var notifications = require('@commercetools-frontend/notifications');
 var sdk = require('@commercetools-frontend/sdk');
 var constants = require('@commercetools-frontend/constants');
-var constants$1 = require('./constants-745aeeca.cjs.prod.js');
+var formatters = require('./formatters-a5bb12eb.cjs.prod.js');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -57,6 +57,7 @@ require('prop-types');
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
 var invariant = require('tiny-invariant');
+var permissions = require('@commercetools-frontend/permissions');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 
@@ -99,7 +100,7 @@ var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.0.0-rc.1";
+var version = "21.0.0-rc.3";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -226,9 +227,9 @@ var messages = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(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$4(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var getPortalContainer = function getPortalContainer() {
   return document.querySelector("#".concat(REQUESTS_IN_FLIGHT_LOADER_DOM_ID));
@@ -240,7 +241,7 @@ var RequestsInFlightLoader = function RequestsInFlightLoader() {
   });
   if (!hasRequestsInFlight) return null;
   return /*#__PURE__*/ReactDOM__default["default"].createPortal(jsxRuntime.jsx(LoadingSpinner__default["default"], {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.labelLoading))
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages.labelLoading))
   }), getPortalContainer());
 };
 
@@ -282,7 +283,7 @@ var requestsInFlightReducer = (function (requestsInFlight, action) {
 });
 
 function selectTeamIdFromLocalStorage() {
-  return window.localStorage.getItem(constants$1.STORAGE_KEYS.ACTIVE_TEAM_ID) || undefined;
+  return window.localStorage.getItem(formatters.STORAGE_KEYS.ACTIVE_TEAM_ID) || undefined;
 }
 
 var staticUrlPathsInPositionOfProjectKey = ['login', 'logout', 'account']; // Attempt to extract the `:projectKey` from the URL.
@@ -395,47 +396,47 @@ function getMcApiUrl() {
 }
 
 var getSessionToken = function getSessionToken() {
-  return window.sessionStorage.getItem(constants$1.STORAGE_KEYS.SESSION_TOKEN);
+  return window.sessionStorage.getItem(formatters.STORAGE_KEYS.SESSION_TOKEN);
 };
 
 var setActiveSession = function setActiveSession(sessionToken) {
   if (!sessionToken) return;
-  window.sessionStorage.setItem(constants$1.STORAGE_KEYS.SESSION_TOKEN, sessionToken !== null && sessionToken !== void 0 ? sessionToken : '');
-  window.localStorage.setItem(constants$1.STORAGE_KEYS.LOGIN_STRATEGY, constants$1.LOGIN_STRATEGY_OIDC); // Remove flag for original workflow
+  window.sessionStorage.setItem(formatters.STORAGE_KEYS.SESSION_TOKEN, sessionToken !== null && sessionToken !== void 0 ? sessionToken : '');
+  window.localStorage.setItem(formatters.STORAGE_KEYS.LOGIN_STRATEGY, formatters.LOGIN_STRATEGY_OIDC); // Remove flag for original workflow
 
-  window.localStorage.removeItem(constants$1.STORAGE_KEYS.IS_AUTHENTICATED);
+  window.localStorage.removeItem(formatters.STORAGE_KEYS.IS_AUTHENTICATED);
 };
 
 var clearSession = function clearSession() {
-  window.sessionStorage.removeItem(constants$1.STORAGE_KEYS.SESSION_TOKEN);
-  window.sessionStorage.removeItem(constants$1.STORAGE_KEYS.SESSION_SCOPE);
-  window.sessionStorage.removeItem(constants$1.STORAGE_KEYS.IS_AUTHENTICATED);
+  window.sessionStorage.removeItem(formatters.STORAGE_KEYS.SESSION_TOKEN);
+  window.sessionStorage.removeItem(formatters.STORAGE_KEYS.SESSION_SCOPE);
+  window.sessionStorage.removeItem(formatters.STORAGE_KEYS.IS_AUTHENTICATED);
 };
 
 var getActiveProjectKey = function getActiveProjectKey() {
-  return window.localStorage.getItem(constants$1.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
+  return window.localStorage.getItem(formatters.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
 };
 
 var removeActiveProjectKey = function removeActiveProjectKey() {
-  window.localStorage.removeItem(constants$1.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
+  window.localStorage.removeItem(formatters.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
 };
 
 var setActiveProjectKey = function setActiveProjectKey(projectKey) {
-  window.localStorage.setItem(constants$1.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
+  window.localStorage.setItem(formatters.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
 };
 
 var getSessionScope = function getSessionScope() {
-  return window.sessionStorage.getItem(constants$1.STORAGE_KEYS.SESSION_SCOPE);
+  return window.sessionStorage.getItem(formatters.STORAGE_KEYS.SESSION_SCOPE);
 };
 
 var setSessionScope = function setSessionScope(scope) {
-  window.sessionStorage.setItem(constants$1.STORAGE_KEYS.SESSION_SCOPE, scope);
+  window.sessionStorage.setItem(formatters.STORAGE_KEYS.SESSION_SCOPE, scope);
 };
 
 var getSessionState = function getSessionState(stateId) {
   var _context;
 
-  var sessionStateKey = _concatInstanceProperty__default["default"](_context = "".concat(constants$1.STORAGE_KEYS.NONCE, "_")).call(_context, stateId);
+  var sessionStateKey = _concatInstanceProperty__default["default"](_context = "".concat(formatters.STORAGE_KEYS.NONCE, "_")).call(_context, stateId);
 
   var unparsedSessionState = window.sessionStorage.getItem(sessionStateKey);
 
@@ -455,14 +456,14 @@ var getSessionState = function getSessionState(stateId) {
 var setSessionState = function setSessionState(stateId, state) {
   var _context3;
 
-  var sessionStateKey = _concatInstanceProperty__default["default"](_context3 = "".concat(constants$1.STORAGE_KEYS.NONCE, "_")).call(_context3, stateId);
+  var sessionStateKey = _concatInstanceProperty__default["default"](_context3 = "".concat(formatters.STORAGE_KEYS.NONCE, "_")).call(_context3, stateId);
 
   window.sessionStorage.setItem(sessionStateKey, _JSON$stringify__default["default"](state));
 };
 
-function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(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$3(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$4(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var identityStoreEnhancer = function identityStoreEnhancer(noop) {
   return noop;
@@ -475,7 +476,7 @@ var mergeObjectValues = function mergeObjectValues(object) {
     var _ref2 = _slicedToArray(_ref, 2),
         value = _ref2[1];
 
-    return _objectSpread$3(_objectSpread$3({}, acc), value);
+    return _objectSpread$4(_objectSpread$4({}, acc), value);
   }, {});
 };
 
@@ -489,7 +490,7 @@ var getAdditionalHeaders = function getAdditionalHeaders() {
   var _omitEmpty;
 
   var sessionToken = getSessionToken();
-  return omitEmpty__default["default"]((_omitEmpty = {}, _defineProperty(_omitEmpty, constants$1.SUPPORTED_HEADERS.AUTHORIZATION, sessionToken ? "Bearer ".concat(sessionToken) : undefined), _defineProperty(_omitEmpty, constants$1.SUPPORTED_HEADERS.X_APPLICATION_ID, window.app.applicationId), _defineProperty(_omitEmpty, constants$1.SUPPORTED_HEADERS.X_TEAM_ID, selectTeamIdFromLocalStorage()), _omitEmpty));
+  return omitEmpty__default["default"]((_omitEmpty = {}, _defineProperty(_omitEmpty, formatters.SUPPORTED_HEADERS.AUTHORIZATION, sessionToken ? "Bearer ".concat(sessionToken) : undefined), _defineProperty(_omitEmpty, formatters.SUPPORTED_HEADERS.X_APPLICATION_ID, window.app.applicationId), _defineProperty(_omitEmpty, formatters.SUPPORTED_HEADERS.X_TEAM_ID, selectTeamIdFromLocalStorage()), _omitEmpty));
 };
 
 var sdkMiddleware = sdk.createMiddleware({
@@ -520,7 +521,7 @@ var createInternalReducer = function createInternalReducer() {
   }); // NOTE: since we don't know in advance which reducers will be injected,
   // we pass an `unknown` type to express this uncertainty and make the compiler happy.
 
-  return redux.combineReducers(_objectSpread$3(_objectSpread$3({
+  return redux.combineReducers(_objectSpread$4(_objectSpread$4({
     requestsInFlight: requestsInFlightReducer,
     notifications: notifications.reducer
   }, injectedReducers), preloadedStateReducers));
@@ -563,9 +564,9 @@ var createReduxStore = function createReduxStore() {
 };
 var internalReduxStore = createReduxStore();
 
-function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(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$2(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(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$3(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var getSkipTokenRetry = function getSkipTokenRetry(context) {
   var skipTokenRetry = Boolean(context.skipTokenRetry);
@@ -573,7 +574,7 @@ var getSkipTokenRetry = function getSkipTokenRetry(context) {
 };
 
 var forwardTokenRetryHeader = function forwardTokenRetryHeader(headers) {
-  return _objectSpread$2(_objectSpread$2({}, headers), {}, _defineProperty({}, constants$1.SUPPORTED_HEADERS.X_TOKEN_RETRY, 'true'));
+  return _objectSpread$3(_objectSpread$3({}, headers), {}, _defineProperty({}, formatters.SUPPORTED_HEADERS.X_TOKEN_RETRY, 'true'));
 }; // This link retries requests to the CTP API that have been rejected
 // because of an invalid/expired oauth token.
 // To do so, we resend the request with the header "X-Force-Token: true"
@@ -584,7 +585,7 @@ var forwardTokenRetryHeader = function forwardTokenRetryHeader(headers) {
 var getDoesGraphQLTargetSupportTokenRetry = function getDoesGraphQLTargetSupportTokenRetry(context) {
   var _context$headers, _context$headers2, _context;
 
-  var graphQLTarget = ((_context$headers = context.headers) === null || _context$headers === void 0 ? void 0 : _context$headers[constants$1.SUPPORTED_HEADERS.X_GRAPHQL_TARGET]) || ((_context$headers2 = context.headers) === null || _context$headers2 === void 0 ? void 0 : _context$headers2[constants$1.SUPPORTED_HEADERS.X_GRAPHQL_TARGET.toLowerCase()]);
+  var graphQLTarget = ((_context$headers = context.headers) === null || _context$headers === void 0 ? void 0 : _context$headers[formatters.SUPPORTED_HEADERS.X_GRAPHQL_TARGET]) || ((_context$headers2 = context.headers) === null || _context$headers2 === void 0 ? void 0 : _context$headers2[formatters.SUPPORTED_HEADERS.X_GRAPHQL_TARGET.toLowerCase()]);
   return Boolean(graphQLTarget && _includesInstanceProperty__default["default"](_context = [constants.GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM, constants.GRAPHQL_TARGETS.ADMINISTRATION_SERVICE, constants.GRAPHQL_TARGETS.SETTINGS_SERVICE, constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND]).call(_context, graphQLTarget));
 };
 
@@ -664,9 +665,9 @@ var errorLink = error.onError(function (_ref) {
   return;
 });
 
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$2(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$2(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var isKnownGraphQlTarget = function isKnownGraphQlTarget(target) {
   var _context;
@@ -678,13 +679,13 @@ var getAppliedForwardToHeaders = function getAppliedForwardToHeaders(apolloConte
   if (apolloContext.forwardToConfig) {
     var _context2, _apolloContext$forwar, _objectSpread3;
 
-    return _objectSpread$1(_objectSpread$1({}, _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"]((_apolloContext$forwar = apolloContext.forwardToConfig.headers) !== null && _apolloContext$forwar !== void 0 ? _apolloContext$forwar : {})).call(_context2, function (customForwardHeaders, _ref) {
+    return _objectSpread$2(_objectSpread$2({}, _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"]((_apolloContext$forwar = apolloContext.forwardToConfig.headers) !== null && _apolloContext$forwar !== void 0 ? _apolloContext$forwar : {})).call(_context2, function (customForwardHeaders, _ref) {
       var _ref2 = _slicedToArray(_ref, 2),
           headerName = _ref2[0],
           headerValue = _ref2[1];
 
-      return _objectSpread$1(_objectSpread$1({}, customForwardHeaders), {}, _defineProperty({}, "x-forward-header-".concat(headerName), headerValue));
-    }, {})), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.ACCEPT_VERSION, apolloContext.forwardToConfig.version), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO, apolloContext.forwardToConfig.uri), _objectSpread3));
+      return _objectSpread$2(_objectSpread$2({}, customForwardHeaders), {}, _defineProperty({}, "x-forward-header-".concat(headerName), headerValue));
+    }, {})), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, formatters.SUPPORTED_HEADERS.ACCEPT_VERSION, apolloContext.forwardToConfig.version), _defineProperty(_objectSpread3, formatters.SUPPORTED_HEADERS.X_FORWARD_TO, apolloContext.forwardToConfig.uri), _objectSpread3));
   }
 
   return {};
@@ -716,9 +717,9 @@ var headerLink = new client.ApolloLink(function (operation, forward) {
   var sessionToken = getSessionToken();
   operation.setContext({
     credentials: 'include',
-    headers: omitEmpty__default["default"](_objectSpread$1(_objectSpread$1({}, apolloContext.headers), {}, (_objectSpread4 = {}, _defineProperty(_objectSpread4, constants$1.SUPPORTED_HEADERS.AUTHORIZATION, sessionToken ? "Bearer ".concat(sessionToken) : undefined), _defineProperty(_objectSpread4, constants$1.SUPPORTED_HEADERS.X_PROJECT_KEY, projectKey), _defineProperty(_objectSpread4, constants$1.SUPPORTED_HEADERS.X_CORRELATION_ID, getCorrelationId({
+    headers: omitEmpty__default["default"](_objectSpread$2(_objectSpread$2({}, apolloContext.headers), {}, (_objectSpread4 = {}, _defineProperty(_objectSpread4, formatters.SUPPORTED_HEADERS.AUTHORIZATION, sessionToken ? "Bearer ".concat(sessionToken) : undefined), _defineProperty(_objectSpread4, formatters.SUPPORTED_HEADERS.X_PROJECT_KEY, projectKey), _defineProperty(_objectSpread4, formatters.SUPPORTED_HEADERS.X_CORRELATION_ID, getCorrelationId({
       userId: userId
-    })), _defineProperty(_objectSpread4, constants$1.SUPPORTED_HEADERS.X_GRAPHQL_TARGET, graphQlTarget), _defineProperty(_objectSpread4, constants$1.SUPPORTED_HEADERS.X_GRAPHQL_OPERATION_NAME, operation.operationName), _defineProperty(_objectSpread4, constants$1.SUPPORTED_HEADERS.X_TEAM_ID, teamId), _defineProperty(_objectSpread4, constants$1.SUPPORTED_HEADERS.X_APPLICATION_ID, window.app.applicationId), _defineProperty(_objectSpread4, constants$1.SUPPORTED_HEADERS.X_FEATURE_FLAG, featureFlag), _objectSpread4), getAppliedForwardToHeaders(apolloContext)))
+    })), _defineProperty(_objectSpread4, formatters.SUPPORTED_HEADERS.X_GRAPHQL_TARGET, graphQlTarget), _defineProperty(_objectSpread4, formatters.SUPPORTED_HEADERS.X_GRAPHQL_OPERATION_NAME, operation.operationName), _defineProperty(_objectSpread4, formatters.SUPPORTED_HEADERS.X_TEAM_ID, teamId), _defineProperty(_objectSpread4, formatters.SUPPORTED_HEADERS.X_APPLICATION_ID, window.app.applicationId), _defineProperty(_objectSpread4, formatters.SUPPORTED_HEADERS.X_FEATURE_FLAG, featureFlag), _objectSpread4), getAppliedForwardToHeaders(apolloContext)))
   });
   return _mapInstanceProperty__default["default"](_context4 = forward(operation)).call(_context4, function (response) {
     var _context$response, _context$response$hea;
@@ -754,9 +755,9 @@ var tokenRetryLink = new retry.RetryLink({
 
 var _context;
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(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(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(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$1(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var userAgent = createHttpUserAgent__default["default"]({
   name: 'apollo-client',
   // version: apolloVersion,
@@ -819,9 +820,9 @@ var createApolloClient = function createApolloClient() {
   return new client.ApolloClient({
     link: link,
     // https://www.apollographql.com/docs/react/caching/cache-configuration/
-    cache: new client.InMemoryCache(_objectSpread(_objectSpread({}, customCacheConfig), {}, {
+    cache: new client.InMemoryCache(_objectSpread$1(_objectSpread$1({}, customCacheConfig), {}, {
       // https://www.apollographql.com/docs/react/caching/cache-configuration/#generating-unique-identifiers
-      typePolicies: _objectSpread({
+      typePolicies: _objectSpread$1({
         // CTP types with `key` as identifier
         Project: {
           keyFields: ['key']
@@ -920,6 +921,40 @@ var RouteCatchAll = function RouteCatchAll() {
   });
 };
 
+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 ApplicationRouteWithPermissionCheck = function ApplicationRouteWithPermissionCheck(props) {
+  var permissionKeys = formatters.entryPointUriPathToPermissionKeys(props.environment.entryPointUriPath); // Require View permission to render the application.
+
+  var canView = permissions.useIsAuthorized({
+    demandedPermissions: [permissionKeys.View]
+  });
+
+  if (canView) {
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: react.Children.only(props.children)
+    });
+  }
+
+  return jsxRuntime.jsx(applicationComponents.PageUnauthorized, {});
+};
+
+ApplicationRouteWithPermissionCheck.propTypes = {};
+
+var ApplicationRoute = function ApplicationRoute(props) {
+  if (props.disableRoutePermissionCheck) {
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: react.Children.only(props.children)
+    });
+  }
+
+  return jsxRuntime.jsx(ApplicationRouteWithPermissionCheck, _objectSpread({}, props));
+};
+
+ApplicationRoute.propTypes = {};
+
 var ApplicationEntryPoint = function ApplicationEntryPoint(props) {
   // If the `children` prop is used (instead of the `render` prop),
   // we pre-configure the application entry point routes to avoid
@@ -931,7 +966,7 @@ var ApplicationEntryPoint = function ApplicationEntryPoint(props) {
       // application routes when you open the browser at http://localhost:3001
       null , jsxRuntime.jsx(reactRouterDom.Route, {
         path: "/:projectKey/".concat(entryPointUriPath),
-        children: react.Children.only(props.children)
+        children: jsxRuntime.jsx(ApplicationRoute, _objectSpread({}, props))
       }), jsxRuntime.jsx(RouteCatchAll, {})]
     });
   } // We still support the `render` prop, for backwards compatibility

package/dist/commercetools-frontend-application-shell.cjs.dev.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var applicationEntryPoint = require('./application-entry-point-58093e24.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-3a993fb5.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-684d30f1.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-20accc34.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var oidc = require('./oidc-7e7761de.cjs.dev.js');
+var formatters = require('./formatters-e4b9b9dc.cjs.dev.js');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -31,7 +31,6 @@ require('omit-empty-es');
 require('@commercetools-frontend/notifications');
 require('@commercetools-frontend/sdk');
 require('@commercetools-frontend/constants');
-require('./constants-fdbe0e9d.cjs.dev.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -64,6 +63,7 @@ require('prop-types');
 require('react');
 require('react-router-dom');
 require('tiny-invariant');
+require('@commercetools-frontend/permissions');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/application-shell-connectors');
 require('@emotion/styled/base');
@@ -74,6 +74,7 @@ require('@babel/runtime-corejs3/helpers/typeof');
 require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
 require('lodash/camelCase');
 require('@apollo/client/react');
+require('./oidc-96d1b0dd.cjs.dev.js');
 require('qss');
 require('jwt-decode');
 require('@commercetools-frontend/assets/images/locked-diamond.svg');
@@ -113,7 +114,6 @@ require('@babel/runtime-corejs3/core-js-stable/instance/every');
 require('classnames');
 require('@commercetools-uikit/icons/inline-svg');
 require('@commercetools-frontend/assets/images/diagonal-line.svg');
-require('@commercetools-frontend/permissions');
 require('lodash/throttle');
 require('@commercetools-frontend/url-utils');
 require('@commercetools-frontend/actions-global');
@@ -142,8 +142,8 @@ exports.setupGlobalErrorListener = dist_commercetoolsFrontendApplicationShell.se
 exports.useMcLazyQuery = dist_commercetoolsFrontendApplicationShell.useMcLazyQuery;
 exports.useMcMutation = dist_commercetoolsFrontendApplicationShell.useMcMutation;
 exports.useMcQuery = dist_commercetoolsFrontendApplicationShell.useMcQuery;
-exports.entryPointUriPathToPermissionKeys = oidc.entryPointUriPathToPermissionKeys;
-exports.entryPointUriPathToResourceAccesses = oidc.entryPointUriPathToResourceAccesses;
+exports.entryPointUriPathToPermissionKeys = formatters.entryPointUriPathToPermissionKeys;
+exports.entryPointUriPathToResourceAccesses = formatters.entryPointUriPathToResourceAccesses;
 Object.defineProperty(exports, 'ConfigureFlopFlip', {
 	enumerable: true,
 	get: function () { return reactBroadcast.ConfigureFlopFlip; }

package/dist/commercetools-frontend-application-shell.cjs.prod.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var applicationEntryPoint = require('./application-entry-point-b89a7e84.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-e270df38.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-aeb8ef57.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-7a56bcf7.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var oidc = require('./oidc-be09bd90.cjs.prod.js');
+var formatters = require('./formatters-a5bb12eb.cjs.prod.js');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -31,7 +31,6 @@ require('omit-empty-es');
 require('@commercetools-frontend/notifications');
 require('@commercetools-frontend/sdk');
 require('@commercetools-frontend/constants');
-require('./constants-745aeeca.cjs.prod.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -64,6 +63,7 @@ require('prop-types');
 require('react');
 require('react-router-dom');
 require('tiny-invariant');
+require('@commercetools-frontend/permissions');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/application-shell-connectors');
 require('@emotion/styled/base');
@@ -74,6 +74,7 @@ require('@babel/runtime-corejs3/helpers/typeof');
 require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
 require('lodash/camelCase');
 require('@apollo/client/react');
+require('./oidc-f15b3576.cjs.prod.js');
 require('qss');
 require('jwt-decode');
 require('@commercetools-frontend/assets/images/locked-diamond.svg');
@@ -113,7 +114,6 @@ require('@babel/runtime-corejs3/core-js-stable/instance/every');
 require('classnames');
 require('@commercetools-uikit/icons/inline-svg');
 require('@commercetools-frontend/assets/images/diagonal-line.svg');
-require('@commercetools-frontend/permissions');
 require('lodash/throttle');
 require('@commercetools-frontend/url-utils');
 require('@commercetools-frontend/actions-global');
@@ -142,8 +142,8 @@ exports.setupGlobalErrorListener = dist_commercetoolsFrontendApplicationShell.se
 exports.useMcLazyQuery = dist_commercetoolsFrontendApplicationShell.useMcLazyQuery;
 exports.useMcMutation = dist_commercetoolsFrontendApplicationShell.useMcMutation;
 exports.useMcQuery = dist_commercetoolsFrontendApplicationShell.useMcQuery;
-exports.entryPointUriPathToPermissionKeys = oidc.entryPointUriPathToPermissionKeys;
-exports.entryPointUriPathToResourceAccesses = oidc.entryPointUriPathToResourceAccesses;
+exports.entryPointUriPathToPermissionKeys = formatters.entryPointUriPathToPermissionKeys;
+exports.entryPointUriPathToResourceAccesses = formatters.entryPointUriPathToResourceAccesses;
 Object.defineProperty(exports, 'ConfigureFlopFlip', {
 	enumerable: true,
 	get: function () { return reactBroadcast.ConfigureFlopFlip; }

package/dist/commercetools-frontend-application-shell.esm.js

@@ -1,10 +1,10 @@
-export { p as RouteCatchAll, q as applyDefaultMiddlewares, f as createApolloClient, n as selectProjectKeyFromUrl, t as selectUserId, v as version } from './application-entry-point-43e5d2d3.esm.js';
-export { A as ApplicationShell, a as ApplicationShellProvider, C as ConfigureIntlProvider, G as GtmContext, b as GtmUserLogoutTracker, I as InjectReducers, S as SetupFlopFlipProvider, c as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, d as useMcLazyQuery, e as useMcMutation, u as useMcQuery } from './index-a0f21c48.esm.js';
+export { p as RouteCatchAll, q as applyDefaultMiddlewares, f as createApolloClient, n as selectProjectKeyFromUrl, t as selectUserId, v as version } from './application-entry-point-4ef2cd89.esm.js';
+export { A as ApplicationShell, a as ApplicationShellProvider, C as ConfigureIntlProvider, G as GtmContext, b as GtmUserLogoutTracker, I as InjectReducers, S as SetupFlopFlipProvider, c as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, d as useMcLazyQuery, e as useMcMutation, u as useMcQuery } from './index-2ed9e466.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import 'uuid';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
-export { e as entryPointUriPathToPermissionKeys, a as entryPointUriPathToResourceAccesses } from './oidc-8e05c00e.esm.js';
+export { e as entryPointUriPathToPermissionKeys, c as entryPointUriPathToResourceAccesses } from './formatters-1c23c0a9.esm.js';
 export { ConfigureFlopFlip, ReconfigureFlopFlip, ToggleFeature, branchOnFeatureToggle, injectFeatureToggle, injectFeatureToggles, useAdapterReconfiguration, useAdapterStatus, useFeatureToggle, useFeatureToggles, useFlagVariation, useFlagVariations } from '@flopflip/react-broadcast';
 export { default as ldAdapter } from '@flopflip/launchdarkly-adapter';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
@@ -27,7 +27,6 @@ import 'omit-empty-es';
 import '@commercetools-frontend/notifications';
 import '@commercetools-frontend/sdk';
 import '@commercetools-frontend/constants';
-import './constants-33a16227.esm.js';
 import '@commercetools-frontend/react-notifications';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';
@@ -60,6 +59,7 @@ import 'prop-types';
 import 'react';
 import 'react-router-dom';
 import 'tiny-invariant';
+import '@commercetools-frontend/permissions';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/application-shell-connectors';
 import '@emotion/styled/base';
@@ -70,6 +70,7 @@ import '@babel/runtime-corejs3/helpers/typeof';
 import '@babel/runtime-corejs3/core-js-stable/instance/reverse';
 import 'lodash/camelCase';
 import '@apollo/client/react';
+import './oidc-0f5f3c40.esm.js';
 import 'qss';
 import 'jwt-decode';
 import '@commercetools-frontend/assets/images/locked-diamond.svg';
@@ -109,7 +110,6 @@ import '@babel/runtime-corejs3/core-js-stable/instance/every';
 import 'classnames';
 import '@commercetools-uikit/icons/inline-svg';
 import '@commercetools-frontend/assets/images/diagonal-line.svg';
-import '@commercetools-frontend/permissions';
 import 'lodash/throttle';
 import '@commercetools-frontend/url-utils';
 import '@commercetools-frontend/actions-global';

package/dist/declarations/src/components/application-entry-point/application-entry-point.d.ts

@@ -2,6 +2,7 @@ import type { TProviderProps } from '@commercetools-frontend/application-shell-c
 import { ReactNode } from 'react';
 declare type Props<AdditionalEnvironmentProperties extends {}> = {
     environment: TProviderProps<AdditionalEnvironmentProperties>['environment'];
+    disableRoutePermissionCheck?: boolean;
     render?: () => JSX.Element;
     children?: ReactNode;
 };

package/dist/declarations/src/components/application-shell/application-shell.d.ts

@@ -17,6 +17,7 @@ declare type Props<AdditionalEnvironmentProperties extends {}> = {
         dispatch: Dispatch;
     }) => void;
     onMenuItemClick?: <TrackFn>(event: SyntheticEvent<HTMLAnchorElement>, track: TrackFn) => void;
+    disableRoutePermissionCheck?: boolean;
     render?: () => JSX.Element;
     children?: ReactNode;
 };

package/dist/declarations/src/components/application-shell-provider/use-coerced-environment-values.d.ts

@@ -3,7 +3,7 @@ declare type ShallowJson = {
     [key: string]: unknown;
 };
 declare const useCoercedEnvironmentValues: <AdditionalEnvironmentProperties extends {}>(environment: ShallowJson) => AdditionalEnvironmentProperties & {
-    applicationId?: string | undefined;
+    applicationId: string;
     applicationName: string;
     entryPointUriPath: string;
     revision: string;

package/dist/declarations/src/components/project-container/project-container.d.ts

@@ -8,6 +8,7 @@ declare type QueryParams = {
 declare type Props<AdditionalEnvironmentProperties extends {}> = Pick<RouteComponentProps<QueryParams>, 'match' | 'location'> & {
     user: TFetchLoggedInUserQuery['user'];
     environment: TProviderProps<AdditionalEnvironmentProperties>['environment'];
+    disableRoutePermissionCheck?: boolean;
     render?: () => JSX.Element;
     children?: ReactNode;
 };

package/dist/declarations/src/test-utils/test-utils.d.ts

@@ -50,6 +50,7 @@ export declare type TRenderAppOptions<AdditionalEnvironmentProperties = {}> = {
     apolloClient?: ApolloClient<NormalizedCacheObject>;
     enableApolloMocks: boolean;
     route: string;
+    disableRoutePermissionCheck: boolean;
     disableAutomaticEntryPointRoutes: boolean;
     history: ReturnType<typeof createEnhancedHistory>;
     flags: TFlags;
@@ -60,7 +61,7 @@ export declare type TRenderAppOptions<AdditionalEnvironmentProperties = {}> = {
 } & rtl.RenderOptions;
 declare type TRenderAppResult<AdditionalEnvironmentProperties = {}> = rtl.RenderResult & Pick<TRenderAppOptions<AdditionalEnvironmentProperties>, 'history' | 'user' | 'project' | 'environment'>;
 declare function renderApp<AdditionalEnvironmentProperties = {}>(ui: ReactElement, options?: Partial<TRenderAppOptions<AdditionalEnvironmentProperties>>): TRenderAppResult<AdditionalEnvironmentProperties>;
-declare type TRenderAppWithReduxOptions<AdditionalEnvironmentProperties = {}, StoreState = {}> = {
+export declare type TRenderAppWithReduxOptions<AdditionalEnvironmentProperties = {}, StoreState = {}> = {
     store: ReturnType<typeof createReduxStore>;
     storeState: StoreState;
     sdkMocks: TSdkMock[];