@commercetools-frontend/application-shell-connectors 22.8.3 → 22.9.1

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

@@ -1,5 +1,3 @@
-import _URL from '@babel/runtime-corejs3/core-js-stable/url';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -13,17 +11,53 @@ import _pt from 'prop-types';
 import { createContext, useContext, useMemo, useEffect } from 'react';
 import moment from 'moment-timezone';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
+import _URL from '@babel/runtime-corejs3/core-js-stable/url';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import { jsx } from '@emotion/react/jsx-runtime';
-import { useQuery } from '@apollo/client/react';
+import { useQuery, useLazyQuery, useMutation } from '@apollo/client/react';
 import warning from 'tiny-warning';
-import { GRAPHQL_TARGETS } from '@commercetools-frontend/constants';
+import { GRAPHQL_TARGETS, SUPPORTED_HEADERS, STATUS_CODES, LOGOUT_REASONS, STORAGE_KEYS, LOGIN_STRATEGY_OIDC } from '@commercetools-frontend/constants';
+import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
+import { ApolloLink, createHttpLink, ApolloClient, InMemoryCache, from } from '@apollo/client';
+import loggerLink from 'apollo-link-logger';
+import { onError } from '@apollo/client/link/error';
+import history from '@commercetools-frontend/browser-history';
+import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
+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 omitEmpty from 'omit-empty-es';
+import { v4 } from 'uuid';
+import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+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 _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import { RetryLink } from '@apollo/client/link/retry';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.8.3";
+var version = "22.9.1";
+
+// From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
+const getDisplayName = Component => {
+  if (typeof Component === 'string') {
+    return Component;
+  }
+  if (!Component) {
+    return undefined;
+  }
+  return Component.displayName || Component.name || 'Component';
+};
 
 const mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
 const mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
@@ -57,19 +91,8 @@ function getMcApiUrl() {
   return environment.mcApiUrl;
 }
 
-// From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
-const getDisplayName = Component => {
-  if (typeof Component === 'string') {
-    return Component;
-  }
-  if (!Component) {
-    return undefined;
-  }
-  return Component.displayName || Component.name || 'Component';
-};
-
-function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$2(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$2(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Menu visibilities
 
 // Permissions
@@ -102,7 +125,7 @@ const normalizeAllAppliedPermissions = allAppliedPermissions => {
   }
   return _reduceInstanceProperty(allAppliedPermissions).call(allAppliedPermissions, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
-    return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, {
+    return _objectSpread$6(_objectSpread$6({}, transformedAllApplied), {}, {
       [allApplied.name]: allApplied.value
     });
   }, {});
@@ -113,7 +136,7 @@ const normalizeAllAppliedMenuVisibilities = allAppliedMenuVisibilities => {
   }
   return _reduceInstanceProperty(allAppliedMenuVisibilities).call(allAppliedMenuVisibilities, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
-    return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, {
+    return _objectSpread$6(_objectSpread$6({}, transformedAllApplied), {}, {
       [allApplied.name]: allApplied.value
     });
   }, {});
@@ -125,8 +148,8 @@ const normalizeAllAppliedActionRights = allAppliedActionRights => {
   return _reduceInstanceProperty(allAppliedActionRights).call(allAppliedActionRights, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
     const previousAllAppliedGroup = transformedAllApplied[allApplied.group];
-    return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, {
-      [allApplied.group]: _objectSpread$2(_objectSpread$2({}, previousAllAppliedGroup), {}, {
+    return _objectSpread$6(_objectSpread$6({}, transformedAllApplied), {}, {
+      [allApplied.group]: _objectSpread$6(_objectSpread$6({}, previousAllAppliedGroup), {}, {
         [allApplied.name]: allApplied.value
       })
     });
@@ -137,7 +160,7 @@ const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
   const groupedByResourceType = _reduceInstanceProperty(dataFences).call(dataFences, (previousGroupsOfSameType, appliedDataFence) => {
     if (!appliedDataFence) return previousGroupsOfSameType;
     const previousGroup = previousGroupsOfSameType[appliedDataFence.group];
-    return _objectSpread$2(_objectSpread$2({}, previousGroupsOfSameType), {}, {
+    return _objectSpread$6(_objectSpread$6({}, previousGroupsOfSameType), {}, {
       [appliedDataFence.group]: [...(previousGroup || []), appliedDataFence]
     });
   }, {});
@@ -149,13 +172,13 @@ const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
       const dataFenceByName = nextDataFenceValues[dataFence.name] || {
         values: []
       };
-      return _objectSpread$2(_objectSpread$2({}, nextDataFenceValues), {}, {
-        [dataFence.name]: _objectSpread$2(_objectSpread$2({}, dataFenceByName), {}, {
+      return _objectSpread$6(_objectSpread$6({}, nextDataFenceValues), {}, {
+        [dataFence.name]: _objectSpread$6(_objectSpread$6({}, dataFenceByName), {}, {
           values: [..._valuesInstanceProperty(dataFenceByName), dataFence.value]
         })
       });
     }, {});
-    return _objectSpread$2(_objectSpread$2({}, previousGroupedByResourceType), {}, {
+    return _objectSpread$6(_objectSpread$6({}, previousGroupedByResourceType), {}, {
       [resourceType]: groupByDataFenceName
     });
   }, {});
@@ -199,19 +222,19 @@ const normalizeAllAppliedDataFences = allAppliedDataFences => {
   const groupedByType = _reduceInstanceProperty(allAppliedDataFences).call(allAppliedDataFences, (previousGroupsOfSameType, appliedDataFence) => {
     if (!appliedDataFence) return previousGroupsOfSameType;
     const previousGroup = previousGroupsOfSameType[appliedDataFence.type];
-    return _objectSpread$2(_objectSpread$2({}, previousGroupsOfSameType), {}, {
+    return _objectSpread$6(_objectSpread$6({}, previousGroupsOfSameType), {}, {
       [appliedDataFence.type]: [...(previousGroup || []), appliedDataFence]
     });
   }, {});
-  const normalizedDataFences = _objectSpread$2({}, 'store' in groupedByType ? {
+  const normalizedDataFences = _objectSpread$6({}, 'store' in groupedByType ? {
     store: normalizeAppliedDataFencesForStoresByResourceType(groupedByType.store)
   } : {});
   if (_Object$keys(normalizedDataFences).length > 0) return normalizedDataFences;
   return null;
 };
 
-function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const Context$2 = /*#__PURE__*/createContext({});
 const defaultTimeZone = moment.tz.guess() || 'Etc/UTC';
 
@@ -245,7 +268,7 @@ const mapUserToApplicationContextUser = user => {
         }
       });
     }
-    applicationContextUser.idTokenUserInfo = _objectSpread$1(_objectSpread$1({}, user.idTokenUserInfo), {}, {
+    applicationContextUser.idTokenUserInfo = _objectSpread$5(_objectSpread$5({}, user.idTokenUserInfo), {}, {
       additionalClaims
     });
   }
@@ -253,7 +276,7 @@ const mapUserToApplicationContextUser = user => {
 };
 
 // Adjust certain fields which depend e.g. on the origin
-const mapEnvironmentToApplicationContextEnvironment = (environment, origin) => _objectSpread$1(_objectSpread$1({}, environment), {}, {
+const mapEnvironmentToApplicationContextEnvironment = (environment, origin) => _objectSpread$5(_objectSpread$5({}, environment), {}, {
   // NOTE: The `mcApiUrl` depends on `servedByProxy`
   mcApiUrl: getMcApiUrl(environment, origin)
 });
@@ -313,7 +336,7 @@ function withApplicationContext(mapApplicationContextToProps) {
         const mappedProps = mapApplicationContextToProps ? mapApplicationContextToProps(applicationContext) : {
           applicationContext
         };
-        return jsx(Component, _objectSpread$1(_objectSpread$1({}, props), mappedProps));
+        return jsx(Component, _objectSpread$5(_objectSpread$5({}, props), mappedProps));
       }
     });
     WrappedComponent.displayName = "withApplicationContext(".concat(getDisplayName(Component), ")");
@@ -376,8 +399,8 @@ function useCustomViewContextHook(selector) {
 // See related issue: https://github.com/babel/babel/issues/8361
 const useCustomViewContext = useCustomViewContextHook;
 
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FetchProjectExtensionImageRegex = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProjectExtensionImageRegex" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "projectExtension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "imageRegex" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "thumb" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "ImageRegex" }, directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "small" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "ImageRegex" }, directives: [] }] } }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "ImageRegex" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ImageRegexOptions" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "flag" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "search" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "replace" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 256, source: { body: "query FetchProjectExtensionImageRegex {\n  projectExtension {\n    id\n    imageRegex {\n      thumb {\n        ...ImageRegex\n      }\n      small {\n        ...ImageRegex\n      }\n    }\n  }\n}\nfragment ImageRegex on ImageRegexOptions {\n  flag\n  search\n  replace\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const useWarning = (condition, message) => {
   useEffect(() => {
@@ -437,7 +460,7 @@ function withProjectExtensionImageRegex() {
       useWarning(false, "@commercetools-frontend/application-shell-connectors: It is not recommended to use the 'withProjectExtensionImageRegex' high order component anymore. Please use the 'useProjectExtensionImageRegex' hook instead.");
       const imageregexContext = useProjectExtensionImageRegex();
       return jsx(GetProjectExtensionImageRegex, {
-        render: () => jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+        render: () => jsx(Component, _objectSpread$4(_objectSpread$4({}, props), {}, {
           [propKey]: imageregexContext
         }))
       });
@@ -447,4 +470,534 @@ function withProjectExtensionImageRegex() {
   };
 }
 
-export { ApplicationContext, ApplicationContextProvider, Context$2 as Context, CustomViewContextProvider, GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, getMcApiUrl, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities, normalizeAllAppliedPermissions, useApplicationContext, useCustomViewContext, useProjectExtensionImageRegex, version, withApplicationContext, withProjectExtensionImageRegex };
+function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$3(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$3(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const getSkipTokenRetry = context => {
+  const skipTokenRetry = Boolean(context.skipTokenRetry);
+  return skipTokenRetry;
+};
+const forwardTokenRetryHeader = headers => _objectSpread$3(_objectSpread$3({}, headers), {}, {
+  [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"
+// so that the MC BE can issue a new token.
+// NOTE: the retry is not meant to work for the MC access token.
+const getDoesGraphQLTargetSupportTokenRetry = context => {
+  var _context$headers, _context$headers2, _context;
+  const graphQLTarget = ((_context$headers = context.headers) === null || _context$headers === void 0 ? void 0 : _context$headers[SUPPORTED_HEADERS.X_GRAPHQL_TARGET]) || ((_context$headers2 = context.headers) === null || _context$headers2 === void 0 ? void 0 : _context$headers2[SUPPORTED_HEADERS.X_GRAPHQL_TARGET.toLowerCase()]);
+  return Boolean(graphQLTarget && _includesInstanceProperty(_context = [GRAPHQL_TARGETS.COMMERCETOOLS_PLATFORM, GRAPHQL_TARGETS.ADMINISTRATION_SERVICE, GRAPHQL_TARGETS.SETTINGS_SERVICE, GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND]).call(_context, graphQLTarget));
+};
+const isHttpError = error => error.statusCode !== undefined || error.statusCode !== undefined;
+const isGraphQLError = error => _Array$isArray(error) && _someInstanceProperty(error).call(error, err => err.message !== undefined || err.extensions !== undefined);
+
+// Checks response from GraphQL in order to scan 401 errors and redirect the
+// user to the login page resetting the store and showing the proper message
+const errorLink = onError(_ref => {
+  let graphQLErrors = _ref.graphQLErrors,
+    networkError = _ref.networkError,
+    operation = _ref.operation,
+    forward = _ref.forward;
+  if (networkError && isHttpError(networkError) && networkError.statusCode === STATUS_CODES.UNAUTHORIZED) {
+    history.push("/logout?reason=".concat(LOGOUT_REASONS.UNAUTHORIZED));
+    return;
+  }
+
+  // In case of graphql errors, we want to retry unauthenticated requests by
+  // forcing our API to fetch a new token, using the `X-Force-Token` header.
+  // https://www.apollographql.com/docs/link/links/error/#retrying-failed-requests
+  // We need to do this as the `token-retry-link` only works for network errors.
+  // https://www.apollographql.com/docs/link/links/retry/
+  if (graphQLErrors && isGraphQLError(graphQLErrors)) {
+    const context = operation.getContext();
+    for (const err of graphQLErrors) {
+      var _err$extensions;
+      const isNonAuthenticatedViaExtensionCode = (err === null || err === void 0 || (_err$extensions = err.extensions) === null || _err$extensions === void 0 ? void 0 : _err$extensions.code) === 'UNAUTHENTICATED';
+      /**
+       * NOTE:
+       *   Not not all GraphQL APIs expose an `extensions` field in
+       *   each error. For those we have to use the `message`
+       *   property until they introduced support for the `extensions`
+       *   field.
+       */
+      const isNonAuthenticatedViaCode = (err === null || err === void 0 ? void 0 : err.message) === 'invalid_token';
+      if ((isNonAuthenticatedViaExtensionCode || isNonAuthenticatedViaCode) && getDoesGraphQLTargetSupportTokenRetry(context) && !getSkipTokenRetry(context)) {
+        operation.setContext(_ref2 => {
+          let headers = _ref2.headers;
+          return {
+            headers: forwardTokenRetryHeader(headers)
+          };
+        });
+        // retry the request, returning the new observable
+        return forward(operation);
+      }
+    }
+  }
+  return;
+});
+
+// Attempt to load the `teamId` from sessionStorage
+function selectTeamIdFromStorage() {
+  var _window$app$__DEVELOP;
+  return window.sessionStorage.getItem(STORAGE_KEYS.ACTIVE_TEAM_ID) || ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP === void 0 || (_window$app$__DEVELOP = _window$app$__DEVELOP.oidc) === null || _window$app$__DEVELOP === void 0 ? void 0 : _window$app$__DEVELOP.teamId);
+}
+
+const staticUrlPathsInPositionOfProjectKey = ['login', 'logout', 'account'];
+
+// Attempt to extract the `:projectKey` from the URL.
+// If the value matches one of the values in the list above,
+// return `undefined` as we're not within a project context.
+function selectProjectKeyFromUrl() {
+  let locationPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.location.pathname;
+  let possibleProjectKey = '';
+  const pathParts = locationPath.split('/');
+  if (pathParts[1] === 'custom-views') {
+    // Custom Views paths: /custom-views/:customViewId/projects/:projectKey
+    possibleProjectKey = pathParts[4];
+  } else {
+    // Application paths: /:projectKey/:applicationId
+    possibleProjectKey = pathParts[1];
+  }
+  return _includesInstanceProperty(staticUrlPathsInPositionOfProjectKey).call(staticUrlPathsInPositionOfProjectKey, possibleProjectKey) ? undefined : possibleProjectKey;
+}
+
+// Keep an in-memory reference to the apollo client that would be initialized
+// by the application. This is useful to retrieve on runtime the reference
+// to the apollo client in other static modules.
+let cachedApolloClient;
+const setCachedApolloClient = apolloClient => {
+  cachedApolloClient = apolloClient;
+};
+const getCachedApolloClient = () => cachedApolloClient;
+
+var FetchUserId = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchUserId" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 46, source: { body: "query FetchUserId {\n  user: me {\n    id\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+function selectUserId() {
+  const apolloClient = getCachedApolloClient();
+  if (!apolloClient) {
+    return null;
+  }
+  try {
+    const queryResult = apolloClient.readQuery({
+      query: FetchUserId
+    });
+    if (queryResult && queryResult.user) {
+      return queryResult.user.id;
+    }
+  } catch (e) {
+    return null;
+  }
+  return null;
+}
+
+const VALID_ID_PART_FORMAT = /^[\w-/]+$/;
+const skipMalformedPart = part => part && VALID_ID_PART_FORMAT.test(part);
+function getCorrelationId() {
+  var _context;
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    userId = _ref.userId;
+  return _filterInstanceProperty(_context = ['mc', selectProjectKeyFromUrl(), userId, v4()]).call(_context, skipMalformedPart).join('/');
+}
+
+const createApolloContextForProxyForwardTo = proxyForwardTocontext => ({
+  // Send the request to the forward-to endpoint.
+  uri: "".concat(getMcApiUrl(), "/proxy/forward-to"),
+  // Custom properties to be used by the "header-link".
+  forwardToConfig: proxyForwardTocontext,
+  skipGraphQlTargetCheck: true
+});
+
+/* eslint-disable no-console */
+
+const isLoggerEnabled = () => {
+  if (process.env.DEBUG === 'true') return true;
+  if (process.env.NODE_ENV === 'development') return true;
+  const queryParams = new _URL(window.location.href);
+  if (process.env.NODE_ENV === 'production' && queryParams.searchParams.get('debug') === 'true') return true;
+  return false;
+};
+const logger = {
+  groupCollapsed: function () {
+    return isLoggerEnabled() && console.groupCollapsed(...arguments);
+  },
+  groupEnd: () => isLoggerEnabled() && console.groupEnd(),
+  info: function () {
+    return isLoggerEnabled() && console.info(...arguments);
+  },
+  log: function () {
+    return isLoggerEnabled() && console.log(...arguments);
+  },
+  error: function () {
+    return isLoggerEnabled() && console.error(...arguments);
+  },
+  warn: function () {
+    return isLoggerEnabled() && console.warn(...arguments);
+  }
+};
+
+const getSessionToken = () => window.sessionStorage.getItem(STORAGE_KEYS.SESSION_TOKEN);
+const setActiveSession = sessionToken => {
+  if (!sessionToken) return;
+  window.sessionStorage.setItem(STORAGE_KEYS.SESSION_TOKEN, sessionToken !== null && sessionToken !== void 0 ? sessionToken : '');
+  window.localStorage.setItem(STORAGE_KEYS.LOGIN_STRATEGY, LOGIN_STRATEGY_OIDC);
+  // Remove flag for original workflow
+  window.localStorage.removeItem(STORAGE_KEYS.IS_AUTHENTICATED);
+};
+const clearSession = () => {
+  window.sessionStorage.removeItem(STORAGE_KEYS.SESSION_TOKEN);
+  window.sessionStorage.removeItem(STORAGE_KEYS.SESSION_SCOPE);
+  window.sessionStorage.removeItem(STORAGE_KEYS.IS_AUTHENTICATED);
+};
+const getActiveProjectKey = () => window.localStorage.getItem(STORAGE_KEYS.ACTIVE_PROJECT_KEY);
+const removeActiveProjectKey = () => {
+  window.localStorage.removeItem(STORAGE_KEYS.ACTIVE_PROJECT_KEY);
+};
+const setActiveProjectKey = projectKey => {
+  window.localStorage.setItem(STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
+};
+const getSessionScope = () => window.sessionStorage.getItem(STORAGE_KEYS.SESSION_SCOPE);
+const setSessionScope = scope => {
+  window.sessionStorage.setItem(STORAGE_KEYS.SESSION_SCOPE, scope);
+};
+const getSessionState = stateId => {
+  var _context;
+  const sessionStateKey = _concatInstanceProperty(_context = "".concat(STORAGE_KEYS.NONCE, "_")).call(_context, stateId);
+  const unparsedSessionState = window.sessionStorage.getItem(sessionStateKey);
+  if (unparsedSessionState) {
+    try {
+      const parsedSessionState = JSON.parse(unparsedSessionState);
+      window.sessionStorage.removeItem(sessionStateKey);
+      return parsedSessionState;
+    } catch (error) {
+      window.sessionStorage.removeItem(sessionStateKey);
+      if (process.env.NODE_ENV !== 'production') {
+        var _context2;
+        // eslint-disable-next-line no-console
+        console.warn(_concatInstanceProperty(_context2 = "Cannot parse session state for \"".concat(sessionStateKey, "\".\n")).call(_context2, unparsedSessionState));
+      }
+    }
+  }
+  return null;
+};
+const setSessionState = (stateId, state) => {
+  var _context3;
+  const sessionStateKey = _concatInstanceProperty(_context3 = "".concat(STORAGE_KEYS.NONCE, "_")).call(_context3, stateId);
+  window.sessionStorage.setItem(sessionStateKey, _JSON$stringify(state));
+};
+
+var oidcStorage = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  getSessionToken: getSessionToken,
+  setActiveSession: setActiveSession,
+  clearSession: clearSession,
+  getSessionState: getSessionState,
+  setSessionState: setSessionState,
+  getActiveProjectKey: getActiveProjectKey,
+  setActiveProjectKey: setActiveProjectKey,
+  removeActiveProjectKey: removeActiveProjectKey,
+  getSessionScope: getSessionScope,
+  setSessionScope: setSessionScope
+});
+
+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 _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; } }
+function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$2(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$2(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const defaultUserAgent = createHttpUserAgent({
+  name: 'unknown-http-client',
+  libraryName: window.app.applicationName
+});
+const defaultForwardToVersion = 'v2';
+const defaultForwardToAudiencePolicy = 'forward-url-full-path';
+function buildApiUrl(endpoint) {
+  var _context;
+  const apiUrl = getMcApiUrl().replace(/\/$/, '');
+  return _concatInstanceProperty(_context = "".concat(apiUrl)).call(_context, endpoint);
+}
+const getAppliedForwardToHeaders = forwardToConfig => {
+  var _context2, _forwardToConfig$head, _forwardToConfig$vers, _forwardToConfig$audi;
+  if (!forwardToConfig) {
+    return {};
+  }
+  if (!forwardToConfig.uri) {
+    throw new Error("Missing required \"uri\" option.");
+  }
+  const exchangeTokenClaims = [];
+  if (forwardToConfig.includeUserPermissions) {
+    exchangeTokenClaims.push('permissions');
+  }
+  return _objectSpread$2(_objectSpread$2({}, _reduceInstanceProperty(_context2 = _Object$entries((_forwardToConfig$head = forwardToConfig.headers) !== null && _forwardToConfig$head !== void 0 ? _forwardToConfig$head : {})).call(_context2, (customForwardHeaders, _ref) => {
+    let _ref2 = _slicedToArray(_ref, 2),
+      headerName = _ref2[0],
+      headerValue = _ref2[1];
+    return _objectSpread$2(_objectSpread$2({}, customForwardHeaders), {}, {
+      // Prefix headers so that the MC API can allow and forward them.
+      ["x-forward-header-".concat(headerName)]: headerValue
+    });
+  }, {})), {}, {
+    [SUPPORTED_HEADERS.ACCEPT_VERSION]: (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion,
+    [SUPPORTED_HEADERS.X_FORWARD_TO]: forwardToConfig.uri,
+    [SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY]: (_forwardToConfig$audi = forwardToConfig.audiencePolicy) !== null && _forwardToConfig$audi !== void 0 ? _forwardToConfig$audi : defaultForwardToAudiencePolicy,
+    [SUPPORTED_HEADERS.X_FORWARD_TO_CLAIMS]: exchangeTokenClaims.join(' ')
+  });
+};
+function createHttpClientOptions() {
+  var _config$projectKey;
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const sessionToken = getSessionToken();
+  const projectKey = (_config$projectKey = config.projectKey) !== null && _config$projectKey !== void 0 ? _config$projectKey : selectProjectKeyFromUrl();
+  const userId = selectUserId();
+  const userAgent = (config === null || config === void 0 ? void 0 : config.userAgent) || defaultUserAgent;
+  return {
+    credentials: 'include',
+    headers: omitEmpty(_objectSpread$2(_objectSpread$2({}, config.headers), {}, {
+      // Required headers
+      [SUPPORTED_HEADERS.ACCEPT]: 'application/json',
+      [SUPPORTED_HEADERS.AUTHORIZATION]: sessionToken ? "Bearer ".concat(sessionToken) : undefined,
+      [SUPPORTED_HEADERS.X_APPLICATION_ID]: window.app.applicationIdentifier,
+      [SUPPORTED_HEADERS.X_CUSTOM_VIEW_ID]: window.app.customViewId,
+      [SUPPORTED_HEADERS.X_CORRELATION_ID]: getCorrelationId({
+        userId
+      }),
+      [SUPPORTED_HEADERS.X_PROJECT_KEY]: projectKey,
+      [SUPPORTED_HEADERS.X_USER_AGENT]: userAgent
+    }, getAppliedForwardToHeaders(config.forwardToConfig)))
+  };
+}
+let 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 _this;
+  }
+  return _createClass(RenewTokenError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+async function executeHttpClientRequest(fetcher) {
+  let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  // Wrapper function to be called again (once) on retry.
+  async function sendRequest() {
+    let _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      shouldRenewToken = _ref3.shouldRenewToken;
+    const requestOptions = createHttpClientOptions(config);
+    const response = await fetcher(_objectSpread$2(_objectSpread$2({}, requestOptions), {}, {
+      headers: omitEmpty(_objectSpread$2(_objectSpread$2({}, requestOptions.headers), {}, {
+        // Passing this header forces a token renewal.
+        [SUPPORTED_HEADERS.X_TOKEN_RETRY]: shouldRenewToken
+      }))
+    }));
+    if (response.statusCode === STATUS_CODES.UNAUTHORIZED) {
+      throw new RenewTokenError("Unauthorized response, attempting retry.");
+    }
+
+    // In case a new session token is returned from the server, save it.
+    const refreshedSessionToken = response.getHeader('x-refreshed-session-token');
+    if (refreshedSessionToken) {
+      setActiveSession(refreshedSessionToken);
+    }
+    return response.data;
+  }
+
+  // Attempt to send the request.
+  return sendRequest().catch(error => {
+    if (error instanceof RenewTokenError) {
+      // Retry the request and ask to renew the token.
+      return sendRequest({
+        shouldRenewToken: true
+      });
+    }
+    throw error;
+  });
+}
+
+function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys$1(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys$1(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const 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'
+});
+const isKnownGraphQlTarget = target => {
+  var _context;
+  return target ? _includesInstanceProperty(_context = _Object$values(GRAPHQL_TARGETS)).call(_context, target) : false;
+};
+const extractSessionTokenFromResponse = context => {
+  var _context$response, _context$restResponse;
+  const refreshedSessionToken = (_context$response = context.response) === null || _context$response === void 0 || (_context$response = _context$response.headers) === null || _context$response === void 0 ? void 0 : _context$response.get('x-refreshed-session-token');
+  if (refreshedSessionToken) {
+    return refreshedSessionToken !== null && refreshedSessionToken !== void 0 ? refreshedSessionToken : null;
+  }
+  const restResponseWithRefreshTokenHeader = (_context$restResponse = context.restResponses) === null || _context$restResponse === void 0 ? void 0 : _findInstanceProperty(_context$restResponse).call(_context$restResponse, response => {
+    var _response$headers;
+    return (_response$headers = response.headers) === null || _response$headers === void 0 ? void 0 : _response$headers.has('x-refreshed-session-token');
+  });
+  if (restResponseWithRefreshTokenHeader) {
+    var _restResponseWithRefr;
+    return (_restResponseWithRefr = restResponseWithRefreshTokenHeader.headers.get('x-refreshed-session-token')) !== null && _restResponseWithRefr !== void 0 ? _restResponseWithRefr : null;
+  }
+  return null;
+};
+
+/* eslint-disable import/prefer-default-export */
+// Use a middleware to update the request headers with the correct params.
+const headerLink = new ApolloLink((operation, forward) => {
+  var _context2, _context3;
+  const apolloContext = operation.getContext();
+  const variables = operation.variables;
+  const graphQlTarget = apolloContext.target || variables.target;
+  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.
+   *   This holds for most applications like `application-categories`, `application-discounts` etc.
+   *   However, the `application-account` does not run with the project key being part of the url.
+   *   As a result we allow passing the project key as a variable on the operation allowing
+   *   it to be the fallback.
+   */
+  const projectKey = apolloContext.projectKey || variables.projectKey || selectProjectKeyFromUrl();
+  const teamId = apolloContext.teamId || variables.teamId || selectTeamIdFromStorage();
+  const featureFlag = apolloContext.featureFlag || variables.featureFlag;
+  operation.setContext(createHttpClientOptions({
+    userAgent,
+    headers: omitEmpty(_objectSpread$1(_objectSpread$1({}, apolloContext.headers), {}, {
+      // Required headers for GraphQL API.
+      [SUPPORTED_HEADERS.X_GRAPHQL_TARGET]: graphQlTarget,
+      // For logging/debugging purposes.
+      [SUPPORTED_HEADERS.X_GRAPHQL_OPERATION_NAME]: operation.operationName,
+      // Experimental features, use with caution.
+      [SUPPORTED_HEADERS.X_TEAM_ID]: teamId,
+      [SUPPORTED_HEADERS.X_FEATURE_FLAG]: featureFlag
+    })),
+    forwardToConfig: apolloContext.forwardToConfig,
+    projectKey
+  }));
+  return _mapInstanceProperty(_context3 = forward(operation)).call(_context3, response => {
+    const context = operation.getContext();
+    const refreshedSessionToken = extractSessionTokenFromResponse(context);
+    if (refreshedSessionToken) {
+      setActiveSession(refreshedSessionToken);
+    }
+    return response;
+  });
+});
+
+const tokenRetryLink = new RetryLink({
+  attempts: (count, operation, error) => {
+    const context = operation.getContext();
+    if ((error === null || error === void 0 ? void 0 : error.statusCode) === STATUS_CODES.UNAUTHORIZED && count === 1 && getDoesGraphQLTargetSupportTokenRetry(context) && !getSkipTokenRetry(context)) {
+      operation.setContext(_ref => {
+        let headers = _ref.headers;
+        return {
+          headers: forwardTokenRetryHeader(headers)
+        };
+      });
+      return true;
+    }
+    return false;
+  }
+});
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const httpLink = createHttpLink({
+  uri: "".concat(getMcApiUrl(), "/graphql"),
+  fetch
+});
+const createApolloLink = function () {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (
+    // The order of links is IMPORTANT!
+    // In the request-phase they are executed top to bottom.
+    // In the response/phase they are executed bottom to top.
+    // The `httpLink` is terminating so it must be last, while `tokenRetryLink` and `errorLink`
+    // wrap the links the their right.
+    from([headerLink,
+    // See https://www.apollographql.com/docs/react/api/link/apollo-link-rest/#link-order
+    // State & context links should happen before (to the left of) `restLink`.
+    ...(options.restLink ? [options.restLink] : []),
+    // Must be before `tokenRetryLink`.
+    errorLink,
+    // Avoid logging queries in test environment
+    ...(isLoggerEnabled() ? [loggerLink] : []),
+    // Must be after `errorLink`.
+    tokenRetryLink,
+    // Must be last.
+    httpLink])
+  );
+};
+
+// This custom merge function allows to merge two arrays of objects.
+// The incoming list is what we need to update to, but we still need
+// to ensure that existing cache elements are not removed but updated.
+// This is usually the case when elements get removed.
+const mergeArraysObjects = function () {
+  let existing = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let incoming = arguments.length > 1 ? arguments[1] : undefined;
+  let _ref = arguments.length > 2 ? arguments[2] : undefined,
+    mergeObjects = _ref.mergeObjects;
+  return _reduceInstanceProperty(incoming).call(incoming, (mergedElements, elem) => {
+    const existingElem = _findInstanceProperty(existing).call(existing, el => el.__ref === elem.__ref);
+    if (existingElem) {
+      const updatedElem = mergeObjects(existingElem, elem);
+      if (updatedElem) {
+        return [...mergedElements, updatedElem];
+      }
+    }
+    return [...mergedElements, elem];
+  }, []);
+};
+const createApolloClient = function () {
+  var _options$cache, _customCacheConfig$ty;
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const customCacheConfig = (_options$cache = options === null || options === void 0 ? void 0 : options.cache) !== null && _options$cache !== void 0 ? _options$cache : {};
+  return new ApolloClient({
+    link: createApolloLink(options),
+    // https://www.apollographql.com/docs/react/caching/cache-configuration/
+    cache: new InMemoryCache(_objectSpread(_objectSpread({}, customCacheConfig), {}, {
+      // https://www.apollographql.com/docs/react/caching/cache-configuration/#generating-unique-identifiers
+      typePolicies: _objectSpread({
+        // CTP types with `key` as identifier
+        Project: {
+          keyFields: ['key']
+        },
+        Store: {
+          keyFields: ['key']
+        },
+        // Internal apps menu links representations
+        ApplicationsMenu: {
+          fields: {
+            appBar: {
+              merge: mergeArraysObjects
+            },
+            navBar: {
+              merge: mergeArraysObjects
+            }
+          }
+        }
+      }, (_customCacheConfig$ty = customCacheConfig.typePolicies) !== null && _customCacheConfig$ty !== void 0 ? _customCacheConfig$ty : {})
+    }))
+  });
+};
+
+function useMcQuery(query, options) {
+  return useQuery(query, options);
+}
+function useMcLazyQuery(query, options) {
+  return useLazyQuery(query, options);
+}
+function useMcMutation(mutation, options) {
+  return useMutation(mutation, options);
+}
+
+export { ApplicationContext, ApplicationContextProvider, Context$2 as Context, CustomViewContextProvider, GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, buildApiUrl, createApolloClient, createApolloContextForProxyForwardTo, createHttpClientOptions, executeHttpClientRequest, getCachedApolloClient, getCorrelationId, getMcApiUrl, isLoggerEnabled, logger, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities, normalizeAllAppliedPermissions, oidcStorage, selectProjectKeyFromUrl, selectTeamIdFromStorage, selectUserId, setCachedApolloClient, useApplicationContext, useCustomViewContext, useMcLazyQuery, useMcMutation, useMcQuery, useProjectExtensionImageRegex, version, withApplicationContext, withProjectExtensionImageRegex };