@commercetools-frontend/application-shell 22.2.1 → 22.3.0

package/dist/{configure-apollo-b2a0d497.cjs.prod.js → configure-apollo-70d83707.cjs.prod.js}

@@ -25,7 +25,7 @@ var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var sentry = require('@commercetools-frontend/sentry');
-var constants$1 = require('./constants-a3c2194a.cjs.prod.js');
+var constants$1 = require('./constants-902cf3f3.cjs.prod.js');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var reduxLogger = require('redux-logger');
@@ -87,32 +87,25 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.2.1";
+var applicationShellVersion = "22.3.0";
 
 const isShowRequestInFlightAction = action => action.type === constants.SHOW_LOADING;
-
 const isHideRequestInFlightAction = action => action.type === constants.HIDE_LOADING;
-
 const excludeFirstOccurrence = (list, item) => {
   const index = _indexOfInstanceProperty__default["default"](list).call(list, item);
-
   return [..._sliceInstanceProperty__default["default"](list).call(list, 0, index), ..._sliceInstanceProperty__default["default"](list).call(list, index + 1)];
 };
-
 var requestsInFlightReducer = ((requestsInFlight, action) => {
   if (!requestsInFlight || !action) return [];
   if (isShowRequestInFlightAction(action)) return [...requestsInFlight, action.payload];
-
   if (isHideRequestInFlightAction(action)) {
     // may only remove first occurence
     if (!_includesInstanceProperty__default["default"](requestsInFlight).call(requestsInFlight, action.payload)) {
       sentry.reportErrorToSentry(new Error("Tried to hide \"".concat(action.payload, "\", but it was not progressing!")));
       return requestsInFlight;
     }
-
     return excludeFirstOccurrence(requestsInFlight, action.payload);
   }
-
   return requestsInFlight;
 });
 
@@ -120,27 +113,23 @@ const isAddNotificationErrorAction = action => {
   const errorAction = action;
   return errorAction.type === notifications.ADD_NOTIFICATION && errorAction.payload && (errorAction.payload.kind === constants.NOTIFICATION_KINDS_PAGE['api-error'] || errorAction.payload.kind === constants.NOTIFICATION_KINDS_PAGE['unexpected-error']);
 };
-
 const isHideAllNotificationsAction = action => action.type === constants.HIDE_ALL_PAGE_NOTIFICATIONS;
-
 const hideNotificationsMiddleware = _ref => {
   let getState = _ref.getState;
   return next => action => {
     if (isHideAllNotificationsAction(action) || isAddNotificationErrorAction(action)) {
       var _context;
-
       const state = getState();
-
       _forEachInstanceProperty__default["default"](_context = reactNotifications.selectPageNotifications(state)).call(_context, notification => {
         next(notifications.removeNotification(notification.id));
       });
     }
-
     return next(action);
   };
 };
 
 /* eslint-disable no-console */
+
 const isLoggerEnabled = () => {
   if (process.env.DEBUG === 'true') return true;
   const queryParams = new _URL__default["default"](window.location.href);
@@ -182,34 +171,33 @@ const loggerMiddleware = reduxLogger.createLogger({
   predicate: (_getState, action) => {
     if (!action) return false;
     const type = action.type,
-          payload = action.payload;
+      payload = action.payload;
     if (!type) return false;
     if (_startsWithInstanceProperty__default["default"](type).call(type, 'SHOW_') || _startsWithInstanceProperty__default["default"](type).call(type, 'HIDE_') || _startsWithInstanceProperty__default["default"](type).call(type, 'APOLLO_')) return false;
-
     switch (type) {
       case notifications.REMOVE_NOTIFICATION:
         return false;
-
       case notifications.ADD_NOTIFICATION:
         {
           const ignoredKinds = ['api-error', 'unexpected-error'];
           return !_includesInstanceProperty__default["default"](ignoredKinds).call(ignoredKinds, payload.kind);
         }
-
       default:
         return true;
     }
   }
 });
 
+// Attempt to load the `teamId` from localStorage
 function selectTeamIdFromLocalStorage() {
   return window.localStorage.getItem(constants$1.STORAGE_KEYS.ACTIVE_TEAM_ID) || undefined;
 }
 
-const staticUrlPathsInPositionOfProjectKey = ['login', 'logout', 'account']; // Attempt to extract the `:projectKey` from the URL.
+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;
   const possibleProjectKey = locationPath.split('/')[1];
@@ -220,129 +208,102 @@ function selectProjectKeyFromUrl() {
 // 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;
-
+    userId = _ref.userId;
   return _filterInstanceProperty__default["default"](_context = ['mc', selectProjectKeyFromUrl(), userId, uuid.v4()]).call(_context, skipMalformedPart).join('/');
 }
 
 // NOTE: Copied from `@application-shell-connectors`.
 // TODO: Remove this version once the change in the connectors has been released.
+
 const mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
 const mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
-
 const getMcOriginTld = host => {
   if (host.match(mcPreviewHostnameRegex)) {
     return host.replace(mcPreviewHostnameRegex, '$1');
   }
-
   return host.replace(mcHostnameRegex, '$3');
 };
-
 const getMcApiUrlFromOrigin = origin => {
   var _context;
-
   const url = new _URL__default["default"](origin);
   const originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty__default["default"](_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
-
 const parseAsBoolean = value => value === true || value === 'true';
-
 function getMcApiUrl() {
   let environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.app;
   let origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.origin;
   const 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(origin);
   }
-
   return environment.mcApiUrl;
 }
 
 const getSessionToken = () => window.sessionStorage.getItem(constants$1.STORAGE_KEYS.SESSION_TOKEN);
-
 const 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.localStorage.setItem(constants$1.STORAGE_KEYS.LOGIN_STRATEGY, constants$1.LOGIN_STRATEGY_OIDC);
+  // Remove flag for original workflow
   window.localStorage.removeItem(constants$1.STORAGE_KEYS.IS_AUTHENTICATED);
 };
-
 const 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);
 };
-
 const getActiveProjectKey = () => window.localStorage.getItem(constants$1.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
-
 const removeActiveProjectKey = () => {
   window.localStorage.removeItem(constants$1.STORAGE_KEYS.ACTIVE_PROJECT_KEY);
 };
-
 const setActiveProjectKey = projectKey => {
   window.localStorage.setItem(constants$1.STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
 };
-
 const getSessionScope = () => window.sessionStorage.getItem(constants$1.STORAGE_KEYS.SESSION_SCOPE);
-
 const setSessionScope = scope => {
   window.sessionStorage.setItem(constants$1.STORAGE_KEYS.SESSION_SCOPE, scope);
 };
-
 const getSessionState = stateId => {
   var _context;
-
   const sessionStateKey = _concatInstanceProperty__default["default"](_context = "".concat(constants$1.STORAGE_KEYS.NONCE, "_")).call(_context, stateId);
-
   const unparsedSessionState = window.sessionStorage.getItem(sessionStateKey);
-
   if (unparsedSessionState) {
     try {
       const parsedSessionState = JSON.parse(unparsedSessionState);
@@ -352,37 +313,27 @@ const getSessionState = stateId => {
       window.sessionStorage.removeItem(sessionStateKey);
     }
   }
-
   return null;
 };
-
 const setSessionState = (stateId, state) => {
   var _context3;
-
   const sessionStateKey = _concatInstanceProperty__default["default"](_context3 = "".concat(constants$1.STORAGE_KEYS.NONCE, "_")).call(_context3, stateId);
-
   window.sessionStorage.setItem(sessionStateKey, _JSON$stringify__default["default"](state));
 };
 
 function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(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$4(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
 const mergeObjectValues = object => {
   var _context;
-
   return _reduceInstanceProperty__default["default"](_context = _Object$entries__default["default"](object)).call(_context, (acc, _ref) => {
     let _ref2 = _slicedToArray(_ref, 2),
-        value = _ref2[1];
-
+      value = _ref2[1];
     return _objectSpread$4(_objectSpread$4({}, acc), value);
   }, {});
 };
-
 const patchedGetCorrelationId = () => getCorrelationId({
   userId: selectUserId()
 });
-
 const getAdditionalHeaders = () => {
   const sessionToken = getSessionToken();
   return omitEmpty__default["default"]({
@@ -391,24 +342,21 @@ const getAdditionalHeaders = () => {
     [constants$1.SUPPORTED_HEADERS.X_TEAM_ID]: selectTeamIdFromLocalStorage()
   });
 };
-
 const sdkMiddleware = sdk.createMiddleware({
   getCorrelationId: patchedGetCorrelationId,
   getProjectKey: selectProjectKeyFromUrl,
   getAdditionalHeaders
 });
+
 /**
  * @deprecated: This function should not be used directly anymore.
  */
-
 const applyDefaultMiddlewares = function () {
   for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {
     middlewares[_key] = arguments[_key];
   }
-
   return toolkit.applyMiddleware(...middlewares, thunk__default["default"], loggerMiddleware);
 };
-
 const createInternalReducer = function () {
   let injectedReducers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let preloadedState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -417,17 +365,18 @@ const createInternalReducer = function () {
   // notifications:
   // Unexpected key "new Key" found in preloadedState argument passed to createStore. Expected to find one of the known reducer keys instead: "requestsInFlight", "notifications". Unexpected keys will be ignored.
   // https://redux.js.org/api/createstore#createstorereducer-preloadedstate-enhancer
-  const preloadedStateReducers = mapValues__default["default"](preloadedState, value => () => value); // 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.
+  const preloadedStateReducers = mapValues__default["default"](preloadedState, value => () => value);
 
+  // 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 toolkit.combineReducers(_objectSpread$4(_objectSpread$4({
     requestsInFlight: requestsInFlightReducer,
     notifications: notifications.reducer
   }, injectedReducers), preloadedStateReducers));
-}; // We use a factory as it's more practicable for tests
-// The application can import the configured store (the default export)
-
+};
 
+// We use a factory as it's more practicable for tests
+// The application can import the configured store (the default export)
 const createReduxStore = function () {
   let preloadedState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let additionalMiddlewares = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -448,90 +397,76 @@ const createReduxStore = function () {
       immutableCheck: false
     }), loggerMiddleware]
   });
-  const enhancedStore = store; // Enable reducers to be injected on runtime (see `<InjectReducer>`)
+  const enhancedStore = store;
 
+  // Enable reducers to be injected on runtime (see `<InjectReducer>`)
   enhancedStore.injectedReducers = {};
-
   enhancedStore.injectReducers = _ref3 => {
     let id = _ref3.id,
-        reducers = _ref3.reducers;
+      reducers = _ref3.reducers;
     const hasReducerBeenInjected = _Reflect$has__default["default"](enhancedStore.injectedReducers, id) && enhancedStore.injectedReducers[id] === reducers;
-
     if (!hasReducerBeenInjected) {
       // Keep track of the reducer by id, so we can check if it's been injected aleady
-      enhancedStore.injectedReducers[id] = reducers; // ...when we create the new reducer though, we spread the reducers from each namespace
-
+      enhancedStore.injectedReducers[id] = reducers;
+      // ...when we create the new reducer though, we spread the reducers from each namespace
       enhancedStore.replaceReducer(createInternalReducer(mergeObjectValues(enhancedStore.injectedReducers)));
     }
   };
-
   enhancedStore.removeReducers = _ref4 => {
     let id = _ref4.id;
     delete enhancedStore.injectedReducers[id];
     enhancedStore.replaceReducer(createInternalReducer(mergeObjectValues(enhancedStore.injectedReducers)));
   };
-
   return enhancedStore;
 };
 var internalReduxStore = createReduxStore();
 
-const RouteCatchAll = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./route-catch-all-3b490df1.cjs.prod.js'
-/* webpackChunkName: "route-catch-all" */
-); }));
+const RouteCatchAll = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./route-catch-all-373c69c6.cjs.prod.js' /* webpackChunkName: "route-catch-all" */); }));
 
 function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _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; }
-
 const getSkipTokenRetry = context => {
   const skipTokenRetry = Boolean(context.skipTokenRetry);
   return skipTokenRetry;
 };
-
 const forwardTokenRetryHeader = headers => _objectSpread$3(_objectSpread$3({}, headers), {}, {
   [constants$1.SUPPORTED_HEADERS.X_TOKEN_RETRY]: 'true'
-}); // This link retries requests to the CTP API that have been rejected
+});
+
+// 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[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()]);
   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));
 };
-
 const isHttpError = error => error.statusCode !== undefined || error.statusCode !== undefined;
-
 const isGraphQLError = error => _Array$isArray__default["default"](error) && _someInstanceProperty__default["default"](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 = error.onError(_ref => {
   let graphQLErrors = _ref.graphQLErrors,
-      networkError = _ref.networkError,
-      operation = _ref.operation,
-      forward = _ref.forward;
-
+    networkError = _ref.networkError,
+    operation = _ref.operation,
+    forward = _ref.forward;
   if (networkError && isHttpError(networkError) && networkError.statusCode === constants.STATUS_CODES.UNAUTHORIZED) {
     history__default["default"].push("/logout?reason=".concat(constants.LOGOUT_REASONS.UNAUTHORIZED));
     return;
-  } // In case of graphql errors, we want to retry unauthenticated requests by
+  }
+
+  // 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 ? void 0 : (_err$extensions = err.extensions) === null || _err$extensions === void 0 ? void 0 : _err$extensions.code) === 'UNAUTHENTICATED';
       /**
        * NOTE:
@@ -540,31 +475,25 @@ const errorLink = error.onError(_ref => {
        *   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
-
+        });
+        // retry the request, returning the new observable
         return forward(operation);
       }
     }
   }
-
   return;
 });
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(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$2(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const defaultUserAgent = createHttpUserAgent__default["default"]({
   name: 'unknown-http-client',
@@ -572,36 +501,27 @@ const defaultUserAgent = createHttpUserAgent__default["default"]({
 });
 const defaultForwardToVersion = 'v2';
 const defaultForwardToAudiencePolicy = 'forward-url-full-path';
-
 function buildApiUrl(endpoint) {
   var _context;
-
   const apiUrl = getMcApiUrl().replace(/\/$/, '');
   return _concatInstanceProperty__default["default"](_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__default["default"](_context2 = _Object$entries__default["default"]((_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];
-
+      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
@@ -613,10 +533,8 @@ const getAppliedForwardToHeaders = forwardToConfig => {
     [constants$1.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();
@@ -637,37 +555,26 @@ function createHttpClientOptions() {
     }, 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__default["default"](_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;
-
+      shouldRenewToken = _ref3.shouldRenewToken;
     const requestOptions = createHttpClientOptions(config);
     const response = await fetcher(_objectSpread$2(_objectSpread$2({}, requestOptions), {}, {
       headers: omitEmpty__default["default"](_objectSpread$2(_objectSpread$2({}, requestOptions.headers), {}, {
@@ -675,22 +582,19 @@ async function executeHttpClientRequest(fetcher) {
         [constants$1.SUPPORTED_HEADERS.X_TOKEN_RETRY]: shouldRenewToken
       }))
     }));
-
     if (response.statusCode === constants.STATUS_CODES.UNAUTHORIZED) {
       throw new RenewTokenError("Unauthorized response, attempting retry.");
-    } // In case a new session token is returned from the server, save it.
-
+    }
 
+    // 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.
-
+  }
 
+  // Attempt to send the request.
   return sendRequest().catch(error => {
     if (error instanceof RenewTokenError) {
       // Retry the request and ask to renew the token.
@@ -698,13 +602,11 @@ async function executeHttpClientRequest(fetcher) {
         shouldRenewToken: true
       });
     }
-
     throw error;
   });
 }
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _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; }
 const userAgent = createHttpUserAgent__default["default"]({
   name: 'apollo-client',
@@ -715,47 +617,36 @@ const userAgent = createHttpUserAgent__default["default"]({
   // points to the appkit repo issues
   contactEmail: 'support@commercetools.com'
 });
-
 const isKnownGraphQlTarget = target => {
   var _context;
-
   return target ? _includesInstanceProperty__default["default"](_context = _Object$values__default["default"](constants.GRAPHQL_TARGETS)).call(_context, target) : false;
 };
-
 const extractSessionTokenFromResponse = context => {
   var _context$response, _context$response$hea, _context$restResponse;
-
   const refreshedSessionToken = (_context$response = context.response) === null || _context$response === void 0 ? void 0 : (_context$response$hea = _context$response.headers) === null || _context$response$hea === void 0 ? void 0 : _context$response$hea.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__default["default"](_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 client.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__default["default"](_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.
@@ -764,7 +655,6 @@ const headerLink = new client.ApolloLink((operation, forward) => {
    *   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 || selectTeamIdFromLocalStorage();
   const featureFlag = apolloContext.featureFlag || variables.featureFlag;
@@ -785,11 +675,9 @@ const headerLink = new client.ApolloLink((operation, forward) => {
   return _mapInstanceProperty__default["default"](_context3 = forward(operation)).call(_context3, response => {
     const context = operation.getContext();
     const refreshedSessionToken = extractSessionTokenFromResponse(context);
-
     if (refreshedSessionToken) {
       setActiveSession(refreshedSessionToken);
     }
-
     return response;
   });
 });
@@ -797,7 +685,6 @@ const headerLink = new client.ApolloLink((operation, forward) => {
 const tokenRetryLink = new retry.RetryLink({
   attempts: (count, operation, error) => {
     const context = operation.getContext();
-
     if ((error === null || error === void 0 ? void 0 : error.statusCode) === constants.STATUS_CODES.UNAUTHORIZED && count === 1 && getDoesGraphQLTargetSupportTokenRetry(context) && !getSkipTokenRetry(context)) {
       operation.setContext(_ref => {
         let headers = _ref.headers;
@@ -807,65 +694,61 @@ const tokenRetryLink = new retry.RetryLink({
       });
       return true;
     }
-
     return false;
   }
 });
 
 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; }
 const httpLink = client.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!
+  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.
-    client.from([headerLink, // See https://www.apollographql.com/docs/react/api/link/apollo-link-rest/#link-order
+    client.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__default["default"]] : []), // Must be after `errorLink`.
-    tokenRetryLink, // Must be last.
+    ...(options.restLink ? [options.restLink] : []),
+    // Must be before `tokenRetryLink`.
+    errorLink,
+    // Avoid logging queries in test environment
+    ...(isLoggerEnabled() ? [loggerLink__default["default"]] : []),
+    // Must be after `errorLink`.
+    tokenRetryLink,
+    // Must be last.
     httpLink])
   );
-}; // This custom merge function allows to merge two arrays of objects.
+};
+
+// 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;
-
+    mergeObjects = _ref.mergeObjects;
   return _reduceInstanceProperty__default["default"](incoming).call(incoming, (mergedElements, elem) => {
     const existingElem = _findInstanceProperty__default["default"](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 client.ApolloClient({