@commercetools-frontend/application-shell-connectors 24.11.0 → 24.12.0

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

@@ -15,6 +15,7 @@ var react = require('react');
 var moment = require('moment-timezone');
 var sentry = require('@commercetools-frontend/sentry');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -58,6 +59,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var moment__default = /*#__PURE__*/_interopDefault(moment);
 var _URL__default = /*#__PURE__*/_interopDefault(_URL);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
@@ -76,7 +78,7 @@ 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 version = "24.11.0";
+var version = "24.12.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
@@ -98,9 +100,10 @@ const getMcOriginTld = host => {
   return host.replace(mcHostnameRegex, '$3');
 };
 const getMcApiUrlFromOrigin = origin => {
+  var _context;
   const url = new _URL__default["default"](origin);
   const originTld = getMcOriginTld(url.host);
-  return `${url.protocol}//mc-api.${originTld}`;
+  return _concatInstanceProperty__default["default"](_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
 const parseAsBoolean = value => value === true || value === 'true';
 function getMcApiUrl() {
@@ -332,9 +335,9 @@ const createApplicationContext = (environment, user, project, projectDataLocale)
   environment: mapEnvironmentToApplicationContextEnvironment(environment),
   user: mapUserToApplicationContextUser(user),
   project: mapProjectToApplicationContextProject(project),
-  permissions: normalizeAllAppliedPermissions(project?.allAppliedPermissions),
-  actionRights: normalizeAllAppliedActionRights(project?.allAppliedActionRights),
-  dataFences: normalizeAllAppliedDataFences(project?.allAppliedDataFences),
+  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),
   dataLocale: projectDataLocale || null
 });
 const ApplicationContextProvider = props => jsxRuntime.jsx(Context$2.Provider, {
@@ -364,7 +367,7 @@ function withApplicationContext(mapApplicationContextToProps) {
         return jsxRuntime.jsx(Component, _objectSpread$6(_objectSpread$6({}, props), mappedProps));
       }
     });
-    WrappedComponent.displayName = `withApplicationContext(${getDisplayName(Component)})`;
+    WrappedComponent.displayName = "withApplicationContext(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
   };
 }
@@ -480,7 +483,7 @@ const ProjectExtensionProviderForImageRegex = props => {
 };
 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 jsxRuntime.jsx(Context.Consumer, {
     children: imageRegexContext => props.render(imageRegexContext)
   });
@@ -490,7 +493,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 jsxRuntime.jsx(GetProjectExtensionImageRegex, {
         render: () =>
@@ -500,7 +503,7 @@ function withProjectExtensionImageRegex() {
         }))
       });
     };
-    WrappedComponent.displayName = `withProjectExtensionImageRegex(${getDisplayName(Component)})`;
+    WrappedComponent.displayName = "withProjectExtensionImageRegex(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
   };
 }
@@ -521,8 +524,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;
-  const graphQLTarget = context.headers?.[constants.SUPPORTED_HEADERS.X_GRAPHQL_TARGET] || context.headers?.[constants.SUPPORTED_HEADERS.X_GRAPHQL_TARGET.toLowerCase()];
+  var _context$headers, _context$headers2, _context;
+  const graphQLTarget = ((_context$headers = context.headers) === null || _context$headers === void 0 ? void 0 : _context$headers[constants.SUPPORTED_HEADERS.X_GRAPHQL_TARGET]) || ((_context$headers2 = context.headers) === null || _context$headers2 === void 0 ? void 0 : _context$headers2[constants.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;
@@ -536,7 +539,7 @@ const errorLink = error.onError(_ref => {
     operation = _ref.operation,
     forward = _ref.forward;
   if (networkError && isHttpError(networkError) && networkError.statusCode === constants.STATUS_CODES.UNAUTHORIZED) {
-    history__default["default"].push(`/logout?reason=${constants.LOGOUT_REASONS.UNAUTHORIZED}`);
+    history__default["default"].push("/logout?reason=".concat(constants.LOGOUT_REASONS.UNAUTHORIZED));
     return;
   }
 
@@ -548,7 +551,8 @@ const errorLink = error.onError(_ref => {
   const context = operation.getContext();
   if (graphQLErrors && isGraphQLError(graphQLErrors)) {
     for (const err of graphQLErrors) {
-      const isNonAuthenticatedViaExtensionCode = err?.extensions?.code === 'UNAUTHENTICATED';
+      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
@@ -556,7 +560,7 @@ const errorLink = error.onError(_ref => {
        *   property until they introduced support for the `extensions`
        *   field.
        */
-      const isNonAuthenticatedViaCode = err?.message === 'invalid_token';
+      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;
@@ -592,7 +596,8 @@ const errorLink = error.onError(_ref => {
 
 // Attempt to load the `teamId` from sessionStorage
 function selectTeamIdFromStorage() {
-  return window.sessionStorage.getItem(constants.STORAGE_KEYS.ACTIVE_TEAM_ID) || window.app.__DEVELOPMENT__?.oidc?.teamId;
+  var _window$app$__DEVELOP;
+  return window.sessionStorage.getItem(constants.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'];
@@ -653,7 +658,7 @@ function getCorrelationId() {
 
 const createApolloContextForProxyForwardTo = proxyForwardTocontext => ({
   // Send the request to the forward-to endpoint.
-  uri: `${getMcApiUrl()}/proxy/forward-to`,
+  uri: "".concat(getMcApiUrl(), "/proxy/forward-to"),
   // Custom properties to be used by the "header-link".
   forwardToConfig: proxyForwardTocontext,
   skipGraphQlTargetCheck: true
@@ -695,7 +700,7 @@ function selectUserLanguageFromStorage() {
 const getSessionToken = () => window.sessionStorage.getItem(constants.STORAGE_KEYS.SESSION_TOKEN);
 const setActiveSession = sessionToken => {
   if (!sessionToken) return;
-  window.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_TOKEN, sessionToken ?? '');
+  window.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_TOKEN, sessionToken !== null && sessionToken !== void 0 ? sessionToken : '');
   window.localStorage.setItem(constants.STORAGE_KEYS.LOGIN_STRATEGY, constants.LOGIN_STRATEGY_OIDC);
   // Remove flag for original workflow
   window.localStorage.removeItem(constants.STORAGE_KEYS.IS_AUTHENTICATED);
@@ -717,7 +722,8 @@ const setSessionScope = scope => {
   window.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_SCOPE, scope);
 };
 const getSessionState = stateId => {
-  const sessionStateKey = `${constants.STORAGE_KEYS.NONCE}_${stateId}`;
+  var _context;
+  const sessionStateKey = _concatInstanceProperty__default["default"](_context = "".concat(constants.STORAGE_KEYS.NONCE, "_")).call(_context, stateId);
   const unparsedSessionState = window.sessionStorage.getItem(sessionStateKey);
   if (unparsedSessionState) {
     try {
@@ -725,19 +731,22 @@ const getSessionState = stateId => {
       return parsedSessionState;
     } catch (error) {
       if (process.env.NODE_ENV !== 'production') {
+        var _context2;
         // eslint-disable-next-line no-console
-        console.warn(`Cannot parse session state for "${sessionStateKey}".\n${unparsedSessionState}`);
+        console.warn(_concatInstanceProperty__default["default"](_context2 = "Cannot parse session state for \"".concat(sessionStateKey, "\".\n")).call(_context2, unparsedSessionState));
       }
     }
   }
   return null;
 };
 const setSessionState = (stateId, state) => {
-  const sessionStateKey = `${constants.STORAGE_KEYS.NONCE}_${stateId}`;
+  var _context3;
+  const sessionStateKey = _concatInstanceProperty__default["default"](_context3 = "".concat(constants.STORAGE_KEYS.NONCE, "_")).call(_context3, stateId);
   window.sessionStorage.setItem(sessionStateKey, _JSON$stringify__default["default"](state));
 };
 const removeSessionState = stateId => {
-  const sessionStateKey = `${constants.STORAGE_KEYS.NONCE}_${stateId}`;
+  var _context4;
+  const sessionStateKey = _concatInstanceProperty__default["default"](_context4 = "".concat(constants.STORAGE_KEYS.NONCE, "_")).call(_context4, stateId);
   window.sessionStorage.removeItem(sessionStateKey);
 };
 
@@ -759,13 +768,14 @@ var oidcStorage = /*#__PURE__*/Object.freeze({
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context2 = ownKeys$2(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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__default["default"](_context3 = ownKeys$2(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 let _userAgent$1;
 const getUserAgent$1 = () => {
   if (!_userAgent$1) {
+    var _window$app$applicati, _window$app;
     _userAgent$1 = createHttpUserAgent__default["default"]({
       name: 'unknown-http-client',
-      libraryName: typeof window !== 'undefined' ? window.app?.applicationName ?? 'unknown-application-name' : undefined
+      libraryName: typeof window !== 'undefined' ? (_window$app$applicati = (_window$app = window.app) === null || _window$app === void 0 ? void 0 : _window$app.applicationName) !== null && _window$app$applicati !== void 0 ? _window$app$applicati : 'unknown-application-name' : undefined
     });
   }
   return _userAgent$1;
@@ -773,48 +783,50 @@ const getUserAgent$1 = () => {
 const defaultForwardToVersion = 'v2';
 const defaultForwardToAudiencePolicy = 'forward-url-full-path';
 function buildApiUrl(endpoint) {
+  var _context;
   const apiUrl = getMcApiUrl().replace(/\/$/, '');
-  return `${apiUrl}${endpoint}`;
+  return _concatInstanceProperty__default["default"](_context = "".concat(apiUrl)).call(_context, endpoint);
 }
 const getAppliedForwardToHeaders = forwardToConfig => {
-  var _context;
+  var _context2, _forwardToConfig$head, _forwardToConfig$vers, _forwardToConfig$audi;
   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__default["default"](_context = _Object$entries__default["default"](forwardToConfig.headers ?? {})).call(_context, (customForwardHeaders, _ref) => {
+  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];
     return _objectSpread$2(_objectSpread$2({}, customForwardHeaders), {}, {
       // Prefix headers so that the MC API can allow and forward them.
-      [`x-forward-header-${headerName}`]: headerValue
+      ["x-forward-header-".concat(headerName)]: headerValue
     });
   }, {})), {}, {
-    [constants.SUPPORTED_HEADERS.ACCEPT_VERSION]: forwardToConfig.version ?? defaultForwardToVersion,
+    [constants.SUPPORTED_HEADERS.ACCEPT_VERSION]: (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion,
     [constants.SUPPORTED_HEADERS.X_FORWARD_TO]: forwardToConfig.uri,
-    [constants.SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY]: forwardToConfig.audiencePolicy ?? defaultForwardToAudiencePolicy,
+    [constants.SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY]: (_forwardToConfig$audi = forwardToConfig.audiencePolicy) !== null && _forwardToConfig$audi !== void 0 ? _forwardToConfig$audi : defaultForwardToAudiencePolicy,
     [constants.SUPPORTED_HEADERS.X_FORWARD_TO_CLAIMS]: exchangeTokenClaims.join(' ')
   });
 };
 function createHttpClientOptions() {
+  var _config$projectKey, _window$app$__DEVELOP;
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const sessionToken = getSessionToken();
-  const projectKey = config.projectKey ?? selectProjectKeyFromUrl();
+  const projectKey = (_config$projectKey = config.projectKey) !== null && _config$projectKey !== void 0 ? _config$projectKey : selectProjectKeyFromUrl();
   const userId = selectUserId();
-  const userAgent = config?.userAgent || getUserAgent$1();
+  const userAgent = (config === null || config === void 0 ? void 0 : config.userAgent) || getUserAgent$1();
   return {
     credentials: 'include',
     headers: omitEmpty__default["default"](_objectSpread$2(_objectSpread$2({}, config.headers), {}, {
       // Required headers
       [constants.SUPPORTED_HEADERS.ACCEPT]: 'application/json',
-      [constants.SUPPORTED_HEADERS.AUTHORIZATION]: sessionToken ? `Bearer ${sessionToken}` : undefined,
+      [constants.SUPPORTED_HEADERS.AUTHORIZATION]: sessionToken ? "Bearer ".concat(sessionToken) : undefined,
       [constants.SUPPORTED_HEADERS.X_APPLICATION_ID]: window.app.applicationIdentifier,
       [constants.SUPPORTED_HEADERS.X_CUSTOM_VIEW_ID]: window.app.customViewId,
       [constants.SUPPORTED_HEADERS.X_CORRELATION_ID]: getCorrelationId({
@@ -823,7 +835,7 @@ function createHttpClientOptions() {
       [constants.SUPPORTED_HEADERS.X_PROJECT_KEY]: projectKey,
       [constants.SUPPORTED_HEADERS.X_USER_AGENT]: userAgent,
       // MC Identity Login Mode Override header for development
-      [constants.SUPPORTED_HEADERS.X_MC_IDENTITY_LOGIN_MODE_OVERRIDE]: window.app.__DEVELOPMENT__?.mcIdentityLoginModeOverride
+      [constants.SUPPORTED_HEADERS.X_MC_IDENTITY_LOGIN_MODE_OVERRIDE]: (_window$app$__DEVELOP = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP === void 0 ? void 0 : _window$app$__DEVELOP.mcIdentityLoginModeOverride
     }, getAppliedForwardToHeaders(config.forwardToConfig)))
   };
 }
@@ -854,7 +866,7 @@ async function executeHttpClientRequest(fetcher) {
       }))
     }));
     if (response.statusCode === constants.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.
@@ -878,15 +890,15 @@ async function executeHttpClientRequest(fetcher) {
 }
 
 function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context4 = ownKeys$1(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 let _userAgent;
 const getUserAgent = () => {
   if (!_userAgent) {
-    var _context;
+    var _context, _window$app$applicati, _window$app;
     _userAgent = createHttpUserAgent__default["default"]({
       name: 'apollo-client',
       // version: apolloVersion,
-      libraryName: _filterInstanceProperty__default["default"](_context = [typeof window !== 'undefined' ? window.app?.applicationName ?? 'unknown-application-name' : undefined, 'application-shell']).call(_context, Boolean).join('/'),
+      libraryName: _filterInstanceProperty__default["default"](_context = [typeof window !== 'undefined' ? (_window$app$applicati = (_window$app = window.app) === null || _window$app === void 0 ? void 0 : _window$app.applicationName) !== null && _window$app$applicati !== void 0 ? _window$app$applicati : 'unknown-application-name' : undefined, 'application-shell']).call(_context, Boolean).join('/'),
       libraryVersion: version,
       contactUrl: 'https://git.io/fjuyC',
       // points to the appkit repo issues
@@ -900,13 +912,18 @@ const isKnownGraphQlTarget = target => {
   return target ? _includesInstanceProperty__default["default"](_context2 = _Object$values__default["default"](constants.GRAPHQL_TARGETS)).call(_context2, target) : false;
 };
 const extractSessionTokenFromResponse = context => {
-  const refreshedSessionToken = context.response?.headers?.get('x-refreshed-session-token');
+  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;
+    return refreshedSessionToken !== null && refreshedSessionToken !== void 0 ? refreshedSessionToken : null;
   }
-  const restResponseWithRefreshTokenHeader = context.restResponses?.find(response => response.headers?.has('x-refreshed-session-token'));
+  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) {
-    return restResponseWithRefreshTokenHeader.headers.get('x-refreshed-session-token') ?? null;
+    var _restResponseWithRefr;
+    return (_restResponseWithRefr = restResponseWithRefreshTokenHeader.headers.get('x-refreshed-session-token')) !== null && _restResponseWithRefr !== void 0 ? _restResponseWithRefr : null;
   }
   return null;
 };
@@ -914,11 +931,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 client.ApolloLink((operation, forward) => {
-  var _context3;
+  var _context3, _context4;
   const apolloContext = operation.getContext();
   const variables = operation.variables;
   const graphQlTarget = apolloContext.target || variables.target;
-  if (!apolloContext.skipGraphQlTargetCheck && !isKnownGraphQlTarget(graphQlTarget)) throw new Error(`GraphQL target "${graphQlTarget}" is missing (or is not supported) in operation "${operation.operationName}"`);
+  if (!apolloContext.skipGraphQlTargetCheck && !isKnownGraphQlTarget(graphQlTarget)) throw new Error(_concatInstanceProperty__default["default"](_context3 = "GraphQL target \"".concat(graphQlTarget, "\" is missing (or is not supported) in operation \"")).call(_context3, operation.operationName, "\""));
 
   /**
    * NOTE:
@@ -945,7 +962,7 @@ const headerLink = new client.ApolloLink((operation, forward) => {
     forwardToConfig: apolloContext.forwardToConfig,
     projectKey
   }));
-  return _mapInstanceProperty__default["default"](_context3 = forward(operation)).call(_context3, response => {
+  return _mapInstanceProperty__default["default"](_context4 = forward(operation)).call(_context4, response => {
     const context = operation.getContext();
     const refreshedSessionToken = extractSessionTokenFromResponse(context);
     if (refreshedSessionToken) {
@@ -958,7 +975,7 @@ const headerLink = new client.ApolloLink((operation, forward) => {
 const tokenRetryLink = new retry.RetryLink({
   attempts: (count, operation, error) => {
     const context = operation.getContext();
-    if (error?.statusCode === constants.STATUS_CODES.UNAUTHORIZED && count === 1 && getDoesGraphQLTargetSupportTokenRetry(context) && !getSkipTokenRetry(context)) {
+    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;
         return {
@@ -976,7 +993,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 = client.createHttpLink({
-    uri: `${getMcApiUrl()}/graphql`,
+    uri: "".concat(getMcApiUrl(), "/graphql"),
     fetch
   });
 
@@ -1020,8 +1037,9 @@ 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 ?? {};
+  const customCacheConfig = (_options$cache = options === null || options === void 0 ? void 0 : options.cache) !== null && _options$cache !== void 0 ? _options$cache : {};
   return new client.ApolloClient({
     link: createApolloLink(options),
     // https://www.apollographql.com/docs/react/caching/cache-configuration/
@@ -1060,7 +1078,7 @@ const createApolloClient = function () {
             }
           }
         }
-      }, customCacheConfig.typePolicies ?? {})
+      }, (_customCacheConfig$ty = customCacheConfig.typePolicies) !== null && _customCacheConfig$ty !== void 0 ? _customCacheConfig$ty : {})
     }))
   });
 };

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

@@ -15,6 +15,7 @@ var react = require('react');
 var moment = require('moment-timezone');
 var sentry = require('@commercetools-frontend/sentry');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -58,6 +59,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var moment__default = /*#__PURE__*/_interopDefault(moment);
 var _URL__default = /*#__PURE__*/_interopDefault(_URL);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
@@ -75,7 +77,7 @@ 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 version = "24.11.0";
+var version = "24.12.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
@@ -97,9 +99,10 @@ const getMcOriginTld = host => {
   return host.replace(mcHostnameRegex, '$3');
 };
 const getMcApiUrlFromOrigin = origin => {
+  var _context;
   const url = new _URL__default["default"](origin);
   const originTld = getMcOriginTld(url.host);
-  return `${url.protocol}//mc-api.${originTld}`;
+  return _concatInstanceProperty__default["default"](_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
 const parseAsBoolean = value => value === true || value === 'true';
 function getMcApiUrl() {
@@ -331,9 +334,9 @@ const createApplicationContext = (environment, user, project, projectDataLocale)
   environment: mapEnvironmentToApplicationContextEnvironment(environment),
   user: mapUserToApplicationContextUser(user),
   project: mapProjectToApplicationContextProject(project),
-  permissions: normalizeAllAppliedPermissions(project?.allAppliedPermissions),
-  actionRights: normalizeAllAppliedActionRights(project?.allAppliedActionRights),
-  dataFences: normalizeAllAppliedDataFences(project?.allAppliedDataFences),
+  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),
   dataLocale: projectDataLocale || null
 });
 const ApplicationContextProvider = props => jsxRuntime.jsx(Context$2.Provider, {
@@ -363,7 +366,7 @@ function withApplicationContext(mapApplicationContextToProps) {
         return jsxRuntime.jsx(Component, _objectSpread$6(_objectSpread$6({}, props), mappedProps));
       }
     });
-    WrappedComponent.displayName = `withApplicationContext(${getDisplayName(Component)})`;
+    WrappedComponent.displayName = "withApplicationContext(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
   };
 }
@@ -498,7 +501,7 @@ function withProjectExtensionImageRegex() {
         }))
       });
     };
-    WrappedComponent.displayName = `withProjectExtensionImageRegex(${getDisplayName(Component)})`;
+    WrappedComponent.displayName = "withProjectExtensionImageRegex(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
   };
 }
@@ -519,8 +522,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;
-  const graphQLTarget = context.headers?.[constants.SUPPORTED_HEADERS.X_GRAPHQL_TARGET] || context.headers?.[constants.SUPPORTED_HEADERS.X_GRAPHQL_TARGET.toLowerCase()];
+  var _context$headers, _context$headers2, _context;
+  const graphQLTarget = ((_context$headers = context.headers) === null || _context$headers === void 0 ? void 0 : _context$headers[constants.SUPPORTED_HEADERS.X_GRAPHQL_TARGET]) || ((_context$headers2 = context.headers) === null || _context$headers2 === void 0 ? void 0 : _context$headers2[constants.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;
@@ -534,7 +537,7 @@ const errorLink = error.onError(_ref => {
     operation = _ref.operation,
     forward = _ref.forward;
   if (networkError && isHttpError(networkError) && networkError.statusCode === constants.STATUS_CODES.UNAUTHORIZED) {
-    history__default["default"].push(`/logout?reason=${constants.LOGOUT_REASONS.UNAUTHORIZED}`);
+    history__default["default"].push("/logout?reason=".concat(constants.LOGOUT_REASONS.UNAUTHORIZED));
     return;
   }
 
@@ -546,7 +549,8 @@ const errorLink = error.onError(_ref => {
   const context = operation.getContext();
   if (graphQLErrors && isGraphQLError(graphQLErrors)) {
     for (const err of graphQLErrors) {
-      const isNonAuthenticatedViaExtensionCode = err?.extensions?.code === 'UNAUTHENTICATED';
+      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
@@ -554,7 +558,7 @@ const errorLink = error.onError(_ref => {
        *   property until they introduced support for the `extensions`
        *   field.
        */
-      const isNonAuthenticatedViaCode = err?.message === 'invalid_token';
+      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;
@@ -590,7 +594,8 @@ const errorLink = error.onError(_ref => {
 
 // Attempt to load the `teamId` from sessionStorage
 function selectTeamIdFromStorage() {
-  return window.sessionStorage.getItem(constants.STORAGE_KEYS.ACTIVE_TEAM_ID) || window.app.__DEVELOPMENT__?.oidc?.teamId;
+  var _window$app$__DEVELOP;
+  return window.sessionStorage.getItem(constants.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'];
@@ -651,7 +656,7 @@ function getCorrelationId() {
 
 const createApolloContextForProxyForwardTo = proxyForwardTocontext => ({
   // Send the request to the forward-to endpoint.
-  uri: `${getMcApiUrl()}/proxy/forward-to`,
+  uri: "".concat(getMcApiUrl(), "/proxy/forward-to"),
   // Custom properties to be used by the "header-link".
   forwardToConfig: proxyForwardTocontext,
   skipGraphQlTargetCheck: true
@@ -692,7 +697,7 @@ function selectUserLanguageFromStorage() {
 const getSessionToken = () => window.sessionStorage.getItem(constants.STORAGE_KEYS.SESSION_TOKEN);
 const setActiveSession = sessionToken => {
   if (!sessionToken) return;
-  window.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_TOKEN, sessionToken ?? '');
+  window.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_TOKEN, sessionToken !== null && sessionToken !== void 0 ? sessionToken : '');
   window.localStorage.setItem(constants.STORAGE_KEYS.LOGIN_STRATEGY, constants.LOGIN_STRATEGY_OIDC);
   // Remove flag for original workflow
   window.localStorage.removeItem(constants.STORAGE_KEYS.IS_AUTHENTICATED);
@@ -714,7 +719,8 @@ const setSessionScope = scope => {
   window.sessionStorage.setItem(constants.STORAGE_KEYS.SESSION_SCOPE, scope);
 };
 const getSessionState = stateId => {
-  const sessionStateKey = `${constants.STORAGE_KEYS.NONCE}_${stateId}`;
+  var _context;
+  const sessionStateKey = _concatInstanceProperty__default["default"](_context = "".concat(constants.STORAGE_KEYS.NONCE, "_")).call(_context, stateId);
   const unparsedSessionState = window.sessionStorage.getItem(sessionStateKey);
   if (unparsedSessionState) {
     try {
@@ -726,11 +732,13 @@ const getSessionState = stateId => {
   return null;
 };
 const setSessionState = (stateId, state) => {
-  const sessionStateKey = `${constants.STORAGE_KEYS.NONCE}_${stateId}`;
+  var _context3;
+  const sessionStateKey = _concatInstanceProperty__default["default"](_context3 = "".concat(constants.STORAGE_KEYS.NONCE, "_")).call(_context3, stateId);
   window.sessionStorage.setItem(sessionStateKey, _JSON$stringify__default["default"](state));
 };
 const removeSessionState = stateId => {
-  const sessionStateKey = `${constants.STORAGE_KEYS.NONCE}_${stateId}`;
+  var _context4;
+  const sessionStateKey = _concatInstanceProperty__default["default"](_context4 = "".concat(constants.STORAGE_KEYS.NONCE, "_")).call(_context4, stateId);
   window.sessionStorage.removeItem(sessionStateKey);
 };
 
@@ -752,13 +760,14 @@ var oidcStorage = /*#__PURE__*/Object.freeze({
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context2 = ownKeys$2(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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__default["default"](_context3 = ownKeys$2(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 let _userAgent$1;
 const getUserAgent$1 = () => {
   if (!_userAgent$1) {
+    var _window$app$applicati, _window$app;
     _userAgent$1 = createHttpUserAgent__default["default"]({
       name: 'unknown-http-client',
-      libraryName: typeof window !== 'undefined' ? window.app?.applicationName ?? 'unknown-application-name' : undefined
+      libraryName: typeof window !== 'undefined' ? (_window$app$applicati = (_window$app = window.app) === null || _window$app === void 0 ? void 0 : _window$app.applicationName) !== null && _window$app$applicati !== void 0 ? _window$app$applicati : 'unknown-application-name' : undefined
     });
   }
   return _userAgent$1;
@@ -766,48 +775,50 @@ const getUserAgent$1 = () => {
 const defaultForwardToVersion = 'v2';
 const defaultForwardToAudiencePolicy = 'forward-url-full-path';
 function buildApiUrl(endpoint) {
+  var _context;
   const apiUrl = getMcApiUrl().replace(/\/$/, '');
-  return `${apiUrl}${endpoint}`;
+  return _concatInstanceProperty__default["default"](_context = "".concat(apiUrl)).call(_context, endpoint);
 }
 const getAppliedForwardToHeaders = forwardToConfig => {
-  var _context;
+  var _context2, _forwardToConfig$head, _forwardToConfig$vers, _forwardToConfig$audi;
   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__default["default"](_context = _Object$entries__default["default"](forwardToConfig.headers ?? {})).call(_context, (customForwardHeaders, _ref) => {
+  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];
     return _objectSpread$2(_objectSpread$2({}, customForwardHeaders), {}, {
       // Prefix headers so that the MC API can allow and forward them.
-      [`x-forward-header-${headerName}`]: headerValue
+      ["x-forward-header-".concat(headerName)]: headerValue
     });
   }, {})), {}, {
-    [constants.SUPPORTED_HEADERS.ACCEPT_VERSION]: forwardToConfig.version ?? defaultForwardToVersion,
+    [constants.SUPPORTED_HEADERS.ACCEPT_VERSION]: (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion,
     [constants.SUPPORTED_HEADERS.X_FORWARD_TO]: forwardToConfig.uri,
-    [constants.SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY]: forwardToConfig.audiencePolicy ?? defaultForwardToAudiencePolicy,
+    [constants.SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY]: (_forwardToConfig$audi = forwardToConfig.audiencePolicy) !== null && _forwardToConfig$audi !== void 0 ? _forwardToConfig$audi : defaultForwardToAudiencePolicy,
     [constants.SUPPORTED_HEADERS.X_FORWARD_TO_CLAIMS]: exchangeTokenClaims.join(' ')
   });
 };
 function createHttpClientOptions() {
+  var _config$projectKey, _window$app$__DEVELOP;
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const sessionToken = getSessionToken();
-  const projectKey = config.projectKey ?? selectProjectKeyFromUrl();
+  const projectKey = (_config$projectKey = config.projectKey) !== null && _config$projectKey !== void 0 ? _config$projectKey : selectProjectKeyFromUrl();
   const userId = selectUserId();
-  const userAgent = config?.userAgent || getUserAgent$1();
+  const userAgent = (config === null || config === void 0 ? void 0 : config.userAgent) || getUserAgent$1();
   return {
     credentials: 'include',
     headers: omitEmpty__default["default"](_objectSpread$2(_objectSpread$2({}, config.headers), {}, {
       // Required headers
       [constants.SUPPORTED_HEADERS.ACCEPT]: 'application/json',
-      [constants.SUPPORTED_HEADERS.AUTHORIZATION]: sessionToken ? `Bearer ${sessionToken}` : undefined,
+      [constants.SUPPORTED_HEADERS.AUTHORIZATION]: sessionToken ? "Bearer ".concat(sessionToken) : undefined,
       [constants.SUPPORTED_HEADERS.X_APPLICATION_ID]: window.app.applicationIdentifier,
       [constants.SUPPORTED_HEADERS.X_CUSTOM_VIEW_ID]: window.app.customViewId,
       [constants.SUPPORTED_HEADERS.X_CORRELATION_ID]: getCorrelationId({
@@ -816,7 +827,7 @@ function createHttpClientOptions() {
       [constants.SUPPORTED_HEADERS.X_PROJECT_KEY]: projectKey,
       [constants.SUPPORTED_HEADERS.X_USER_AGENT]: userAgent,
       // MC Identity Login Mode Override header for development
-      [constants.SUPPORTED_HEADERS.X_MC_IDENTITY_LOGIN_MODE_OVERRIDE]: window.app.__DEVELOPMENT__?.mcIdentityLoginModeOverride
+      [constants.SUPPORTED_HEADERS.X_MC_IDENTITY_LOGIN_MODE_OVERRIDE]: (_window$app$__DEVELOP = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP === void 0 ? void 0 : _window$app$__DEVELOP.mcIdentityLoginModeOverride
     }, getAppliedForwardToHeaders(config.forwardToConfig)))
   };
 }
@@ -847,7 +858,7 @@ async function executeHttpClientRequest(fetcher) {
       }))
     }));
     if (response.statusCode === constants.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.
@@ -871,15 +882,15 @@ async function executeHttpClientRequest(fetcher) {
 }
 
 function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context4 = ownKeys$1(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 let _userAgent;
 const getUserAgent = () => {
   if (!_userAgent) {
-    var _context;
+    var _context, _window$app$applicati, _window$app;
     _userAgent = createHttpUserAgent__default["default"]({
       name: 'apollo-client',
       // version: apolloVersion,
-      libraryName: _filterInstanceProperty__default["default"](_context = [typeof window !== 'undefined' ? window.app?.applicationName ?? 'unknown-application-name' : undefined, 'application-shell']).call(_context, Boolean).join('/'),
+      libraryName: _filterInstanceProperty__default["default"](_context = [typeof window !== 'undefined' ? (_window$app$applicati = (_window$app = window.app) === null || _window$app === void 0 ? void 0 : _window$app.applicationName) !== null && _window$app$applicati !== void 0 ? _window$app$applicati : 'unknown-application-name' : undefined, 'application-shell']).call(_context, Boolean).join('/'),
       libraryVersion: version,
       contactUrl: 'https://git.io/fjuyC',
       // points to the appkit repo issues
@@ -893,13 +904,18 @@ const isKnownGraphQlTarget = target => {
   return target ? _includesInstanceProperty__default["default"](_context2 = _Object$values__default["default"](constants.GRAPHQL_TARGETS)).call(_context2, target) : false;
 };
 const extractSessionTokenFromResponse = context => {
-  const refreshedSessionToken = context.response?.headers?.get('x-refreshed-session-token');
+  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;
+    return refreshedSessionToken !== null && refreshedSessionToken !== void 0 ? refreshedSessionToken : null;
   }
-  const restResponseWithRefreshTokenHeader = context.restResponses?.find(response => response.headers?.has('x-refreshed-session-token'));
+  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) {
-    return restResponseWithRefreshTokenHeader.headers.get('x-refreshed-session-token') ?? null;
+    var _restResponseWithRefr;
+    return (_restResponseWithRefr = restResponseWithRefreshTokenHeader.headers.get('x-refreshed-session-token')) !== null && _restResponseWithRefr !== void 0 ? _restResponseWithRefr : null;
   }
   return null;
 };
@@ -907,11 +923,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 client.ApolloLink((operation, forward) => {
-  var _context3;
+  var _context3, _context4;
   const apolloContext = operation.getContext();
   const variables = operation.variables;
   const graphQlTarget = apolloContext.target || variables.target;
-  if (!apolloContext.skipGraphQlTargetCheck && !isKnownGraphQlTarget(graphQlTarget)) throw new Error(`GraphQL target "${graphQlTarget}" is missing (or is not supported) in operation "${operation.operationName}"`);
+  if (!apolloContext.skipGraphQlTargetCheck && !isKnownGraphQlTarget(graphQlTarget)) throw new Error(_concatInstanceProperty__default["default"](_context3 = "GraphQL target \"".concat(graphQlTarget, "\" is missing (or is not supported) in operation \"")).call(_context3, operation.operationName, "\""));
 
   /**
    * NOTE:
@@ -938,7 +954,7 @@ const headerLink = new client.ApolloLink((operation, forward) => {
     forwardToConfig: apolloContext.forwardToConfig,
     projectKey
   }));
-  return _mapInstanceProperty__default["default"](_context3 = forward(operation)).call(_context3, response => {
+  return _mapInstanceProperty__default["default"](_context4 = forward(operation)).call(_context4, response => {
     const context = operation.getContext();
     const refreshedSessionToken = extractSessionTokenFromResponse(context);
     if (refreshedSessionToken) {
@@ -951,7 +967,7 @@ const headerLink = new client.ApolloLink((operation, forward) => {
 const tokenRetryLink = new retry.RetryLink({
   attempts: (count, operation, error) => {
     const context = operation.getContext();
-    if (error?.statusCode === constants.STATUS_CODES.UNAUTHORIZED && count === 1 && getDoesGraphQLTargetSupportTokenRetry(context) && !getSkipTokenRetry(context)) {
+    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;
         return {
@@ -969,7 +985,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 = client.createHttpLink({
-    uri: `${getMcApiUrl()}/graphql`,
+    uri: "".concat(getMcApiUrl(), "/graphql"),
     fetch
   });
 
@@ -1013,8 +1029,9 @@ 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 ?? {};
+  const customCacheConfig = (_options$cache = options === null || options === void 0 ? void 0 : options.cache) !== null && _options$cache !== void 0 ? _options$cache : {};
   return new client.ApolloClient({
     link: createApolloLink(options),
     // https://www.apollographql.com/docs/react/caching/cache-configuration/
@@ -1053,7 +1070,7 @@ const createApolloClient = function () {
             }
           }
         }
-      }, customCacheConfig.typePolicies ?? {})
+      }, (_customCacheConfig$ty = customCacheConfig.typePolicies) !== null && _customCacheConfig$ty !== void 0 ? _customCacheConfig$ty : {})
     }))
   });
 };

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

@@ -11,6 +11,7 @@ import { createContext, useContext, useCallback, useEffect, useMemo } from 'reac
 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';
@@ -43,7 +44,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 = "24.11.0";
+var version = "24.12.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
@@ -65,9 +66,10 @@ const getMcOriginTld = host => {
   return host.replace(mcHostnameRegex, '$3');
 };
 const getMcApiUrlFromOrigin = origin => {
+  var _context;
   const url = new _URL(origin);
   const originTld = getMcOriginTld(url.host);
-  return `${url.protocol}//mc-api.${originTld}`;
+  return _concatInstanceProperty(_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
 const parseAsBoolean = value => value === true || value === 'true';
 function getMcApiUrl() {
@@ -299,9 +301,9 @@ const createApplicationContext = (environment, user, project, projectDataLocale)
   environment: mapEnvironmentToApplicationContextEnvironment(environment),
   user: mapUserToApplicationContextUser(user),
   project: mapProjectToApplicationContextProject(project),
-  permissions: normalizeAllAppliedPermissions(project?.allAppliedPermissions),
-  actionRights: normalizeAllAppliedActionRights(project?.allAppliedActionRights),
-  dataFences: normalizeAllAppliedDataFences(project?.allAppliedDataFences),
+  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),
   dataLocale: projectDataLocale || null
 });
 const ApplicationContextProvider = props => jsx(Context$2.Provider, {
@@ -331,7 +333,7 @@ function withApplicationContext(mapApplicationContextToProps) {
         return jsx(Component, _objectSpread$6(_objectSpread$6({}, props), mappedProps));
       }
     });
-    WrappedComponent.displayName = `withApplicationContext(${getDisplayName(Component)})`;
+    WrappedComponent.displayName = "withApplicationContext(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
   };
 }
@@ -447,7 +449,7 @@ const ProjectExtensionProviderForImageRegex = props => {
 };
 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)
   });
@@ -457,7 +459,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: () =>
@@ -467,7 +469,7 @@ function withProjectExtensionImageRegex() {
         }))
       });
     };
-    WrappedComponent.displayName = `withProjectExtensionImageRegex(${getDisplayName(Component)})`;
+    WrappedComponent.displayName = "withProjectExtensionImageRegex(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
   };
 }
@@ -488,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;
-  const graphQLTarget = context.headers?.[SUPPORTED_HEADERS.X_GRAPHQL_TARGET] || context.headers?.[SUPPORTED_HEADERS.X_GRAPHQL_TARGET.toLowerCase()];
+  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;
@@ -503,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=${LOGOUT_REASONS.UNAUTHORIZED}`);
+    history.push("/logout?reason=".concat(LOGOUT_REASONS.UNAUTHORIZED));
     return;
   }
 
@@ -515,7 +517,8 @@ const errorLink = onError(_ref => {
   const context = operation.getContext();
   if (graphQLErrors && isGraphQLError(graphQLErrors)) {
     for (const err of graphQLErrors) {
-      const isNonAuthenticatedViaExtensionCode = err?.extensions?.code === 'UNAUTHENTICATED';
+      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
@@ -523,7 +526,7 @@ const errorLink = onError(_ref => {
        *   property until they introduced support for the `extensions`
        *   field.
        */
-      const isNonAuthenticatedViaCode = err?.message === 'invalid_token';
+      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;
@@ -559,7 +562,8 @@ const errorLink = onError(_ref => {
 
 // Attempt to load the `teamId` from sessionStorage
 function selectTeamIdFromStorage() {
-  return window.sessionStorage.getItem(STORAGE_KEYS.ACTIVE_TEAM_ID) || window.app.__DEVELOPMENT__?.oidc?.teamId;
+  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'];
@@ -620,7 +624,7 @@ function getCorrelationId() {
 
 const createApolloContextForProxyForwardTo = proxyForwardTocontext => ({
   // Send the request to the forward-to endpoint.
-  uri: `${getMcApiUrl()}/proxy/forward-to`,
+  uri: "".concat(getMcApiUrl(), "/proxy/forward-to"),
   // Custom properties to be used by the "header-link".
   forwardToConfig: proxyForwardTocontext,
   skipGraphQlTargetCheck: true
@@ -662,7 +666,7 @@ function selectUserLanguageFromStorage() {
 const getSessionToken = () => window.sessionStorage.getItem(STORAGE_KEYS.SESSION_TOKEN);
 const setActiveSession = sessionToken => {
   if (!sessionToken) return;
-  window.sessionStorage.setItem(STORAGE_KEYS.SESSION_TOKEN, sessionToken ?? '');
+  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);
@@ -684,7 +688,8 @@ const setSessionScope = scope => {
   window.sessionStorage.setItem(STORAGE_KEYS.SESSION_SCOPE, scope);
 };
 const getSessionState = stateId => {
-  const sessionStateKey = `${STORAGE_KEYS.NONCE}_${stateId}`;
+  var _context;
+  const sessionStateKey = _concatInstanceProperty(_context = "".concat(STORAGE_KEYS.NONCE, "_")).call(_context, stateId);
   const unparsedSessionState = window.sessionStorage.getItem(sessionStateKey);
   if (unparsedSessionState) {
     try {
@@ -692,19 +697,22 @@ const getSessionState = stateId => {
       return parsedSessionState;
     } catch (error) {
       if (process.env.NODE_ENV !== 'production') {
+        var _context2;
         // eslint-disable-next-line no-console
-        console.warn(`Cannot parse session state for "${sessionStateKey}".\n${unparsedSessionState}`);
+        console.warn(_concatInstanceProperty(_context2 = "Cannot parse session state for \"".concat(sessionStateKey, "\".\n")).call(_context2, unparsedSessionState));
       }
     }
   }
   return null;
 };
 const setSessionState = (stateId, state) => {
-  const sessionStateKey = `${STORAGE_KEYS.NONCE}_${stateId}`;
+  var _context3;
+  const sessionStateKey = _concatInstanceProperty(_context3 = "".concat(STORAGE_KEYS.NONCE, "_")).call(_context3, stateId);
   window.sessionStorage.setItem(sessionStateKey, _JSON$stringify(state));
 };
 const removeSessionState = stateId => {
-  const sessionStateKey = `${STORAGE_KEYS.NONCE}_${stateId}`;
+  var _context4;
+  const sessionStateKey = _concatInstanceProperty(_context4 = "".concat(STORAGE_KEYS.NONCE, "_")).call(_context4, stateId);
   window.sessionStorage.removeItem(sessionStateKey);
 };
 
@@ -726,13 +734,14 @@ var oidcStorage = /*#__PURE__*/Object.freeze({
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 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 _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 _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; }
 let _userAgent$1;
 const getUserAgent$1 = () => {
   if (!_userAgent$1) {
+    var _window$app$applicati, _window$app;
     _userAgent$1 = createHttpUserAgent({
       name: 'unknown-http-client',
-      libraryName: typeof window !== 'undefined' ? window.app?.applicationName ?? 'unknown-application-name' : undefined
+      libraryName: typeof window !== 'undefined' ? (_window$app$applicati = (_window$app = window.app) === null || _window$app === void 0 ? void 0 : _window$app.applicationName) !== null && _window$app$applicati !== void 0 ? _window$app$applicati : 'unknown-application-name' : undefined
     });
   }
   return _userAgent$1;
@@ -740,48 +749,50 @@ const getUserAgent$1 = () => {
 const defaultForwardToVersion = 'v2';
 const defaultForwardToAudiencePolicy = 'forward-url-full-path';
 function buildApiUrl(endpoint) {
+  var _context;
   const apiUrl = getMcApiUrl().replace(/\/$/, '');
-  return `${apiUrl}${endpoint}`;
+  return _concatInstanceProperty(_context = "".concat(apiUrl)).call(_context, endpoint);
 }
 const getAppliedForwardToHeaders = forwardToConfig => {
-  var _context;
+  var _context2, _forwardToConfig$head, _forwardToConfig$vers, _forwardToConfig$audi;
   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(_context = _Object$entries(forwardToConfig.headers ?? {})).call(_context, (customForwardHeaders, _ref) => {
+  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-${headerName}`]: headerValue
+      ["x-forward-header-".concat(headerName)]: headerValue
     });
   }, {})), {}, {
-    [SUPPORTED_HEADERS.ACCEPT_VERSION]: forwardToConfig.version ?? defaultForwardToVersion,
+    [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.audiencePolicy ?? defaultForwardToAudiencePolicy,
+    [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, _window$app$__DEVELOP;
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const sessionToken = getSessionToken();
-  const projectKey = config.projectKey ?? selectProjectKeyFromUrl();
+  const projectKey = (_config$projectKey = config.projectKey) !== null && _config$projectKey !== void 0 ? _config$projectKey : selectProjectKeyFromUrl();
   const userId = selectUserId();
-  const userAgent = config?.userAgent || getUserAgent$1();
+  const userAgent = (config === null || config === void 0 ? void 0 : config.userAgent) || getUserAgent$1();
   return {
     credentials: 'include',
     headers: omitEmpty(_objectSpread$2(_objectSpread$2({}, config.headers), {}, {
       // Required headers
       [SUPPORTED_HEADERS.ACCEPT]: 'application/json',
-      [SUPPORTED_HEADERS.AUTHORIZATION]: sessionToken ? `Bearer ${sessionToken}` : undefined,
+      [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({
@@ -790,7 +801,7 @@ function createHttpClientOptions() {
       [SUPPORTED_HEADERS.X_PROJECT_KEY]: projectKey,
       [SUPPORTED_HEADERS.X_USER_AGENT]: userAgent,
       // MC Identity Login Mode Override header for development
-      [SUPPORTED_HEADERS.X_MC_IDENTITY_LOGIN_MODE_OVERRIDE]: window.app.__DEVELOPMENT__?.mcIdentityLoginModeOverride
+      [SUPPORTED_HEADERS.X_MC_IDENTITY_LOGIN_MODE_OVERRIDE]: (_window$app$__DEVELOP = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP === void 0 ? void 0 : _window$app$__DEVELOP.mcIdentityLoginModeOverride
     }, getAppliedForwardToHeaders(config.forwardToConfig)))
   };
 }
@@ -821,7 +832,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.
@@ -845,15 +856,15 @@ 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 _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys$1(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys$1(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 let _userAgent;
 const getUserAgent = () => {
   if (!_userAgent) {
-    var _context;
+    var _context, _window$app$applicati, _window$app;
     _userAgent = createHttpUserAgent({
       name: 'apollo-client',
       // version: apolloVersion,
-      libraryName: _filterInstanceProperty(_context = [typeof window !== 'undefined' ? window.app?.applicationName ?? 'unknown-application-name' : undefined, 'application-shell']).call(_context, Boolean).join('/'),
+      libraryName: _filterInstanceProperty(_context = [typeof window !== 'undefined' ? (_window$app$applicati = (_window$app = window.app) === null || _window$app === void 0 ? void 0 : _window$app.applicationName) !== null && _window$app$applicati !== void 0 ? _window$app$applicati : 'unknown-application-name' : undefined, 'application-shell']).call(_context, Boolean).join('/'),
       libraryVersion: version,
       contactUrl: 'https://git.io/fjuyC',
       // points to the appkit repo issues
@@ -867,13 +878,18 @@ const isKnownGraphQlTarget = target => {
   return target ? _includesInstanceProperty(_context2 = _Object$values(GRAPHQL_TARGETS)).call(_context2, target) : false;
 };
 const extractSessionTokenFromResponse = context => {
-  const refreshedSessionToken = context.response?.headers?.get('x-refreshed-session-token');
+  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;
+    return refreshedSessionToken !== null && refreshedSessionToken !== void 0 ? refreshedSessionToken : null;
   }
-  const restResponseWithRefreshTokenHeader = context.restResponses?.find(response => response.headers?.has('x-refreshed-session-token'));
+  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) {
-    return restResponseWithRefreshTokenHeader.headers.get('x-refreshed-session-token') ?? null;
+    var _restResponseWithRefr;
+    return (_restResponseWithRefr = restResponseWithRefreshTokenHeader.headers.get('x-refreshed-session-token')) !== null && _restResponseWithRefr !== void 0 ? _restResponseWithRefr : null;
   }
   return null;
 };
@@ -881,11 +897,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 _context3;
+  var _context3, _context4;
   const apolloContext = operation.getContext();
   const variables = operation.variables;
   const graphQlTarget = apolloContext.target || variables.target;
-  if (!apolloContext.skipGraphQlTargetCheck && !isKnownGraphQlTarget(graphQlTarget)) throw new Error(`GraphQL target "${graphQlTarget}" is missing (or is not supported) in operation "${operation.operationName}"`);
+  if (!apolloContext.skipGraphQlTargetCheck && !isKnownGraphQlTarget(graphQlTarget)) throw new Error(_concatInstanceProperty(_context3 = "GraphQL target \"".concat(graphQlTarget, "\" is missing (or is not supported) in operation \"")).call(_context3, operation.operationName, "\""));
 
   /**
    * NOTE:
@@ -912,7 +928,7 @@ const headerLink = new ApolloLink((operation, forward) => {
     forwardToConfig: apolloContext.forwardToConfig,
     projectKey
   }));
-  return _mapInstanceProperty(_context3 = forward(operation)).call(_context3, response => {
+  return _mapInstanceProperty(_context4 = forward(operation)).call(_context4, response => {
     const context = operation.getContext();
     const refreshedSessionToken = extractSessionTokenFromResponse(context);
     if (refreshedSessionToken) {
@@ -925,7 +941,7 @@ const headerLink = new ApolloLink((operation, forward) => {
 const tokenRetryLink = new RetryLink({
   attempts: (count, operation, error) => {
     const context = operation.getContext();
-    if (error?.statusCode === STATUS_CODES.UNAUTHORIZED && count === 1 && getDoesGraphQLTargetSupportTokenRetry(context) && !getSkipTokenRetry(context)) {
+    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 {
@@ -943,7 +959,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: `${getMcApiUrl()}/graphql`,
+    uri: "".concat(getMcApiUrl(), "/graphql"),
     fetch
   });
 
@@ -987,8 +1003,9 @@ 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 ?? {};
+  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/
@@ -1027,7 +1044,7 @@ const createApolloClient = function () {
             }
           }
         }
-      }, customCacheConfig.typePolicies ?? {})
+      }, (_customCacheConfig$ty = customCacheConfig.typePolicies) !== null && _customCacheConfig$ty !== void 0 ? _customCacheConfig$ty : {})
     }))
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-shell-connectors",
-  "version": "24.11.0",
+  "version": "24.12.0",
   "description": "Contains complementary tools for @commercetools-frontend/application-shell",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -37,10 +37,10 @@
   "dependencies": {
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/application-config": "24.11.0",
-    "@commercetools-frontend/browser-history": "24.11.0",
-    "@commercetools-frontend/constants": "24.11.0",
-    "@commercetools-frontend/sentry": "24.11.0",
+    "@commercetools-frontend/application-config": "24.12.0",
+    "@commercetools-frontend/browser-history": "24.12.0",
+    "@commercetools-frontend/constants": "24.12.0",
+    "@commercetools-frontend/sentry": "24.12.0",
     "@commercetools/http-user-agent": "3.0.0",
     "@emotion/react": "^11.14.0",
     "@types/lodash": "^4.14.198",