@commercetools-frontend/application-shell-connectors 22.30.2 → 22.31.0

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

@@ -12,7 +12,6 @@ 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';
@@ -46,7 +45,7 @@ import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringif
 import { RetryLink } from '@apollo/client/link/retry';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.30.2";
+var version = "22.31.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
@@ -68,10 +67,9 @@ const getMcOriginTld = host => {
   return host.replace(mcHostnameRegex, '$3');
 };
 const getMcApiUrlFromOrigin = origin => {
-  var _context;
   const url = new _URL(origin);
   const originTld = getMcOriginTld(url.host);
-  return _concatInstanceProperty(_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
+  return `${url.protocol}//mc-api.${originTld}`;
 };
 const parseAsBoolean = value => value === true || value === 'true';
 function getMcApiUrl() {
@@ -303,9 +301,9 @@ const createApplicationContext = (environment, user, project, projectDataLocale)
   environment: mapEnvironmentToApplicationContextEnvironment(environment),
   user: mapUserToApplicationContextUser(user),
   project: mapProjectToApplicationContextProject(project),
-  permissions: normalizeAllAppliedPermissions(project === null || project === void 0 ? void 0 : project.allAppliedPermissions),
-  actionRights: normalizeAllAppliedActionRights(project === null || project === void 0 ? void 0 : project.allAppliedActionRights),
-  dataFences: normalizeAllAppliedDataFences(project === null || project === void 0 ? void 0 : project.allAppliedDataFences),
+  permissions: normalizeAllAppliedPermissions(project?.allAppliedPermissions),
+  actionRights: normalizeAllAppliedActionRights(project?.allAppliedActionRights),
+  dataFences: normalizeAllAppliedDataFences(project?.allAppliedDataFences),
   dataLocale: projectDataLocale || null
 });
 const ApplicationContextProvider = props => jsx(Context$2.Provider, {
@@ -341,7 +339,7 @@ function withApplicationContext(mapApplicationContextToProps) {
         return jsx(Component, _objectSpread$6(_objectSpread$6({}, props), mappedProps));
       }
     });
-    WrappedComponent.displayName = "withApplicationContext(".concat(getDisplayName(Component), ")");
+    WrappedComponent.displayName = `withApplicationContext(${getDisplayName(Component)})`;
     return WrappedComponent;
   };
 }
@@ -450,7 +448,7 @@ ProjectExtensionProviderForImageRegex.propTypes = process.env.NODE_ENV !== "prod
 } : {};
 ProjectExtensionProviderForImageRegex.displayName = 'ProjectExtensionProviderForImageRegex';
 const GetProjectExtensionImageRegex = props => {
-  useWarning(false, "@commercetools-frontend/application-shell-connectors: It is not recommended to use the 'GetProjectExtensionImageRegex' anymore. Please use the 'useProjectExtensionImageRegex' hook instead.");
+  useWarning(false, `@commercetools-frontend/application-shell-connectors: It is not recommended to use the 'GetProjectExtensionImageRegex' anymore. Please use the 'useProjectExtensionImageRegex' hook instead.`);
   return jsx(Context.Consumer, {
     children: imageRegexContext => props.render(imageRegexContext)
   });
@@ -463,7 +461,7 @@ function withProjectExtensionImageRegex() {
   let propKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'imageRegexData';
   return Component => {
     const WrappedComponent = props => {
-      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.");
+      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$4(_objectSpread$4({}, props), {}, {
@@ -471,7 +469,7 @@ function withProjectExtensionImageRegex() {
         }))
       });
     };
-    WrappedComponent.displayName = "withProjectExtensionImageRegex(".concat(getDisplayName(Component), ")");
+    WrappedComponent.displayName = `withProjectExtensionImageRegex(${getDisplayName(Component)})`;
     return WrappedComponent;
   };
 }
@@ -492,8 +490,8 @@ const forwardTokenRetryHeader = headers => _objectSpread$3(_objectSpread$3({}, h
 // 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()]);
+  var _context;
+  const graphQLTarget = context.headers?.[SUPPORTED_HEADERS.X_GRAPHQL_TARGET] || context.headers?.[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;
@@ -507,7 +505,7 @@ const errorLink = onError(_ref => {
     operation = _ref.operation,
     forward = _ref.forward;
   if (networkError && isHttpError(networkError) && networkError.statusCode === STATUS_CODES.UNAUTHORIZED) {
-    history.push("/logout?reason=".concat(LOGOUT_REASONS.UNAUTHORIZED));
+    history.push(`/logout?reason=${LOGOUT_REASONS.UNAUTHORIZED}`);
     return;
   }
 
@@ -519,8 +517,7 @@ const errorLink = onError(_ref => {
   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';
+      const isNonAuthenticatedViaExtensionCode = err?.extensions?.code === 'UNAUTHENTICATED';
       /**
        * NOTE:
        *   Not not all GraphQL APIs expose an `extensions` field in
@@ -528,7 +525,7 @@ const errorLink = onError(_ref => {
        *   property until they introduced support for the `extensions`
        *   field.
        */
-      const isNonAuthenticatedViaCode = (err === null || err === void 0 ? void 0 : err.message) === 'invalid_token';
+      const isNonAuthenticatedViaCode = err?.message === 'invalid_token';
       if ((isNonAuthenticatedViaExtensionCode || isNonAuthenticatedViaCode) && getDoesGraphQLTargetSupportTokenRetry(context) && !getSkipTokenRetry(context)) {
         operation.setContext(_ref2 => {
           let headers = _ref2.headers;
@@ -546,8 +543,7 @@ const errorLink = onError(_ref => {
 
 // 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);
+  return window.sessionStorage.getItem(STORAGE_KEYS.ACTIVE_TEAM_ID) || window.app.__DEVELOPMENT__?.oidc?.teamId;
 }
 
 const staticUrlPathsInPositionOfProjectKey = ['login', 'logout', 'account'];
@@ -608,7 +604,7 @@ function getCorrelationId() {
 
 const createApolloContextForProxyForwardTo = proxyForwardTocontext => ({
   // Send the request to the forward-to endpoint.
-  uri: "".concat(getMcApiUrl(), "/proxy/forward-to"),
+  uri: `${getMcApiUrl()}/proxy/forward-to`,
   // Custom properties to be used by the "header-link".
   forwardToConfig: proxyForwardTocontext,
   skipGraphQlTargetCheck: true
@@ -645,7 +641,7 @@ const logger = {
 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.sessionStorage.setItem(STORAGE_KEYS.SESSION_TOKEN, sessionToken ?? '');
   window.localStorage.setItem(STORAGE_KEYS.LOGIN_STRATEGY, LOGIN_STRATEGY_OIDC);
   // Remove flag for original workflow
   window.localStorage.removeItem(STORAGE_KEYS.IS_AUTHENTICATED);
@@ -667,8 +663,7 @@ 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 sessionStateKey = `${STORAGE_KEYS.NONCE}_${stateId}`;
   const unparsedSessionState = window.sessionStorage.getItem(sessionStateKey);
   if (unparsedSessionState) {
     try {
@@ -676,22 +671,19 @@ const getSessionState = stateId => {
       return parsedSessionState;
     } catch (error) {
       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));
+        console.warn(`Cannot parse session state for "${sessionStateKey}".\n${unparsedSessionState}`);
       }
     }
   }
   return null;
 };
 const setSessionState = (stateId, state) => {
-  var _context3;
-  const sessionStateKey = _concatInstanceProperty(_context3 = "".concat(STORAGE_KEYS.NONCE, "_")).call(_context3, stateId);
+  const sessionStateKey = `${STORAGE_KEYS.NONCE}_${stateId}`;
   window.sessionStorage.setItem(sessionStateKey, _JSON$stringify(state));
 };
 const removeSessionState = stateId => {
-  var _context4;
-  const sessionStateKey = _concatInstanceProperty(_context4 = "".concat(STORAGE_KEYS.NONCE, "_")).call(_context4, stateId);
+  const sessionStateKey = `${STORAGE_KEYS.NONCE}_${stateId}`;
   window.sessionStorage.removeItem(sessionStateKey);
 };
 
@@ -713,7 +705,7 @@ var oidcStorage = /*#__PURE__*/Object.freeze({
 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() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 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; }
+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; }
 const defaultUserAgent = createHttpUserAgent({
   name: 'unknown-http-client',
   libraryName: typeof window !== 'undefined' ? window.app.applicationName : 'unknown-application-name'
@@ -721,50 +713,48 @@ const defaultUserAgent = createHttpUserAgent({
 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);
+  return `${apiUrl}${endpoint}`;
 }
 const getAppliedForwardToHeaders = forwardToConfig => {
-  var _context2, _forwardToConfig$head, _forwardToConfig$vers, _forwardToConfig$audi;
+  var _context;
   if (!forwardToConfig) {
     return {};
   }
   if (!forwardToConfig.uri) {
-    throw new Error("Missing required \"uri\" option.");
+    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) => {
+  return _objectSpread$2(_objectSpread$2({}, _reduceInstanceProperty(_context = _Object$entries(forwardToConfig.headers ?? {})).call(_context, (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
+      [`x-forward-header-${headerName}`]: headerValue
     });
   }, {})), {}, {
-    [SUPPORTED_HEADERS.ACCEPT_VERSION]: (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion,
+    [SUPPORTED_HEADERS.ACCEPT_VERSION]: forwardToConfig.version ?? 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_AUDIENCE_POLICY]: forwardToConfig.audiencePolicy ?? 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 projectKey = config.projectKey ?? selectProjectKeyFromUrl();
   const userId = selectUserId();
-  const userAgent = (config === null || config === void 0 ? void 0 : config.userAgent) || defaultUserAgent;
+  const userAgent = 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.AUTHORIZATION]: sessionToken ? `Bearer ${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({
@@ -803,7 +793,7 @@ async function executeHttpClientRequest(fetcher) {
       }))
     }));
     if (response.statusCode === STATUS_CODES.UNAUTHORIZED) {
-      throw new RenewTokenError("Unauthorized response, attempting retry.");
+      throw new RenewTokenError(`Unauthorized response, attempting retry.`);
     }
 
     // In case a new session token is returned from the server, save it.
@@ -827,7 +817,7 @@ async function executeHttpClientRequest(fetcher) {
 }
 
 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; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$1(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$1(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const userAgent = createHttpUserAgent({
   name: 'apollo-client',
   // version: apolloVersion,
@@ -842,18 +832,13 @@ const isKnownGraphQlTarget = target => {
   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');
+  const refreshedSessionToken = context.response?.headers?.get('x-refreshed-session-token');
   if (refreshedSessionToken) {
-    return refreshedSessionToken !== null && refreshedSessionToken !== void 0 ? refreshedSessionToken : null;
+    return 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');
-  });
+  const restResponseWithRefreshTokenHeader = context.restResponses?.find(response => 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 restResponseWithRefreshTokenHeader.headers.get('x-refreshed-session-token') ?? null;
   }
   return null;
 };
@@ -861,11 +846,11 @@ const extractSessionTokenFromResponse = context => {
 /* 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;
+  var _context2;
   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, "\""));
+  if (!apolloContext.skipGraphQlTargetCheck && !isKnownGraphQlTarget(graphQlTarget)) throw new Error(`GraphQL target "${graphQlTarget}" is missing (or is not supported) in operation "${operation.operationName}"`);
 
   /**
    * NOTE:
@@ -892,7 +877,7 @@ const headerLink = new ApolloLink((operation, forward) => {
     forwardToConfig: apolloContext.forwardToConfig,
     projectKey
   }));
-  return _mapInstanceProperty(_context3 = forward(operation)).call(_context3, response => {
+  return _mapInstanceProperty(_context2 = forward(operation)).call(_context2, response => {
     const context = operation.getContext();
     const refreshedSessionToken = extractSessionTokenFromResponse(context);
     if (refreshedSessionToken) {
@@ -905,7 +890,7 @@ const headerLink = new ApolloLink((operation, forward) => {
 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)) {
+    if (error?.statusCode === STATUS_CODES.UNAUTHORIZED && count === 1 && getDoesGraphQLTargetSupportTokenRetry(context) && !getSkipTokenRetry(context)) {
       operation.setContext(_ref => {
         let headers = _ref.headers;
         return {
@@ -923,7 +908,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
 const createApolloLink = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const httpLink = createHttpLink({
-    uri: "".concat(getMcApiUrl(), "/graphql"),
+    uri: `${getMcApiUrl()}/graphql`,
     fetch
   });
 
@@ -967,9 +952,8 @@ const mergeArraysObjects = function () {
   }, []);
 };
 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 : {};
+  const customCacheConfig = options?.cache ?? {};
   return new ApolloClient({
     link: createApolloLink(options),
     // https://www.apollographql.com/docs/react/caching/cache-configuration/
@@ -1008,7 +992,7 @@ const createApolloClient = function () {
             }
           }
         }
-      }, (_customCacheConfig$ty = customCacheConfig.typePolicies) !== null && _customCacheConfig$ty !== void 0 ? _customCacheConfig$ty : {})
+      }, customCacheConfig.typePolicies ?? {})
     }))
   });
 };

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

@@ -20,6 +20,16 @@ type TApplicationContextGroupedByPermission = {
 type TApplicationContextGroupedByResourceType = {
     [key: string]: TApplicationContextGroupedByPermission | null;
 };
+/**
+ * dataFence: {
+ *   store: {
+ *     orders: {
+ *       canManageOrders: { values: ['usa', 'germany'] },
+ *       canViewOrders: { values: ['canada'] },
+ *     }
+ *   }
+ * }
+ */
 type TApplicationContextDataFenceType = 'store';
 type TApplicationContextDataFences = Partial<Record<TApplicationContextDataFenceType, TApplicationContextGroupedByResourceType>>;
 type TApplicationContextEnvironment = ApplicationWindow['app'];

package/dist/declarations/src/components/application-context/normalizers.d.ts

@@ -24,6 +24,24 @@ export type TDataFenceStoresGroupByResourceType = {
 };
 export type TDataFenceType = 'store';
 export type TDataFences = Partial<Record<TDataFenceType, TDataFenceGroupedByResourceType>>;
+/**
+ * NOTE:
+ *
+ * Permissions and menu visibilities are being fetched though the `allAppliedPermissions`
+ * and the `allAppliedMenuVisibilities` which both return an array of `{ name: string, value: boolean }`.
+ * This gives more flexibility to introduce new values to apps without having to release
+ * the merchant-center-app-kit by adding/exposing them from the mc-be (our proxy service).
+ *
+ * The application below however expects both permissions an menu visibilities to be of the shape
+ * `[name: string]: boolean` which is what the shape above is mapped into here. This object shape is easier
+ * to work with in application level code (while be a non breaking change to other packages) as you can just
+ * do `canViewProducts`.
+ *
+ * This function considering its concern belongs into the `permissions` package. However,
+ * for now it doesn't have to be shared and as a result can be co-located with
+ * the fetching logic. Given this mapping needs to be used elsewere feel free
+ * to move this over to `permissions` and export it there.
+ */
 export declare const normalizeAllAppliedPermissions: (allAppliedPermissions?: TAppliedPermission[]) => TPermissions | null;
 export declare const normalizeAllAppliedMenuVisibilities: (allAppliedMenuVisibilities?: TAppliedMenuVisibilities[]) => TMenuVisibilities | null;
 export declare const normalizeAllAppliedActionRights: (allAppliedActionRights?: TAppliedActionRight[]) => TActionRights | null;

package/dist/declarations/src/types/generated/mc.d.ts

@@ -11,6 +11,7 @@ export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
 export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
     [SubKey in K]: Maybe<T[SubKey]>;
 };
+/** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
     ID: string;
     String: string;
@@ -244,6 +245,7 @@ export type TOAuthClientTemplate = {
 };
 export type TOrganization = {
     __typename?: 'Organization';
+    /** @deprecated This field will be removed in the future. */
     createdAt: Scalars['String'];
     id: Scalars['ID'];
     name: Scalars['String'];
@@ -267,6 +269,7 @@ export type TProject = TMetaData & {
     __typename?: 'Project';
     allAppliedActionRights: Array<TAppliedActionRight>;
     allAppliedDataFences: Array<TAppliedDataFence>;
+    /** @deprecated This field has been moved into the menuPermissionsForAllApplications field. */
     allAppliedMenuVisibilities: Array<TAppliedMenuVisibilities>;
     allAppliedPermissions: Array<TAppliedPermission>;
     allPermissionsForAllApplications: TAllPermissionsForAllApplications;
@@ -521,10 +524,12 @@ export type TUser = TMetaData & {
     launchdarklyTrackingId: Scalars['String'];
     launchdarklyTrackingSubgroup?: Maybe<Scalars['String']>;
     launchdarklyTrackingTeam?: Maybe<Array<Scalars['String']>>;
+    /** @deprecated This field is replaced by launchdarklyTrackingCloudEnvironment. */
     launchdarklyTrackingTenant: Scalars['String'];
     numberFormat: Scalars['String'];
     projects: TProjectQueryResult;
     timeZone?: Maybe<Scalars['String']>;
+    /** @deprecated This field is not used anymore. */
     verificationStatus: TVerificationStatus;
     version?: Maybe<Scalars['Int']>;
 };

package/dist/declarations/src/types/generated/settings.d.ts

@@ -11,6 +11,7 @@ export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
 export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
     [SubKey in K]: Maybe<T[SubKey]>;
 };
+/** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
     ID: string;
     String: string;
@@ -98,6 +99,7 @@ export type TBusinessUnitsListMyViewTableInput = {
 };
 export declare enum TCategoryRecommendationSearchProperty {
     Attribute = "Attribute",
+    /** @deprecated The machine learning APIs are not available anymore. */
     MachineLearning = "MachineLearning",
     ProductType = "ProductType"
 }
@@ -197,11 +199,14 @@ export type TCustomApplicationMenuLink = {
     __typename?: 'CustomApplicationMenuLink';
     createdAt: Scalars['DateTime'];
     defaultLabel: Scalars['String'];
+    /** @deprecated This field has been moved outside of the menu link. */
     icon: Scalars['String'];
+    /** @deprecated This field has been renamed to icon. */
     iconName?: Maybe<Scalars['String']>;
     id: Scalars['ID'];
     labelAllLocales: Array<TLocalizedField>;
     permissions: Array<Scalars['String']>;
+    /** @deprecated This field has been moved outside of the menu link and is now a top level field. */
     submenuLinks: Array<TCustomApplicationSubmenuLink>;
     updatedAt: Scalars['DateTime'];
 };
@@ -295,6 +300,10 @@ export type TCustomViewDraftDataInput = {
     locators: Array<Scalars['String']>;
     permissions: Array<TCustomViewPermissionDataInput>;
     type: TCustomViewType;
+    /**
+     * The value of this property depends on the value of the 'type' property value.
+     * In case the `type` value is `CustomPanel`, you are supposed to provide it's size.
+     */
     typeSettings?: InputMaybe<TCustomViewTypeSettingsInput>;
     url: Scalars['String'];
 };
@@ -694,8 +703,10 @@ export type TMutation = {
     deleteProjectSettingsStoresView?: Maybe<TProjectSettingsStoresView>;
     installCustomApplication?: Maybe<TRestrictedCustomApplicationInstallationForOrganization>;
     installCustomView?: Maybe<TRestrictedCustomViewInstallationForOrganization>;
+    /** @deprecated Experimental feature - For internal usage only */
     moveMessagesFromDeadLetterQueueToMainQueue?: Maybe<TBatchProcessResult>;
     random: Scalars['String'];
+    /** @deprecated Experimental feature - For internal usage only */
     removeMessagesFromDeadLetterQueue?: Maybe<TBatchProcessResult>;
     sendLinkToVerifyCustomApplicationsMaintainerContactEmail?: Maybe<TCustomApplicationsMaintainerContactEmailVerificationRequest>;
     setCustomApplicationsMaintainerContactInformation?: Maybe<TOrganizationExtension>;
@@ -1337,6 +1348,7 @@ export type TProductTypeAttributesViewUpdateInput = {
 };
 export type TProjectExtension = {
     __typename?: 'ProjectExtension';
+    /** @deprecated Feature not available anymore */
     applications: Array<TApplicationExtension>;
     categoryRecommendationSettings?: Maybe<TCategoryRecommendationSettings>;
     createdAt: Scalars['DateTime'];
@@ -1409,13 +1421,18 @@ export type TQuery = {
     activeProductDiscountsCustomView?: Maybe<TDiscountsCustomView>;
     activeProductTypeAttributesView?: Maybe<TProductTypeAttributesView>;
     activeProjectSettingsStoresView?: Maybe<TProjectSettingsStoresView>;
+    /** @deprecated Experimental feature - For internal usage only */
     allAppliedCustomApplicationPermissions: Array<TCustomApplicationInstallationPermission>;
+    /** @deprecated Experimental feature - For internal usage only */
     allAppliedCustomViewPermissions: Array<TCustomViewInstallationPermission>;
+    /** @deprecated Experimental feature - For internal usage only */
     allCustomApplications: TCustomApplicationsPagedQueryResult;
+    /** @deprecated Experimental feature - For internal usage only */
     allCustomViews: TCustomViewsPagedQueryResult;
     allCustomViewsInstallationsByLocator: Array<TRestrictedCustomViewInstallationForProject>;
     allCustomViewsLocatorGroups: Array<TCustomViewLocatorGroup>;
     allFeatures: Array<TFeature>;
+    /** @deprecated Experimental feature - For internal usage only */
     allOrganizationExtensions: Array<TOrganizationExtension>;
     allProjectExtensions: Array<TProjectExtension>;
     allPublicCustomApplicationsDevelopedByCommercetools: Array<TPublicCustomApplicationDevelopedByCommercetools>;
@@ -1423,7 +1440,9 @@ export type TQuery = {
     businessUnitsListMyViews: Array<Maybe<TBusinessUnitsListMyView>>;
     cartDiscountsCustomView?: Maybe<TDiscountsCustomView>;
     cartDiscountsCustomViews: Array<Maybe<TDiscountsCustomView>>;
+    /** @deprecated Experimental feature - For internal usage only */
     customApplication?: Maybe<TCustomApplication>;
+    /** @deprecated Experimental feature - For internal usage only */
     customView?: Maybe<TCustomView>;
     customersListView?: Maybe<TCustomersListView>;
     customersListViews: Array<Maybe<TCustomersListView>>;
@@ -1433,6 +1452,7 @@ export type TQuery = {
     dashboardViews: Array<Maybe<TDashboardView>>;
     discountCodesCustomView?: Maybe<TDiscountsCustomView>;
     discountCodesCustomViews: Array<Maybe<TDiscountsCustomView>>;
+    /** @deprecated Experimental feature - For internal usage only */
     globalOrganizationExtension?: Maybe<TOrganizationExtension>;
     myCustomApplications: Array<TMyCustomApplication>;
     myCustomViews: Array<TMyCustomView>;
@@ -1452,6 +1472,7 @@ export type TQuery = {
     projectExtension?: Maybe<TProjectExtension>;
     projectSettingsStoresView?: Maybe<TProjectSettingsStoresView>;
     projectSettingsStoresViews: Array<Maybe<TProjectSettingsStoresView>>;
+    /** @deprecated Experimental feature - For internal usage only */
     readMessagesFromDeadLetterQueue: Array<TMessage>;
     release?: Maybe<Scalars['String']>;
     ruleBuilderQuickSelectionValues?: Maybe<Array<Maybe<TRuleBuilderQuickSelectionValues>>>;
@@ -1602,6 +1623,7 @@ export type TRestrictedCustomApplicationForProject = {
     icon: Scalars['String'];
     id: Scalars['ID'];
     mainMenuLink: TCustomApplicationMenuLink;
+    /** @deprecated This field has been renamed to mainMenuLink field. The nested submenuLinks is also now a top level field. */
     menuLinks?: Maybe<TCustomApplicationMenuLink>;
     name: Scalars['String'];
     permissions: Array<TCustomApplicationPermission>;

package/dist/declarations/src/utils/http-client.d.ts

@@ -1,27 +1,103 @@
+/**
+ * This file contains helper functions to configure an HTTP client
+ * with the recommended configuration for the Merchant Center API.
+ */
 export type THeaders = Record<string, string>;
 export type TForwardToAudiencePolicy = 'forward-url-full-path' | 'forward-url-origin';
 export type TForwardToExchangeTokenClaim = 'permissions';
 export type TForwardToConfigVersion = 'v1' | 'v2';
 export type TForwardToConfig = {
+    /**
+     * The URL of the external API to forward the request to.
+     */
     uri: string;
+    /**
+     * Additional HTTP headers to be included in the request to the external API.
+     */
     headers?: THeaders;
+    /**
+     * The audience policy for verifying the incoming request from the Merchant Center API.
+     */
     audiencePolicy?: TForwardToAudiencePolicy;
+    /**
+     * A list of user permissions to be included in the request to the external API.
+     */
     includeUserPermissions?: boolean;
+    /**
+     * The version of the `/proxy/forward-to` endpoint to use.
+     */
     version?: TForwardToConfigVersion;
 };
 export type TConfig = {
+    /**
+     * A custom user agent to identify the HTTP client.
+     * We recommend to use the `@commercetools/http-user-agent` package.
+     *
+     * @example
+     * import createHttpUserAgent from '@commercetools/http-user-agent';
+     *
+     * const userAgent = createHttpUserAgent({
+     *   name: 'fetch-client',
+     *   version: '2.6.0',
+     *   libraryName: window.app.applicationName,
+     *   contactEmail: 'support@my-company.com',
+     * });
+     */
     userAgent?: string;
+    /**
+     * Additional headers to be included in the request.
+     * The provided recommended headers won't be overwritten.
+     * See `TOptions.headers`.
+     */
     headers?: THeaders;
+    /**
+     * Configuration for using the `/proxy/forward-to` endpoint
+     * to connect to an external API.
+     * {@link https://docs.commercetools.com/merchant-center-customizations/concepts/integrate-with-your-own-api}
+     *
+     * @example
+     * {
+     *   forwardToConfig: {
+     *     uri: 'https://my-api.com/my-endpoint',
+     *   }
+     * }
+     */
     forwardToConfig?: TForwardToConfig;
+    /**
+     * The project key to be assigned to the `x-project-key` header.
+     * By default the project key is extracted from the URL.
+     * We do not recommend to use this option unless you know what you are doing.
+     */
     projectKey?: string;
 };
 export type TOptions = {
+    /**
+     * Include user credentials (session token).
+     */
     credentials: 'include';
+    /**
+     * The HTTP headers included by default are:
+     * - Accept
+     * - Authorization (only in development)
+     * - X-Application-Id
+     * - X-Correlation-Id
+     * - X-Project-Key
+     * - X-User-Agent
+     */
     headers: THeaders;
 };
 export type TFetcherResponse<Data> = {
+    /**
+     * The parsed response from the server.
+     */
     data: Data;
+    /**
+     * The HTTP status code from the server response.
+     */
     statusCode: number;
+    /**
+     * Implement a function to access the HTTP headers from the server response.
+     */
     getHeader: (headerName: string) => string | null;
 };
 export type TFetcher<Data> = (options: TOptions) => Promise<TFetcherResponse<Data>>;