@commercetools-frontend/application-shell-connectors 21.23.10 → 21.24.1

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

@@ -14,22 +14,21 @@ import { createContext, useContext, useEffect } from 'react';
 import moment from 'moment-timezone';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
-import _toConsumableArray from '@babel/runtime-corejs3/helpers/esm/toConsumableArray';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import { jsx } from '@emotion/react/jsx-runtime';
-import warning from 'tiny-warning';
 import { useQuery } from '@apollo/client/react';
+import warning from 'tiny-warning';
 import { GRAPHQL_TARGETS } from '@commercetools-frontend/constants';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.23.10";
+var version = "21.24.1";
 
-var mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
-var mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
+const mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
+const mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
 
-var getMcOriginTld = function getMcOriginTld(host) {
+const getMcOriginTld = host => {
   if (host.match(mcPreviewHostnameRegex)) {
     return host.replace(mcPreviewHostnameRegex, '$1');
   }
@@ -37,22 +36,20 @@ var getMcOriginTld = function getMcOriginTld(host) {
   return host.replace(mcHostnameRegex, '$3');
 };
 
-var getMcApiUrlFromOrigin = function getMcApiUrlFromOrigin(origin) {
+const getMcApiUrlFromOrigin = origin => {
   var _context;
 
-  var url = new _URL(origin);
-  var originTld = getMcOriginTld(url.host);
+  const url = new _URL(origin);
+  const originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty(_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
 
-var parseAsBoolean = function parseAsBoolean(value) {
-  return value === true || value === 'true';
-};
+const parseAsBoolean = value => value === true || value === 'true';
 
 function getMcApiUrl() {
-  var environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.app;
-  var origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.origin;
-  var isServedByProxy = parseAsBoolean(environment.servedByProxy);
+  let environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.app;
+  let origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.origin;
+  const isServedByProxy = parseAsBoolean(environment.servedByProxy);
   /**
    * Prefer using the origin URL for the MC API based on the origin value
    * of the browser's `window.location`.
@@ -68,7 +65,7 @@ function getMcApiUrl() {
 }
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
-var getDisplayName = function getDisplayName(Component) {
+const getDisplayName = Component => {
   if (typeof Component === 'string') {
     return Component;
   }
@@ -82,7 +79,7 @@ var getDisplayName = function getDisplayName(Component) {
 
 function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys$2(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys$2(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$2(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$2(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 // Menu visibilities
 // Permissions
 // Action rights
@@ -106,66 +103,76 @@ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) {
  * the fetching logic. Given this mapping needs to be used elsewere feel free
  * to move this over to `permissions` and export it there.
  */
-var normalizeAllAppliedPermissions = function normalizeAllAppliedPermissions(allAppliedPermissions) {
+const normalizeAllAppliedPermissions = allAppliedPermissions => {
   if (!allAppliedPermissions || allAppliedPermissions.length === 0) {
     return null;
   }
 
-  return _reduceInstanceProperty(allAppliedPermissions).call(allAppliedPermissions, function (transformedAllApplied, allApplied) {
+  return _reduceInstanceProperty(allAppliedPermissions).call(allAppliedPermissions, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
-    return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, _defineProperty({}, allApplied.name, allApplied.value));
+    return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, {
+      [allApplied.name]: allApplied.value
+    });
   }, {});
 };
-var normalizeAllAppliedMenuVisibilities = function normalizeAllAppliedMenuVisibilities(allAppliedMenuVisibilities) {
+const normalizeAllAppliedMenuVisibilities = allAppliedMenuVisibilities => {
   if (!allAppliedMenuVisibilities || allAppliedMenuVisibilities.length === 0) {
     return null;
   }
 
-  return _reduceInstanceProperty(allAppliedMenuVisibilities).call(allAppliedMenuVisibilities, function (transformedAllApplied, allApplied) {
+  return _reduceInstanceProperty(allAppliedMenuVisibilities).call(allAppliedMenuVisibilities, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
-    return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, _defineProperty({}, allApplied.name, allApplied.value));
+    return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, {
+      [allApplied.name]: allApplied.value
+    });
   }, {});
 };
-var normalizeAllAppliedActionRights = function normalizeAllAppliedActionRights(allAppliedActionRights) {
+const normalizeAllAppliedActionRights = allAppliedActionRights => {
   if (!allAppliedActionRights || allAppliedActionRights.length === 0) {
     return null;
   }
 
-  return _reduceInstanceProperty(allAppliedActionRights).call(allAppliedActionRights, function (transformedAllApplied, allApplied) {
+  return _reduceInstanceProperty(allAppliedActionRights).call(allAppliedActionRights, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
-    var previousAllAppliedGroup = transformedAllApplied[allApplied.group];
-    return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, _defineProperty({}, allApplied.group, _objectSpread$2(_objectSpread$2({}, previousAllAppliedGroup), {}, _defineProperty({}, allApplied.name, allApplied.value))));
+    const previousAllAppliedGroup = transformedAllApplied[allApplied.group];
+    return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, {
+      [allApplied.group]: _objectSpread$2(_objectSpread$2({}, previousAllAppliedGroup), {}, {
+        [allApplied.name]: allApplied.value
+      })
+    });
   }, {});
 };
 
-var normalizeAppliedDataFencesForStoresByResourceType = function normalizeAppliedDataFencesForStoresByResourceType(dataFences) {
-  var _context2;
-
-  var groupedByResourceType = _reduceInstanceProperty(dataFences).call(dataFences, function (previousGroupsOfSameType, appliedDataFence) {
-    var _context;
+const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
+  var _context;
 
+  const groupedByResourceType = _reduceInstanceProperty(dataFences).call(dataFences, (previousGroupsOfSameType, appliedDataFence) => {
     if (!appliedDataFence) return previousGroupsOfSameType;
-    var previousGroup = previousGroupsOfSameType[appliedDataFence.group];
-    return _objectSpread$2(_objectSpread$2({}, previousGroupsOfSameType), {}, _defineProperty({}, appliedDataFence.group, _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(previousGroup || []), [appliedDataFence])));
+    const previousGroup = previousGroupsOfSameType[appliedDataFence.group];
+    return _objectSpread$2(_objectSpread$2({}, previousGroupsOfSameType), {}, {
+      [appliedDataFence.group]: [...(previousGroup || []), appliedDataFence]
+    });
   }, {});
 
-  return _reduceInstanceProperty(_context2 = _Object$entries(groupedByResourceType)).call(_context2, function (previousGroupedByResourceType, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
+  return _reduceInstanceProperty(_context = _Object$entries(groupedByResourceType)).call(_context, (previousGroupedByResourceType, _ref) => {
+    let _ref2 = _slicedToArray(_ref, 2),
         resourceType = _ref2[0],
         dataFences = _ref2[1];
 
-    var groupByDataFenceName = _reduceInstanceProperty(dataFences).call(dataFences, function (nextDataFenceValues, dataFence) {
-      var _context3;
-
-      var dataFenceByName = nextDataFenceValues[dataFence.name] || {
+    const groupByDataFenceName = _reduceInstanceProperty(dataFences).call(dataFences, (nextDataFenceValues, dataFence) => {
+      const dataFenceByName = nextDataFenceValues[dataFence.name] || {
         values: []
       };
-      return _objectSpread$2(_objectSpread$2({}, nextDataFenceValues), {}, _defineProperty({}, dataFence.name, _objectSpread$2(_objectSpread$2({}, dataFenceByName), {}, {
-        values: _concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(_valuesInstanceProperty(dataFenceByName)), [dataFence.value])
-      })));
+      return _objectSpread$2(_objectSpread$2({}, nextDataFenceValues), {}, {
+        [dataFence.name]: _objectSpread$2(_objectSpread$2({}, dataFenceByName), {}, {
+          values: [..._valuesInstanceProperty(dataFenceByName), dataFence.value]
+        })
+      });
     }, {});
 
-    return _objectSpread$2(_objectSpread$2({}, previousGroupedByResourceType), {}, _defineProperty({}, resourceType, groupByDataFenceName));
+    return _objectSpread$2(_objectSpread$2({}, previousGroupedByResourceType), {}, {
+      [resourceType]: groupByDataFenceName
+    });
   }, {});
 }; // input:
 // [
@@ -199,20 +206,20 @@ var normalizeAppliedDataFencesForStoresByResourceType = function normalizeApplie
 // }
 
 
-var normalizeAllAppliedDataFences = function normalizeAllAppliedDataFences(allAppliedDataFences) {
+const normalizeAllAppliedDataFences = allAppliedDataFences => {
   if (!allAppliedDataFences || allAppliedDataFences.length === 0) {
     return null;
   }
 
-  var groupedByType = _reduceInstanceProperty(allAppliedDataFences).call(allAppliedDataFences, function (previousGroupsOfSameType, appliedDataFence) {
-    var _context4;
-
+  const groupedByType = _reduceInstanceProperty(allAppliedDataFences).call(allAppliedDataFences, (previousGroupsOfSameType, appliedDataFence) => {
     if (!appliedDataFence) return previousGroupsOfSameType;
-    var previousGroup = previousGroupsOfSameType[appliedDataFence.type];
-    return _objectSpread$2(_objectSpread$2({}, previousGroupsOfSameType), {}, _defineProperty({}, appliedDataFence.type, _concatInstanceProperty(_context4 = []).call(_context4, _toConsumableArray(previousGroup || []), [appliedDataFence])));
+    const previousGroup = previousGroupsOfSameType[appliedDataFence.type];
+    return _objectSpread$2(_objectSpread$2({}, previousGroupsOfSameType), {}, {
+      [appliedDataFence.type]: [...(previousGroup || []), appliedDataFence]
+    });
   }, {});
 
-  var normalizedDataFences = _objectSpread$2({}, 'store' in groupedByType ? {
+  const normalizedDataFences = _objectSpread$2({}, 'store' in groupedByType ? {
     store: normalizeAppliedDataFencesForStoresByResourceType(groupedByType.store)
   } : {});
 
@@ -223,13 +230,13 @@ var normalizeAllAppliedDataFences = function normalizeAllAppliedDataFences(allAp
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Context$1 = /*#__PURE__*/createContext({});
-var defaultTimeZone = moment.tz.guess() || 'Etc/UTC'; // Expose only certain fields as some of them are only meant to
+const Context$1 = /*#__PURE__*/createContext({});
+const defaultTimeZone = moment.tz.guess() || 'Etc/UTC'; // Expose only certain fields as some of them are only meant to
 // be used internally in the AppShell
 
-var mapUserToApplicationContextUser = function mapUserToApplicationContextUser(user) {
+const mapUserToApplicationContextUser = user => {
   if (!user) return null;
-  var applicationContextUser = {
+  let applicationContextUser = {
     id: user.id,
     email: user.email,
     createdAt: user.createdAt,
@@ -244,7 +251,7 @@ var mapUserToApplicationContextUser = function mapUserToApplicationContextUser(u
   }; // This property will only be populated when user has logged in using SSO
 
   if (user.idTokenUserInfo) {
-    var additionalClaims = {};
+    let additionalClaims = {};
 
     try {
       additionalClaims = JSON.parse(user.idTokenUserInfo.additionalClaims || '{}');
@@ -257,22 +264,20 @@ var mapUserToApplicationContextUser = function mapUserToApplicationContextUser(u
     }
 
     applicationContextUser.idTokenUserInfo = _objectSpread$1(_objectSpread$1({}, user.idTokenUserInfo), {}, {
-      additionalClaims: additionalClaims
+      additionalClaims
     });
   }
 
   return applicationContextUser;
 }; // Adjust certain fields which depend e.g. on the origin
 
-var mapEnvironmentToApplicationContextEnvironment = function mapEnvironmentToApplicationContextEnvironment(environment, origin) {
-  return _objectSpread$1(_objectSpread$1({}, environment), {}, {
-    // NOTE: The `mcApiUrl` depends on `servedByProxy`
-    mcApiUrl: getMcApiUrl(environment, origin)
-  });
-}; // Expose only certain fields as some of them are only meant to
+const mapEnvironmentToApplicationContextEnvironment = (environment, origin) => _objectSpread$1(_objectSpread$1({}, environment), {}, {
+  // NOTE: The `mcApiUrl` depends on `servedByProxy`
+  mcApiUrl: getMcApiUrl(environment, origin)
+}); // Expose only certain fields as some of them are only meant to
 // be used internally in the AppShell
 
-var mapProjectToApplicationContextProject = function mapProjectToApplicationContextProject(project) {
+const mapProjectToApplicationContextProject = project => {
   if (!project) return null;
   return {
     key: project.key,
@@ -286,24 +291,20 @@ var mapProjectToApplicationContextProject = function mapProjectToApplicationCont
   };
 };
 
-var createApplicationContext = function createApplicationContext(environment, user, project, projectDataLocale) {
-  return {
-    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),
-    dataLocale: projectDataLocale || null
-  };
-};
+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),
+  dataLocale: projectDataLocale || null
+});
 
-var ApplicationContextProvider = function ApplicationContextProvider(props) {
-  return jsx(Context$1.Provider, {
-    value: createApplicationContext(props.environment, props.user, props.project, props.projectDataLocale),
-    children: props.children
-  });
-};
+const ApplicationContextProvider = props => jsx(Context$1.Provider, {
+  value: createApplicationContext(props.environment, props.user, props.project, props.projectDataLocale),
+  children: props.children
+});
 
 ApplicationContextProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   projectDataLocale: _pt.string,
@@ -311,18 +312,16 @@ ApplicationContextProvider.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 ApplicationContextProvider.displayName = 'ApplicationContextProvider';
 
-var ApplicationContext = function ApplicationContext(props) {
-  return jsx(Context$1.Consumer, {
-    children: function children(context) {
-      // Because of the way the ApplicationShell configures the Context.Provider,
-      // we ensure that, when we read from the context, we always get actual
-      // context object and not the initial value.
-      // Therefore, we can safely cast the value to be out `TApplicationContext` type.
-      var applicationContext = context;
-      return props.render(applicationContext);
-    }
-  });
-};
+const ApplicationContext = props => jsx(Context$1.Consumer, {
+  children: context => {
+    // Because of the way the ApplicationShell configures the Context.Provider,
+    // we ensure that, when we read from the context, we always get actual
+    // context object and not the initial value.
+    // Therefore, we can safely cast the value to be out `TApplicationContext` type.
+    const applicationContext = context;
+    return props.render(applicationContext);
+  }
+});
 
 ApplicationContext.propTypes = process.env.NODE_ENV !== "production" ? {
   render: _pt.func.isRequired
@@ -330,17 +329,15 @@ ApplicationContext.propTypes = process.env.NODE_ENV !== "production" ? {
 ApplicationContext.displayName = 'ApplicationContext';
 
 function withApplicationContext(mapApplicationContextToProps) {
-  return function (Component) {
-    var WrappedComponent = function WrappedComponent(props) {
-      return jsx(ApplicationContext, {
-        render: function render(applicationContext) {
-          var mappedProps = mapApplicationContextToProps ? mapApplicationContextToProps(applicationContext) : {
-            applicationContext: applicationContext
-          };
-          return jsx(Component, _objectSpread$1(_objectSpread$1({}, props), mappedProps));
-        }
-      });
-    };
+  return Component => {
+    const WrappedComponent = props => jsx(ApplicationContext, {
+      render: applicationContext => {
+        const mappedProps = mapApplicationContextToProps ? mapApplicationContextToProps(applicationContext) : {
+          applicationContext
+        };
+        return jsx(Component, _objectSpread$1(_objectSpread$1({}, props), mappedProps));
+      }
+    });
 
     WrappedComponent.displayName = "withApplicationContext(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
@@ -352,56 +349,56 @@ function withApplicationContext(mapApplicationContextToProps) {
 // Then implement the function. Typescript will pick the appropriate signature
 // based on the function arguments.
 function useApplicationContextHook(selector) {
-  var context = useContext(Context$1); // Because of the way the ApplicationShell configures the Context.Provider,
+  const context = useContext(Context$1); // Because of the way the ApplicationShell configures the Context.Provider,
   // we ensure that, when we read from the context, we always get actual
   // context object and not the initial value.
   // Therefore, we can safely cast the value to be out `TApplicationContext` type.
 
-  var applicationContext = context;
+  const applicationContext = context;
   return selector ? selector(applicationContext) : applicationContext;
 } // This is a workaround to trick babel/rollup to correctly export the function.
 // Most likely the problem arises with the use of overloading.
 // See related issue: https://github.com/babel/babel/issues/8361
 
 
-var useApplicationContext = useApplicationContextHook; // Exports
+const useApplicationContext = useApplicationContextHook; // Exports
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FetchProjectExtensionImageRegex = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProjectExtensionImageRegex" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "projectExtension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "imageRegex" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "thumb" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "ImageRegex" }, directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "small" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "ImageRegex" }, directives: [] }] } }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "ImageRegex" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ImageRegexOptions" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "flag" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "search" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "replace" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 256, source: { body: "query FetchProjectExtensionImageRegex {\n  projectExtension {\n    id\n    imageRegex {\n      thumb {\n        ...ImageRegex\n      }\n      small {\n        ...ImageRegex\n      }\n    }\n  }\n}\nfragment ImageRegex on ImageRegexOptions {\n  flag\n  search\n  replace\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 
-var useWarning = function useWarning(condition, message) {
-  useEffect(function () {
+const useWarning = (condition, message) => {
+  useEffect(() => {
     process.env.NODE_ENV !== "production" ? warning(condition, message) : void 0; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
 
-var Context = /*#__PURE__*/createContext({
+const Context = /*#__PURE__*/createContext({
   isLoading: false
 });
 
-var useProjectExtensionImageRegex = function useProjectExtensionImageRegex() {
-  var _useContext = useContext(Context),
-      isLoading = _useContext.isLoading,
-      imageRegex = _useContext.imageRegex;
+const useProjectExtensionImageRegex = () => {
+  const _useContext = useContext(Context),
+        isLoading = _useContext.isLoading,
+        imageRegex = _useContext.imageRegex;
 
   return {
-    isLoading: isLoading,
-    imageRegex: imageRegex
+    isLoading,
+    imageRegex
   };
 };
 
-var ProjectExtensionProviderForImageRegex = function ProjectExtensionProviderForImageRegex(props) {
-  var _useQuery = useQuery(FetchProjectExtensionImageRegex, {
+const ProjectExtensionProviderForImageRegex = props => {
+  const _useQuery = useQuery(FetchProjectExtensionImageRegex, {
     skip: props.skip,
     onError: reportErrorToSentry,
     context: {
       target: GRAPHQL_TARGETS.SETTINGS_SERVICE
     }
   }),
-      loading = _useQuery.loading,
-      data = _useQuery.data;
+        loading = _useQuery.loading,
+        data = _useQuery.data;
 
   return jsx(Context.Provider, {
     value: {
@@ -418,12 +415,10 @@ ProjectExtensionProviderForImageRegex.propTypes = process.env.NODE_ENV !== "prod
 } : {};
 ProjectExtensionProviderForImageRegex.displayName = 'ProjectExtensionProviderForImageRegex';
 
-var GetProjectExtensionImageRegex = function GetProjectExtensionImageRegex(props) {
+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.");
   return jsx(Context.Consumer, {
-    children: function children(imageRegexContext) {
-      return props.render(imageRegexContext);
-    }
+    children: imageRegexContext => props.render(imageRegexContext)
   });
 };
 
@@ -433,15 +428,15 @@ GetProjectExtensionImageRegex.propTypes = process.env.NODE_ENV !== "production"
 GetProjectExtensionImageRegex.displayName = 'GetProjectExtensionImageRegex';
 
 function withProjectExtensionImageRegex() {
-  var propKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'imageRegexData';
-  return function (Component) {
-    var WrappedComponent = function WrappedComponent(props) {
+  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.");
-      var imageregexContext = useProjectExtensionImageRegex();
+      const imageregexContext = useProjectExtensionImageRegex();
       return jsx(GetProjectExtensionImageRegex, {
-        render: function render() {
-          return jsx(Component, _objectSpread(_objectSpread({}, props), _defineProperty({}, propKey, imageregexContext)));
-        }
+        render: () => jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+          [propKey]: imageregexContext
+        }))
       });
     };
 

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

@@ -1,6 +1,6 @@
+import { ComponentType, ReactNode } from 'react';
 import type { ApplicationWindow } from '@commercetools-frontend/constants';
 import type { TFetchLoggedInUserQuery, TFetchProjectQuery, TIdTokenUserInfo } from '../../types/generated/mc';
-import { ComponentType, ReactNode } from 'react';
 type TFetchedUser = TFetchLoggedInUserQuery['user'];
 type TFetchedProject = TFetchProjectQuery['project'];
 type TApplicationContextPermissions = {
@@ -43,13 +43,9 @@ export declare const mapEnvironmentToApplicationContextEnvironment: <AdditionalE
     mcApiUrl: string;
     frontendHost: string;
     servedByProxy: boolean;
-    mcProxyApiUrl?: string | undefined;
     ldClientSideId?: string | undefined;
     trackingSentry?: string | undefined;
     trackingGtm?: string | undefined;
-    enableSignUp?: boolean | undefined;
-    enableLongLivedFeatureFlags?: boolean | undefined;
-    useFullRedirectsForLinks?: boolean | undefined;
     __DEVELOPMENT__?: {
         oidc?: import("@commercetools-frontend/constants").ApplicationOidcForDevelopmentConfig | undefined;
         menuLinks?: import("@commercetools-frontend/constants").ApplicationMenuLinksForDevelopmentConfig | undefined;
@@ -65,13 +61,9 @@ export declare const mapEnvironmentToApplicationContextEnvironment: <AdditionalE
     cdnUrl: string;
     frontendHost: string;
     servedByProxy: boolean;
-    mcProxyApiUrl?: string | undefined;
     ldClientSideId?: string | undefined;
     trackingSentry?: string | undefined;
     trackingGtm?: string | undefined;
-    enableSignUp?: boolean | undefined;
-    enableLongLivedFeatureFlags?: boolean | undefined;
-    useFullRedirectsForLinks?: boolean | undefined;
     __DEVELOPMENT__?: {
         oidc?: import("@commercetools-frontend/constants").ApplicationOidcForDevelopmentConfig | undefined;
         menuLinks?: import("@commercetools-frontend/constants").ApplicationMenuLinksForDevelopmentConfig | undefined;

package/dist/declarations/src/components/project-extension-image-regex/project-extension-image-regex.d.ts

@@ -1,5 +1,5 @@
-import type { TImageRegexOptions } from '../../types/generated/settings';
 import { type ComponentType, type ReactNode } from 'react';
+import type { TImageRegexOptions } from '../../types/generated/settings';
 export type TImageRegexContext = {
     isLoading: boolean;
     imageRegex?: {

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

@@ -90,7 +90,7 @@ export type TIdTokenUserInfo = {
     aud: Scalars['String'];
     email?: Maybe<Scalars['String']>;
     exp: Scalars['Float'];
-    iat: Scalars['Float'];
+    iat?: Maybe<Scalars['Float']>;
     iss: Scalars['String'];
     name?: Maybe<Scalars['String']>;
     sub: Scalars['String'];
@@ -605,7 +605,7 @@ export type TAmILoggedInQuery = {
     amILoggedIn: boolean;
 };
 export type TFetchProjectQueryVariables = Exact<{
-    projectKey: Scalars['String'];
+    projectKey?: InputMaybe<Scalars['String']>;
 }>;
 export type TFetchProjectQuery = {
     __typename?: 'Query';
@@ -725,7 +725,7 @@ export type TFetchLoggedInUserQuery = {
             sub: string;
             aud: string;
             exp: number;
-            iat: number;
+            iat?: number | null;
             email?: string | null;
             name?: string | null;
             additionalClaims?: string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-shell-connectors",
-  "version": "21.23.10",
+  "version": "21.24.1",
   "description": "Contains complementary tools for @commercetools-frontend/application-shell",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -23,9 +23,9 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-frontend/constants": "21.23.10",
-    "@commercetools-frontend/sentry": "21.23.10",
-    "@emotion/react": "11.10.5",
+    "@commercetools-frontend/constants": "21.24.1",
+    "@commercetools-frontend/sentry": "21.24.1",
+    "@emotion/react": "11.10.6",
     "@types/lodash": "^4.14.191",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^17.0.53",
@@ -36,7 +36,7 @@
     "tiny-warning": "1.0.3"
   },
   "devDependencies": {
-    "@apollo/client": "3.7.7",
+    "@apollo/client": "3.7.10",
     "@testing-library/react": "12.1.5",
     "react": "17.0.2"
   },

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

@@ -28,8 +28,8 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var FetchProjectExtensionImageRegex = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProjectExtensionImageRegex" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "projectExtension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "imageRegex" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "thumb" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "ImageRegex" }, directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "small" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "ImageRegex" }, directives: [] }] } }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "ImageRegex" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ImageRegexOptions" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "flag" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "search" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "replace" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 256, source: { body: "query FetchProjectExtensionImageRegex {\n  projectExtension {\n    id\n    imageRegex {\n      thumb {\n        ...ImageRegex\n      }\n      small {\n        ...ImageRegex\n      }\n    }\n  }\n}\nfragment ImageRegex on ImageRegexOptions {\n  flag\n  search\n  replace\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-var createGraphqlResponseForProjectExtensionImageRegexQuery = function createGraphqlResponseForProjectExtensionImageRegexQuery() {
-  var customResponse = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const createGraphqlResponseForProjectExtensionImageRegexQuery = function () {
+  let customResponse = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     projectExtension: {
       __typename: 'ProjectExtension',
@@ -52,8 +52,8 @@ var createGraphqlResponseForProjectExtensionImageRegexQuery = function createGra
     }
   }, customResponse);
 };
-var createFetchProjectExtensionImageRegexMock = function createFetchProjectExtensionImageRegexMock() {
-  var customMock = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const createFetchProjectExtensionImageRegexMock = function () {
+  let customMock = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     request: {
       query: FetchProjectExtensionImageRegex,

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

@@ -28,8 +28,8 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var FetchProjectExtensionImageRegex = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProjectExtensionImageRegex" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "projectExtension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "imageRegex" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "thumb" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "ImageRegex" }, directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "small" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "ImageRegex" }, directives: [] }] } }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "ImageRegex" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ImageRegexOptions" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "flag" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "search" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "replace" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 256, source: { body: "query FetchProjectExtensionImageRegex {\n  projectExtension {\n    id\n    imageRegex {\n      thumb {\n        ...ImageRegex\n      }\n      small {\n        ...ImageRegex\n      }\n    }\n  }\n}\nfragment ImageRegex on ImageRegexOptions {\n  flag\n  search\n  replace\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-var createGraphqlResponseForProjectExtensionImageRegexQuery = function createGraphqlResponseForProjectExtensionImageRegexQuery() {
-  var customResponse = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const createGraphqlResponseForProjectExtensionImageRegexQuery = function () {
+  let customResponse = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     projectExtension: {
       __typename: 'ProjectExtension',
@@ -52,8 +52,8 @@ var createGraphqlResponseForProjectExtensionImageRegexQuery = function createGra
     }
   }, customResponse);
 };
-var createFetchProjectExtensionImageRegexMock = function createFetchProjectExtensionImageRegexMock() {
-  var customMock = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const createFetchProjectExtensionImageRegexMock = function () {
+  let customMock = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     request: {
       query: FetchProjectExtensionImageRegex,