@commercetools-frontend/application-shell 21.10.0 → 21.13.0

package/dist/{application-entry-point-a5b662f7.esm.js → application-entry-point-7cff60bd.esm.js}

@@ -36,7 +36,6 @@ import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 import _URL from '@babel/runtime-corejs3/core-js-stable/url';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import { ApolloLink, createHttpLink, ApolloClient, from, InMemoryCache } from '@apollo/client';
-import createHttpUserAgent from '@commercetools/http-user-agent';
 import loggerLink from 'apollo-link-logger';
 import _Array$from from '@babel/runtime-corejs3/core-js-stable/array/from';
 import _Symbol from '@babel/runtime-corejs3/core-js-stable/symbol';
@@ -47,8 +46,19 @@ import history from '@commercetools-frontend/browser-history';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import createHttpUserAgent from '@commercetools/http-user-agent';
 import { v4 } from 'uuid';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
+import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
+import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
+import _assertThisInitialized from '@babel/runtime-corejs3/helpers/esm/assertThisInitialized';
+import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
+import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
+import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import { RetryLink } from '@apollo/client/link/retry';
 import _pt from 'prop-types';
 import { useEffect, Children } from 'react';
@@ -60,7 +70,7 @@ import { entryPointUriPathToPermissionKeys } from '@commercetools-frontend/appli
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.10.0";
+var version = "21.13.0";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -188,9 +198,9 @@ var messages = defineMessages({
   }
 });
 
-function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getPortalContainer = function getPortalContainer() {
   return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(REQUESTS_IN_FLIGHT_LOADER_DOM_ID));
@@ -202,7 +212,7 @@ var RequestsInFlightLoader = function RequestsInFlightLoader() {
   });
   if (!hasRequestsInFlight) return null;
   return /*#__PURE__*/ReactDOM.createPortal(jsx(LoadingSpinner, {
-    children: jsx(FormattedMessage, _objectSpread$5({}, messages.labelLoading))
+    children: jsx(FormattedMessage, _objectSpread$6({}, messages.labelLoading))
   }), getPortalContainer());
 };
 
@@ -308,52 +318,47 @@ function getCorrelationId() {
   return _filterInstanceProperty(_context = ['mc', selectProjectKeyFromUrl(), userId, v4()]).call(_context, skipMalformedPart).join('/');
 }
 
-var removeMcPrefix = function removeMcPrefix(host) {
-  return host.replace(/^mc(-(\d){4,})?\.(.*)$/, '$3');
+// NOTE: Copied from `@application-shell-connectors`.
+// TODO: Remove this version once the change in the connectors has been released.
+var mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
+var mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
+
+var getMcOriginTld = function getMcOriginTld(host) {
+  if (host.match(mcPreviewHostnameRegex)) {
+    return host.replace(mcPreviewHostnameRegex, '$1');
+  }
+
+  return host.replace(mcHostnameRegex, '$3');
 };
-/**
- * NOTE:
- *    Given the Merchant Center or Custom Application runs behind the proxy
- *    then the `mcApiUrl` should be build using the origin on the window.
- *
- *    This allows the Merchant Center (or any Custom Appliction) to automatically
- *    use an `mcApiUrl` which matches the respective url of the deployment.
- *
- *    This is particularily useful with the new and old hostnames for the Merchant Center.
- *    When using the origin, it will be made sure that the authorization cookie will
- *    always be sent as the appropriate API url is used.
- *
- *    1. MC: mc.commercetools.com with API: mc-api.europe-west1.gcp.commercetools.com
- *       -> Will not work as urls differ
- *    2. MC: mc.europe-west1.gcp.commercetools.com with API: mc-api.commercetools.com
- *       -> Will not work as urls differ
- *
- *    Using the origin ensures that urls always match with the cookie sent. Otherwise,
- *    the application shell will rightfully redirect to the logout page.
- */
-
-
-var getMcApiUrlFromOrigin = function getMcApiUrlFromOrigin(actualWindow) {
+
+var getMcApiUrlFromOrigin = function getMcApiUrlFromOrigin(origin) {
   var _context;
 
-  var url = new _URL(actualWindow.origin);
-  var originTld = removeMcPrefix(url.host);
+  var url = new _URL(origin);
+  var originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty(_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
 
-var isEnvironmentConfigurationEnabled = function isEnvironmentConfigurationEnabled(environmentConfiguration) {
-  return environmentConfiguration === true || environmentConfiguration === 'true';
+var parseAsBoolean = function parseAsBoolean(value) {
+  return value === true || value === 'true';
 };
 
 function getMcApiUrl() {
-  var actualWindow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
-  var isServedByProxy = isEnvironmentConfigurationEnabled(actualWindow.app.servedByProxy);
+  var environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.app;
+  var origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.origin;
+  var isServedByProxy = parseAsBoolean(environment.servedByProxy);
+  /**
+   * Prefer using the origin URL for the MC API based on the origin value
+   * of the browser's `window.location`.
+   * This ensures that the application always uses the correct URL associated
+   * with that environment, instead of relying on the config value.
+   */
 
   if (isServedByProxy) {
-    return getMcApiUrlFromOrigin(actualWindow);
+    return getMcApiUrlFromOrigin(origin);
   }
 
-  return actualWindow.app.mcApiUrl;
+  return environment.mcApiUrl;
 }
 
 var getSessionToken = function getSessionToken() {
@@ -429,9 +434,9 @@ var setSessionState = function setSessionState(stateId, state) {
   window.sessionStorage.setItem(sessionStateKey, _JSON$stringify(state));
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys$4(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$4(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys$5(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var identityStoreEnhancer = function identityStoreEnhancer(noop) {
   return noop;
@@ -444,7 +449,7 @@ var mergeObjectValues = function mergeObjectValues(object) {
     var _ref2 = _slicedToArray(_ref, 2),
         value = _ref2[1];
 
-    return _objectSpread$4(_objectSpread$4({}, acc), value);
+    return _objectSpread$5(_objectSpread$5({}, acc), value);
   }, {});
 };
 
@@ -489,7 +494,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 combineReducers(_objectSpread$4(_objectSpread$4({
+  return combineReducers(_objectSpread$5(_objectSpread$5({
     requestsInFlight: requestsInFlightReducer,
     notifications: reducer
   }, injectedReducers), preloadedStateReducers));
@@ -532,9 +537,9 @@ var createReduxStore = function createReduxStore() {
 };
 var internalReduxStore = createReduxStore();
 
-function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-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(_context2 = ownKeys$3(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$3(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$4(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$4(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getSkipTokenRetry = function getSkipTokenRetry(context) {
   var skipTokenRetry = Boolean(context.skipTokenRetry);
@@ -542,7 +547,7 @@ var getSkipTokenRetry = function getSkipTokenRetry(context) {
 };
 
 var forwardTokenRetryHeader = function forwardTokenRetryHeader(headers) {
-  return _objectSpread$3(_objectSpread$3({}, headers), {}, _defineProperty({}, SUPPORTED_HEADERS.X_TOKEN_RETRY, 'true'));
+  return _objectSpread$4(_objectSpread$4({}, headers), {}, _defineProperty({}, 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"
@@ -633,30 +638,193 @@ var errorLink = onError(function (_ref) {
   return;
 });
 
-function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-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(_context5 = ownKeys$2(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys$2(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var isKnownGraphQlTarget = function isKnownGraphQlTarget(target) {
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys$3(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys$3(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var defaultUserAgent = createHttpUserAgent({
+  name: 'unknown-http-client',
+  libraryName: window.app.applicationName
+});
+var defaultForwardToVersion = 'v2';
+var defaultForwardToAudiencePolicy = 'forward-url-full-path';
+
+function buildApiUrl(endpoint) {
   var _context;
 
-  return target ? _includesInstanceProperty(_context = _Object$values(GRAPHQL_TARGETS)).call(_context, target) : false;
+  var apiUrl = getMcApiUrl().replace(/\/$/, '');
+  return _concatInstanceProperty(_context = "".concat(apiUrl)).call(_context, endpoint);
+}
+
+var getAppliedForwardToHeaders = function getAppliedForwardToHeaders(forwardToConfig) {
+  var _context2, _forwardToConfig$head, _forwardToConfig$vers, _forwardToConfig$audi, _objectSpread3;
+
+  if (!forwardToConfig) {
+    return {};
+  }
+
+  if (!forwardToConfig.uri) {
+    throw new Error("Missing required \"uri\" option.");
+  }
+
+  return _objectSpread$3(_objectSpread$3({}, _reduceInstanceProperty(_context2 = _Object$entries((_forwardToConfig$head = forwardToConfig.headers) !== null && _forwardToConfig$head !== void 0 ? _forwardToConfig$head : {})).call(_context2, function (customForwardHeaders, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        headerName = _ref2[0],
+        headerValue = _ref2[1];
+
+    return _objectSpread$3(_objectSpread$3({}, customForwardHeaders), {}, _defineProperty({}, "x-forward-header-".concat(headerName), headerValue));
+  }, {})), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, SUPPORTED_HEADERS.ACCEPT_VERSION, (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion), _defineProperty(_objectSpread3, SUPPORTED_HEADERS.X_FORWARD_TO, forwardToConfig.uri), _defineProperty(_objectSpread3, SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY, (_forwardToConfig$audi = forwardToConfig.audiencePolicy) !== null && _forwardToConfig$audi !== void 0 ? _forwardToConfig$audi : defaultForwardToAudiencePolicy), _objectSpread3));
 };
 
-var getAppliedForwardToHeaders = function getAppliedForwardToHeaders(apolloContext) {
-  if (apolloContext.forwardToConfig) {
-    var _context2, _apolloContext$forwar, _objectSpread3;
+function createHttpClientOptions() {
+  var _config$projectKey, _objectSpread4;
 
-    return _objectSpread$2(_objectSpread$2({}, _reduceInstanceProperty(_context2 = _Object$entries((_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];
+  var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var sessionToken = getSessionToken();
+  var projectKey = (_config$projectKey = config.projectKey) !== null && _config$projectKey !== void 0 ? _config$projectKey : selectProjectKeyFromUrl();
+  var userId = selectUserId();
+  var userAgent = (config === null || config === void 0 ? void 0 : config.userAgent) || defaultUserAgent;
+  return {
+    credentials: 'include',
+    headers: omitEmpty(_objectSpread$3(_objectSpread$3({}, config.headers), {}, (_objectSpread4 = {}, _defineProperty(_objectSpread4, SUPPORTED_HEADERS.ACCEPT, 'application/json'), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.AUTHORIZATION, sessionToken ? "Bearer ".concat(sessionToken) : undefined), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_APPLICATION_ID, window.app.applicationId), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_CORRELATION_ID, getCorrelationId({
+      userId: userId
+    })), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_PROJECT_KEY, projectKey), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_USER_AGENT, userAgent), _objectSpread4), getAppliedForwardToHeaders(config.forwardToConfig)))
+  };
+}
+
+var RenewTokenError = /*#__PURE__*/function (_Error) {
+  _inherits(RenewTokenError, _Error);
+
+  var _super = _createSuper(RenewTokenError);
+
+  function RenewTokenError(message) {
+    var _this;
+
+    _classCallCheck(this, RenewTokenError);
+
+    _this = _super.call(this, message);
+
+    _Object$defineProperty(_assertThisInitialized(_this), 'name', {
+      value: 'RenewTokenError'
+    });
 
-      return _objectSpread$2(_objectSpread$2({}, customForwardHeaders), {}, _defineProperty({}, "x-forward-header-".concat(headerName), headerValue));
-    }, {})), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, SUPPORTED_HEADERS.ACCEPT_VERSION, apolloContext.forwardToConfig.version), _defineProperty(_objectSpread3, SUPPORTED_HEADERS.X_FORWARD_TO, apolloContext.forwardToConfig.uri), _defineProperty(_objectSpread3, SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY, apolloContext.forwardToConfig.audiencePolicy), _objectSpread3));
+    return _this;
   }
 
-  return {};
+  return _createClass(RenewTokenError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+function executeHttpClientRequest(_x) {
+  return _executeHttpClientRequest.apply(this, arguments);
+}
+
+function _executeHttpClientRequest() {
+  _executeHttpClientRequest = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(fetcher) {
+    var config,
+        sendRequest,
+        _sendRequest,
+        _args2 = arguments;
+
+    return _regeneratorRuntime.wrap(function _callee2$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _sendRequest = function _sendRequest3() {
+              _sendRequest = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+                var _ref3,
+                    shouldRenewToken,
+                    requestOptions,
+                    response,
+                    refreshedSessionToken,
+                    _args = arguments;
+
+                return _regeneratorRuntime.wrap(function _callee$(_context3) {
+                  while (1) {
+                    switch (_context3.prev = _context3.next) {
+                      case 0:
+                        _ref3 = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, shouldRenewToken = _ref3.shouldRenewToken;
+                        requestOptions = createHttpClientOptions(config);
+                        _context3.next = 4;
+                        return fetcher(_objectSpread$3(_objectSpread$3({}, requestOptions), {}, {
+                          headers: omitEmpty(_objectSpread$3(_objectSpread$3({}, requestOptions.headers), {}, _defineProperty({}, SUPPORTED_HEADERS.X_TOKEN_RETRY, shouldRenewToken)))
+                        }));
+
+                      case 4:
+                        response = _context3.sent;
+
+                        if (!(response.statusCode === STATUS_CODES.UNAUTHORIZED)) {
+                          _context3.next = 7;
+                          break;
+                        }
+
+                        throw new RenewTokenError("Unauthorized response, attempting retry.");
+
+                      case 7:
+                        // In case a new session token is returned from the server, save it.
+                        refreshedSessionToken = response.getHeader('x-refreshed-session-token');
+
+                        if (refreshedSessionToken) {
+                          setActiveSession(refreshedSessionToken);
+                        }
+
+                        return _context3.abrupt("return", response.data);
+
+                      case 10:
+                      case "end":
+                        return _context3.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+              return _sendRequest.apply(this, arguments);
+            };
+
+            sendRequest = function _sendRequest2() {
+              return _sendRequest.apply(this, arguments);
+            };
+
+            config = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : {};
+            return _context4.abrupt("return", sendRequest().catch(function (error) {
+              if (error instanceof RenewTokenError) {
+                // Retry the request and ask to renew the token.
+                return sendRequest({
+                  shouldRenewToken: true
+                });
+              }
+
+              throw error;
+            }));
+
+          case 4:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _executeHttpClientRequest.apply(this, arguments);
+}
+
+function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys$2(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys$2(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var userAgent = createHttpUserAgent({
+  name: 'apollo-client',
+  // version: apolloVersion,
+  libraryName: [window.app.applicationName, 'application-shell'].join('/'),
+  libraryVersion: version,
+  contactUrl: 'https://git.io/fjuyC',
+  // points to the appkit repo issues
+  contactEmail: 'support@commercetools.com'
+});
+
+var isKnownGraphQlTarget = function isKnownGraphQlTarget(target) {
+  var _context;
+
+  return target ? _includesInstanceProperty(_context = _Object$values(GRAPHQL_TARGETS)).call(_context, target) : false;
 };
 
 var extractSessionTokenFromResponse = function extractSessionTokenFromResponse(context) {
@@ -687,12 +855,12 @@ var extractSessionTokenFromResponse = function extractSessionTokenFromResponse(c
 
 
 var headerLink = new ApolloLink(function (operation, forward) {
-  var _context3, _objectSpread4, _context4;
+  var _context2, _objectSpread2, _context3;
 
   var apolloContext = operation.getContext();
   var variables = operation.variables;
   var graphQlTarget = apolloContext.target || variables.target;
-  if (!apolloContext.skipGraphQlTargetCheck && !isKnownGraphQlTarget(graphQlTarget)) throw new Error(_concatInstanceProperty(_context3 = "GraphQL target \"".concat(graphQlTarget, "\" is missing (or is not supported) in operation \"")).call(_context3, operation.operationName, "\""));
+  if (!apolloContext.skipGraphQlTargetCheck && !isKnownGraphQlTarget(graphQlTarget)) throw new Error(_concatInstanceProperty(_context2 = "GraphQL target \"".concat(graphQlTarget, "\" is missing (or is not supported) in operation \"")).call(_context2, operation.operationName, "\""));
   /**
    * NOTE:
    *   The project key is read from the url in a project related application context.
@@ -704,16 +872,14 @@ var headerLink = new ApolloLink(function (operation, forward) {
 
   var projectKey = apolloContext.projectKey || variables.projectKey || selectProjectKeyFromUrl();
   var teamId = apolloContext.teamId || variables.teamId || selectTeamIdFromLocalStorage();
-  var userId = selectUserId();
   var featureFlag = apolloContext.featureFlag || variables.featureFlag;
-  var sessionToken = getSessionToken();
-  operation.setContext({
-    credentials: 'include',
-    headers: omitEmpty(_objectSpread$2(_objectSpread$2({}, apolloContext.headers), {}, (_objectSpread4 = {}, _defineProperty(_objectSpread4, SUPPORTED_HEADERS.AUTHORIZATION, sessionToken ? "Bearer ".concat(sessionToken) : undefined), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_PROJECT_KEY, projectKey), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_CORRELATION_ID, getCorrelationId({
-      userId: userId
-    })), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_GRAPHQL_TARGET, graphQlTarget), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_GRAPHQL_OPERATION_NAME, operation.operationName), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_TEAM_ID, teamId), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_APPLICATION_ID, window.app.applicationId), _defineProperty(_objectSpread4, SUPPORTED_HEADERS.X_FEATURE_FLAG, featureFlag), _objectSpread4), getAppliedForwardToHeaders(apolloContext)))
-  });
-  return _mapInstanceProperty(_context4 = forward(operation)).call(_context4, function (response) {
+  operation.setContext(createHttpClientOptions({
+    userAgent: userAgent,
+    headers: omitEmpty(_objectSpread$2(_objectSpread$2({}, apolloContext.headers), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, SUPPORTED_HEADERS.X_GRAPHQL_TARGET, graphQlTarget), _defineProperty(_objectSpread2, SUPPORTED_HEADERS.X_GRAPHQL_OPERATION_NAME, operation.operationName), _defineProperty(_objectSpread2, SUPPORTED_HEADERS.X_TEAM_ID, teamId), _defineProperty(_objectSpread2, SUPPORTED_HEADERS.X_FEATURE_FLAG, featureFlag), _objectSpread2))),
+    forwardToConfig: apolloContext.forwardToConfig,
+    projectKey: projectKey
+  }));
+  return _mapInstanceProperty(_context3 = forward(operation)).call(_context3, function (response) {
     var context = operation.getContext();
     var refreshedSessionToken = extractSessionTokenFromResponse(context);
 
@@ -746,21 +912,8 @@ var tokenRetryLink = new RetryLink({
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 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(_context4 = ownKeys$1(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys$1(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var userAgent = createHttpUserAgent({
-  name: 'apollo-client',
-  // version: apolloVersion,
-  libraryName: [window.app.applicationName, 'application-shell'].join('/'),
-  libraryVersion: version,
-  contactUrl: 'https://git.io/fjuyC',
-  // points to the appkit repo issues
-  contactEmail: 'support@commercetools.com'
-});
 var httpLink = createHttpLink({
   uri: "".concat(getMcApiUrl(), "/graphql"),
-  headers: {
-    accept: 'application/json',
-    'x-user-agent': userAgent
-  },
   fetch: fetch
 });
 
@@ -1002,4 +1155,4 @@ ApplicationEntryPoint.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt.node
 } : {};
 
-export { ApplicationEntryPoint as A, REQUESTS_IN_FLIGHT_LOADER_DOM_ID as R, getActiveProjectKey as a, getSessionScope as b, location as c, getSessionState as d, setActiveSession as e, createApolloClient as f, getMcApiUrl as g, setCachedApolloClient as h, internalReduxStore as i, setSessionScope as j, setSessionState as k, logger as l, clearSession as m, selectProjectKeyFromUrl as n, RequestsInFlightLoader as o, RouteCatchAll as p, getSessionToken as q, removeActiveProjectKey as r, setActiveProjectKey as s, selectUserId as t, useIsServedByProxy as u, version as v, getCorrelationId as w, applyDefaultMiddlewares as x, createReduxStore as y };
+export { ApplicationEntryPoint as A, REQUESTS_IN_FLIGHT_LOADER_DOM_ID as R, getActiveProjectKey as a, getSessionScope as b, location as c, getSessionState as d, setActiveSession as e, createApolloClient as f, getMcApiUrl as g, setCachedApolloClient as h, internalReduxStore as i, setSessionScope as j, setSessionState as k, logger as l, clearSession as m, selectProjectKeyFromUrl as n, RequestsInFlightLoader as o, RouteCatchAll as p, applyDefaultMiddlewares as q, removeActiveProjectKey as r, setActiveProjectKey as s, selectUserId as t, useIsServedByProxy as u, version as v, buildApiUrl as w, createHttpClientOptions as x, executeHttpClientRequest as y, createReduxStore as z };

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

@@ -2,12 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var applicationEntryPoint = require('./application-entry-point-4de6686c.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-f576ae07.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-56bf2606.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-b3e5cace.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 ssr = require('@commercetools-frontend/application-config/ssr');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
@@ -23,6 +21,7 @@ require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('lodash/mapValues');
 require('redux');
@@ -44,9 +43,9 @@ require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@commercetools-frontend/sentry');
+require('@babel/runtime-corejs3/core-js-stable/url');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@apollo/client');
-require('@commercetools/http-user-agent');
 require('apollo-link-logger');
 require('@babel/runtime-corejs3/core-js-stable/array/from');
 require('@babel/runtime-corejs3/core-js-stable/symbol');
@@ -57,7 +56,18 @@ require('@commercetools-frontend/browser-history');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('@babel/runtime-corejs3/core-js-stable/object/values');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@commercetools/http-user-agent');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/assertThisInitialized');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+require('@babel/runtime-corejs3/regenerator');
 require('@apollo/client/link/retry');
 require('prop-types');
 require('react');
@@ -85,12 +95,6 @@ require('@commercetools-uikit/text');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
-require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-require('@babel/runtime-corejs3/helpers/classCallCheck');
-require('@babel/runtime-corejs3/helpers/createClass');
-require('@babel/runtime-corejs3/helpers/inherits');
-require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@commercetools-frontend/assets/images/icecream.svg');
 require('@commercetools-frontend/l10n');
 require('@commercetools-frontend/assets/images/logo.svg');
@@ -103,8 +107,6 @@ require('memoize-one');
 require('@commercetools-uikit/select-input');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('lodash/isNil');
-require('@babel/runtime-corejs3/helpers/asyncToGenerator');
-require('@babel/runtime-corejs3/regenerator');
 require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/flags');
 require('@flopflip/http-adapter');
@@ -116,8 +118,6 @@ require('@commercetools-frontend/assets/images/diagonal-line.svg');
 require('lodash/throttle');
 require('@commercetools-frontend/url-utils');
 require('@commercetools-frontend/actions-global');
-require('@babel/runtime-corejs3/helpers/assertThisInitialized');
-require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -127,7 +127,11 @@ var ldAdapter__default = /*#__PURE__*/_interopDefault(ldAdapter);
 
 exports.RouteCatchAll = applicationEntryPoint.RouteCatchAll;
 exports.applyDefaultMiddlewares = applicationEntryPoint.applyDefaultMiddlewares;
+exports.buildApiUrl = applicationEntryPoint.buildApiUrl;
 exports.createApolloClient = applicationEntryPoint.createApolloClient;
+exports.createHttpClientOptions = applicationEntryPoint.createHttpClientOptions;
+exports.executeHttpClientRequest = applicationEntryPoint.executeHttpClientRequest;
+exports.getMcApiUrl = applicationEntryPoint.getMcApiUrl;
 exports.selectProjectKeyFromUrl = applicationEntryPoint.selectProjectKeyFromUrl;
 exports.selectUserId = applicationEntryPoint.selectUserId;
 exports.version = applicationEntryPoint.version;
@@ -139,10 +143,7 @@ exports.GtmUserLogoutTracker = dist_commercetoolsFrontendApplicationShell.GtmUse
 exports.InjectReducers = dist_commercetoolsFrontendApplicationShell.InjectReducers;
 exports.SetupFlopFlipProvider = dist_commercetoolsFrontendApplicationShell.SetupFlopFlipProvider;
 exports.SuspendedRoute = dist_commercetoolsFrontendApplicationShell.SuspendedRoute;
-exports.buildApiUrl = dist_commercetoolsFrontendApplicationShell.buildApiUrl;
 exports.createApolloContextForProxyForwardTo = dist_commercetoolsFrontendApplicationShell.createApolloContextForProxyForwardTo;
-exports.createHttpClientOptions = dist_commercetoolsFrontendApplicationShell.createHttpClientOptions;
-exports.executeHttpClientRequest = dist_commercetoolsFrontendApplicationShell.executeHttpClientRequest;
 exports.setupGlobalErrorListener = dist_commercetoolsFrontendApplicationShell.setupGlobalErrorListener;
 exports.useMcLazyQuery = dist_commercetoolsFrontendApplicationShell.useMcLazyQuery;
 exports.useMcMutation = dist_commercetoolsFrontendApplicationShell.useMcMutation;