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

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

@@ -18,13 +18,12 @@ var react = require('react');
 var moment = require('moment-timezone');
 var sentry = require('@commercetools-frontend/sentry');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var warning = require('tiny-warning');
 var react$1 = require('@apollo/client/react');
+var warning = require('tiny-warning');
 var constants = require('@commercetools-frontend/constants');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -47,12 +46,12 @@ var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInsta
 var warning__default = /*#__PURE__*/_interopDefault(warning);
 
 // 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');
   }
@@ -60,22 +59,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__default["default"](origin);
-  var originTld = getMcOriginTld(url.host);
+  const url = new _URL__default["default"](origin);
+  const originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty__default["default"](_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
 
-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`.
@@ -91,7 +88,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;
   }
@@ -105,7 +102,7 @@ var getDisplayName = function getDisplayName(Component) {
 
 function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$2(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$2(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context2 = ownKeys$2(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 // Menu visibilities
 // Permissions
 // Action rights
@@ -129,66 +126,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__default["default"](allAppliedPermissions).call(allAppliedPermissions, function (transformedAllApplied, allApplied) {
+  return _reduceInstanceProperty__default["default"](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__default["default"](allAppliedMenuVisibilities).call(allAppliedMenuVisibilities, function (transformedAllApplied, allApplied) {
+  return _reduceInstanceProperty__default["default"](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__default["default"](allAppliedActionRights).call(allAppliedActionRights, function (transformedAllApplied, allApplied) {
+  return _reduceInstanceProperty__default["default"](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__default["default"](dataFences).call(dataFences, function (previousGroupsOfSameType, appliedDataFence) {
-    var _context;
+const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
+  var _context;
 
+  const groupedByResourceType = _reduceInstanceProperty__default["default"](dataFences).call(dataFences, (previousGroupsOfSameType, appliedDataFence) => {
     if (!appliedDataFence) return previousGroupsOfSameType;
-    var previousGroup = previousGroupsOfSameType[appliedDataFence.group];
-    return _objectSpread$2(_objectSpread$2({}, previousGroupsOfSameType), {}, _defineProperty({}, appliedDataFence.group, _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(previousGroup || []), [appliedDataFence])));
+    const previousGroup = previousGroupsOfSameType[appliedDataFence.group];
+    return _objectSpread$2(_objectSpread$2({}, previousGroupsOfSameType), {}, {
+      [appliedDataFence.group]: [...(previousGroup || []), appliedDataFence]
+    });
   }, {});
 
-  return _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"](groupedByResourceType)).call(_context2, function (previousGroupedByResourceType, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
+  return _reduceInstanceProperty__default["default"](_context = _Object$entries__default["default"](groupedByResourceType)).call(_context, (previousGroupedByResourceType, _ref) => {
+    let _ref2 = _slicedToArray(_ref, 2),
         resourceType = _ref2[0],
         dataFences = _ref2[1];
 
-    var groupByDataFenceName = _reduceInstanceProperty__default["default"](dataFences).call(dataFences, function (nextDataFenceValues, dataFence) {
-      var _context3;
-
-      var dataFenceByName = nextDataFenceValues[dataFence.name] || {
+    const groupByDataFenceName = _reduceInstanceProperty__default["default"](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__default["default"](_context3 = []).call(_context3, _toConsumableArray(_valuesInstanceProperty__default["default"](dataFenceByName)), [dataFence.value])
-      })));
+      return _objectSpread$2(_objectSpread$2({}, nextDataFenceValues), {}, {
+        [dataFence.name]: _objectSpread$2(_objectSpread$2({}, dataFenceByName), {}, {
+          values: [..._valuesInstanceProperty__default["default"](dataFenceByName), dataFence.value]
+        })
+      });
     }, {});
 
-    return _objectSpread$2(_objectSpread$2({}, previousGroupedByResourceType), {}, _defineProperty({}, resourceType, groupByDataFenceName));
+    return _objectSpread$2(_objectSpread$2({}, previousGroupedByResourceType), {}, {
+      [resourceType]: groupByDataFenceName
+    });
   }, {});
 }; // input:
 // [
@@ -222,20 +229,20 @@ var normalizeAppliedDataFencesForStoresByResourceType = function normalizeApplie
 // }
 
 
-var normalizeAllAppliedDataFences = function normalizeAllAppliedDataFences(allAppliedDataFences) {
+const normalizeAllAppliedDataFences = allAppliedDataFences => {
   if (!allAppliedDataFences || allAppliedDataFences.length === 0) {
     return null;
   }
 
-  var groupedByType = _reduceInstanceProperty__default["default"](allAppliedDataFences).call(allAppliedDataFences, function (previousGroupsOfSameType, appliedDataFence) {
-    var _context4;
-
+  const groupedByType = _reduceInstanceProperty__default["default"](allAppliedDataFences).call(allAppliedDataFences, (previousGroupsOfSameType, appliedDataFence) => {
     if (!appliedDataFence) return previousGroupsOfSameType;
-    var previousGroup = previousGroupsOfSameType[appliedDataFence.type];
-    return _objectSpread$2(_objectSpread$2({}, previousGroupsOfSameType), {}, _defineProperty({}, appliedDataFence.type, _concatInstanceProperty__default["default"](_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)
   } : {});
 
@@ -246,13 +253,13 @@ var normalizeAllAppliedDataFences = function normalizeAllAppliedDataFences(allAp
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(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$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var Context$1 = /*#__PURE__*/react.createContext({});
-var defaultTimeZone = moment__default["default"].tz.guess() || 'Etc/UTC'; // Expose only certain fields as some of them are only meant to
+const Context$1 = /*#__PURE__*/react.createContext({});
+const defaultTimeZone = moment__default["default"].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,
@@ -267,7 +274,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 || '{}');
@@ -280,22 +287,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,
@@ -309,24 +314,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 jsxRuntime.jsx(Context$1.Provider, {
-    value: createApplicationContext(props.environment, props.user, props.project, props.projectDataLocale),
-    children: props.children
-  });
-};
+const ApplicationContextProvider = props => jsxRuntime.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__default["default"].string,
@@ -334,18 +335,16 @@ ApplicationContextProvider.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 ApplicationContextProvider.displayName = 'ApplicationContextProvider';
 
-var ApplicationContext = function ApplicationContext(props) {
-  return jsxRuntime.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 => jsxRuntime.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__default["default"].func.isRequired
@@ -353,17 +352,15 @@ ApplicationContext.propTypes = process.env.NODE_ENV !== "production" ? {
 ApplicationContext.displayName = 'ApplicationContext';
 
 function withApplicationContext(mapApplicationContextToProps) {
-  return function (Component) {
-    var WrappedComponent = function WrappedComponent(props) {
-      return jsxRuntime.jsx(ApplicationContext, {
-        render: function render(applicationContext) {
-          var mappedProps = mapApplicationContextToProps ? mapApplicationContextToProps(applicationContext) : {
-            applicationContext: applicationContext
-          };
-          return jsxRuntime.jsx(Component, _objectSpread$1(_objectSpread$1({}, props), mappedProps));
-        }
-      });
-    };
+  return Component => {
+    const WrappedComponent = props => jsxRuntime.jsx(ApplicationContext, {
+      render: applicationContext => {
+        const mappedProps = mapApplicationContextToProps ? mapApplicationContextToProps(applicationContext) : {
+          applicationContext
+        };
+        return jsxRuntime.jsx(Component, _objectSpread$1(_objectSpread$1({}, props), mappedProps));
+      }
+    });
 
     WrappedComponent.displayName = "withApplicationContext(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
@@ -375,56 +372,56 @@ function withApplicationContext(mapApplicationContextToProps) {
 // Then implement the function. Typescript will pick the appropriate signature
 // based on the function arguments.
 function useApplicationContextHook(selector) {
-  var context = react.useContext(Context$1); // Because of the way the ApplicationShell configures the Context.Provider,
+  const context = react.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__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 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) {
-  react.useEffect(function () {
+const useWarning = (condition, message) => {
+  react.useEffect(() => {
     process.env.NODE_ENV !== "production" ? warning__default["default"](condition, message) : void 0; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
 
-var Context = /*#__PURE__*/react.createContext({
+const Context = /*#__PURE__*/react.createContext({
   isLoading: false
 });
 
-var useProjectExtensionImageRegex = function useProjectExtensionImageRegex() {
-  var _useContext = react.useContext(Context),
-      isLoading = _useContext.isLoading,
-      imageRegex = _useContext.imageRegex;
+const useProjectExtensionImageRegex = () => {
+  const _useContext = react.useContext(Context),
+        isLoading = _useContext.isLoading,
+        imageRegex = _useContext.imageRegex;
 
   return {
-    isLoading: isLoading,
-    imageRegex: imageRegex
+    isLoading,
+    imageRegex
   };
 };
 
-var ProjectExtensionProviderForImageRegex = function ProjectExtensionProviderForImageRegex(props) {
-  var _useQuery = react$1.useQuery(FetchProjectExtensionImageRegex, {
+const ProjectExtensionProviderForImageRegex = props => {
+  const _useQuery = react$1.useQuery(FetchProjectExtensionImageRegex, {
     skip: props.skip,
     onError: sentry.reportErrorToSentry,
     context: {
       target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
     }
   }),
-      loading = _useQuery.loading,
-      data = _useQuery.data;
+        loading = _useQuery.loading,
+        data = _useQuery.data;
 
   return jsxRuntime.jsx(Context.Provider, {
     value: {
@@ -441,12 +438,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 jsxRuntime.jsx(Context.Consumer, {
-    children: function children(imageRegexContext) {
-      return props.render(imageRegexContext);
-    }
+    children: imageRegexContext => props.render(imageRegexContext)
   });
 };
 
@@ -456,15 +451,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 jsxRuntime.jsx(GetProjectExtensionImageRegex, {
-        render: function render() {
-          return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), _defineProperty({}, propKey, imageregexContext)));
-        }
+        render: () => jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+          [propKey]: imageregexContext
+        }))
       });
     };