@commercetools-frontend/application-shell 24.11.0 → 24.12.0

package/dist/{user-settings-menu-f98bea89.esm.js → user-settings-menu-afa82f2a.esm.js}

@@ -26,9 +26,10 @@ import Avatar from '@commercetools-uikit/avatar';
 import { designTokens } from '@commercetools-uikit/design-system';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { D as DIMENSIONS } from './oidc-b2520905.esm.js';
-import { u as useApplicationsMenu } from './use-applications-menu-1514af11.esm.js';
+import { D as DIMENSIONS } from './oidc-35e8e62a.esm.js';
+import { u as useApplicationsMenu } from './use-applications-menu-b871849c.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@apollo/client';
 import '@commercetools-frontend/l10n';
 
@@ -98,15 +99,17 @@ const UserAvatar = props => {
 };
 UserAvatar.displayName = 'UserAvatar';
 function getIsFocusedElementInMenu() {
-  return Boolean(document.activeElement?.getAttribute('data-user-settings-menu'));
+  var _document$activeEleme;
+  return Boolean((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('data-user-settings-menu'));
 }
 const stateReducer = (state, changes) => {
+  var _ref3;
   switch (changes.type) {
     // So in case the user wants to navigate with the tab button
     // we need to make sure that the menu does not close
     case Downshift.stateChangeTypes.blurButton:
       return _objectSpread(_objectSpread({}, changes), {}, {
-        isOpen: (state.isOpen && getIsFocusedElementInMenu()) ?? false
+        isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
       });
     default:
       return changes;
@@ -160,13 +163,14 @@ const UserSettingsMenuBody = props => {
   // Focus on a menu item when it's opened through keyboard
   const menuElementRef = useRef(null);
   useEffect(() => {
-    menuElementRef.current?.focus();
+    var _menuElementRef$curre;
+    (_menuElementRef$curre = menuElementRef.current) === null || _menuElementRef$curre === void 0 || _menuElementRef$curre.focus();
   }, []);
   const environment = useApplicationContext(context => context.environment);
   const applicationsAppBarMenu = useApplicationsMenu('appBar', {
     environment
   });
-  const accountMenuItems = applicationsAppBarMenu ?? [];
+  const accountMenuItems = applicationsAppBarMenu !== null && applicationsAppBarMenu !== void 0 ? applicationsAppBarMenu : [];
   return jsx("div", {
     onKeyDown: event => {
       if (event.key === 'Esc' || event.key === 'Tab' && !getIsFocusedElementInMenu()) {
@@ -198,27 +202,30 @@ const UserSettingsMenuBody = props => {
         })
       }), accountMenuItems.length > 0 ? jsx(MenuItem, {
         hasDivider: true
-      }) : null, _mapInstanceProperty(accountMenuItems).call(accountMenuItems, menu => jsx(OptionalFeatureToggle, {
-        featureToggle: menu.featureToggle ?? undefined,
-        children: jsx(Link, {
-          css: getUserSettingsMenuItemLinkStyles(),
-          to: `/account/${menu.uriPath}`,
-          onClick: () => props.downshiftProps.toggleMenu(),
-          "data-user-settings-menu": true,
-          ref: menuElementRef,
-          children: jsx(MenuItem, {
-            children: jsx(MenuItemLabel, {
-              children: jsx(Text.Body, {
-                children: renderLabel(menu, props.language)
+      }) : null, _mapInstanceProperty(accountMenuItems).call(accountMenuItems, menu => {
+        var _menu$featureToggle;
+        return jsx(OptionalFeatureToggle, {
+          featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
+          children: jsx(Link, {
+            css: getUserSettingsMenuItemLinkStyles(),
+            to: "/account/".concat(menu.uriPath),
+            onClick: () => props.downshiftProps.toggleMenu(),
+            "data-user-settings-menu": true,
+            ref: menuElementRef,
+            children: jsx(MenuItem, {
+              children: jsx(MenuItemLabel, {
+                children: jsx(Text.Body, {
+                  children: renderLabel(menu, props.language)
+                })
               })
             })
           })
-        })
-      }, menu.key)), jsx(MenuItem, {
+        }, menu.key);
+      }), jsx(MenuItem, {
         hasDivider: true
       }), jsx("a", {
         css: getUserSettingsMenuItemLinkStyles(),
-        href: `https://commercetools.com/privacy#suppliers`,
+        href: "https://commercetools.com/privacy#suppliers",
         target: "_blank",
         rel: "noopener noreferrer",
         onClick: () => props.downshiftProps.toggleMenu(),
@@ -252,7 +259,7 @@ const UserSettingsMenuBody = props => {
         // NOTE: we want to redirect to a new page so that the
         // server can remove things like cookie for access token.
         ,
-        href: `/logout?reason=${LOGOUT_REASONS.USER}`,
+        href: "/logout?reason=".concat(LOGOUT_REASONS.USER),
         "data-test": "logout-button",
         "data-user-settings-menu": true,
         children: [jsx(MenuItem, {

package/dist/{user-settings-menu-6113cdd3.cjs.dev.js → user-settings-menu-f5c74042.cjs.dev.js}

@@ -28,9 +28,10 @@ var Avatar = require('@commercetools-uikit/avatar');
 var designSystem = require('@commercetools-uikit/design-system');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var oidc = require('./oidc-8827f9fe.cjs.dev.js');
-var useApplicationsMenu = require('./use-applications-menu-823a2492.cjs.dev.js');
+var oidc = require('./oidc-87d116c1.cjs.dev.js');
+var useApplicationsMenu = require('./use-applications-menu-7f548a7a.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@apollo/client');
 require('@commercetools-frontend/l10n');
 
@@ -121,15 +122,17 @@ const UserAvatar = props => {
 };
 UserAvatar.displayName = 'UserAvatar';
 function getIsFocusedElementInMenu() {
-  return Boolean(document.activeElement?.getAttribute('data-user-settings-menu'));
+  var _document$activeEleme;
+  return Boolean((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('data-user-settings-menu'));
 }
 const stateReducer = (state, changes) => {
+  var _ref3;
   switch (changes.type) {
     // So in case the user wants to navigate with the tab button
     // we need to make sure that the menu does not close
     case Downshift__default["default"].stateChangeTypes.blurButton:
       return _objectSpread(_objectSpread({}, changes), {}, {
-        isOpen: (state.isOpen && getIsFocusedElementInMenu()) ?? false
+        isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
       });
     default:
       return changes;
@@ -183,13 +186,14 @@ const UserSettingsMenuBody = props => {
   // Focus on a menu item when it's opened through keyboard
   const menuElementRef = react.useRef(null);
   react.useEffect(() => {
-    menuElementRef.current?.focus();
+    var _menuElementRef$curre;
+    (_menuElementRef$curre = menuElementRef.current) === null || _menuElementRef$curre === void 0 || _menuElementRef$curre.focus();
   }, []);
   const environment = applicationShellConnectors.useApplicationContext(context => context.environment);
   const applicationsAppBarMenu = useApplicationsMenu.useApplicationsMenu('appBar', {
     environment
   });
-  const accountMenuItems = applicationsAppBarMenu ?? [];
+  const accountMenuItems = applicationsAppBarMenu !== null && applicationsAppBarMenu !== void 0 ? applicationsAppBarMenu : [];
   return jsxRuntime.jsx("div", {
     onKeyDown: event => {
       if (event.key === 'Esc' || event.key === 'Tab' && !getIsFocusedElementInMenu()) {
@@ -221,27 +225,30 @@ const UserSettingsMenuBody = props => {
         })
       }), accountMenuItems.length > 0 ? jsxRuntime.jsx(MenuItem, {
         hasDivider: true
-      }) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, menu => jsxRuntime.jsx(OptionalFeatureToggle, {
-        featureToggle: menu.featureToggle ?? undefined,
-        children: jsxRuntime.jsx(reactRouterDom.Link, {
-          css: getUserSettingsMenuItemLinkStyles(),
-          to: `/account/${menu.uriPath}`,
-          onClick: () => props.downshiftProps.toggleMenu(),
-          "data-user-settings-menu": true,
-          ref: menuElementRef,
-          children: jsxRuntime.jsx(MenuItem, {
-            children: jsxRuntime.jsx(MenuItemLabel, {
-              children: jsxRuntime.jsx(Text__default["default"].Body, {
-                children: renderLabel(menu, props.language)
+      }) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, menu => {
+        var _menu$featureToggle;
+        return jsxRuntime.jsx(OptionalFeatureToggle, {
+          featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
+          children: jsxRuntime.jsx(reactRouterDom.Link, {
+            css: getUserSettingsMenuItemLinkStyles(),
+            to: "/account/".concat(menu.uriPath),
+            onClick: () => props.downshiftProps.toggleMenu(),
+            "data-user-settings-menu": true,
+            ref: menuElementRef,
+            children: jsxRuntime.jsx(MenuItem, {
+              children: jsxRuntime.jsx(MenuItemLabel, {
+                children: jsxRuntime.jsx(Text__default["default"].Body, {
+                  children: renderLabel(menu, props.language)
+                })
               })
             })
           })
-        })
-      }, menu.key)), jsxRuntime.jsx(MenuItem, {
+        }, menu.key);
+      }), jsxRuntime.jsx(MenuItem, {
         hasDivider: true
       }), jsxRuntime.jsx("a", {
         css: getUserSettingsMenuItemLinkStyles(),
-        href: `https://commercetools.com/privacy#suppliers`,
+        href: "https://commercetools.com/privacy#suppliers",
         target: "_blank",
         rel: "noopener noreferrer",
         onClick: () => props.downshiftProps.toggleMenu(),
@@ -275,7 +282,7 @@ const UserSettingsMenuBody = props => {
         // NOTE: we want to redirect to a new page so that the
         // server can remove things like cookie for access token.
         ,
-        href: `/logout?reason=${constants.LOGOUT_REASONS.USER}`,
+        href: "/logout?reason=".concat(constants.LOGOUT_REASONS.USER),
         "data-test": "logout-button",
         "data-user-settings-menu": true,
         children: [jsxRuntime.jsx(MenuItem, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-shell",
-  "version": "24.11.0",
+  "version": "24.12.0",
   "description": "React component to bootstrap the general MC application logic",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -39,21 +39,21 @@
   "dependencies": {
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/actions-global": "24.11.0",
-    "@commercetools-frontend/application-components": "24.11.0",
-    "@commercetools-frontend/application-config": "24.11.0",
-    "@commercetools-frontend/application-shell-connectors": "24.11.0",
-    "@commercetools-frontend/assets": "24.11.0",
-    "@commercetools-frontend/browser-history": "24.11.0",
-    "@commercetools-frontend/constants": "24.11.0",
-    "@commercetools-frontend/i18n": "24.11.0",
-    "@commercetools-frontend/l10n": "24.11.0",
-    "@commercetools-frontend/notifications": "24.11.0",
-    "@commercetools-frontend/permissions": "24.11.0",
-    "@commercetools-frontend/react-notifications": "24.11.0",
-    "@commercetools-frontend/sdk": "24.11.0",
-    "@commercetools-frontend/sentry": "24.11.0",
-    "@commercetools-frontend/url-utils": "24.11.0",
+    "@commercetools-frontend/actions-global": "24.12.0",
+    "@commercetools-frontend/application-components": "24.12.0",
+    "@commercetools-frontend/application-config": "24.12.0",
+    "@commercetools-frontend/application-shell-connectors": "24.12.0",
+    "@commercetools-frontend/assets": "24.12.0",
+    "@commercetools-frontend/browser-history": "24.12.0",
+    "@commercetools-frontend/constants": "24.12.0",
+    "@commercetools-frontend/i18n": "24.12.0",
+    "@commercetools-frontend/l10n": "24.12.0",
+    "@commercetools-frontend/notifications": "24.12.0",
+    "@commercetools-frontend/permissions": "24.12.0",
+    "@commercetools-frontend/react-notifications": "24.12.0",
+    "@commercetools-frontend/sdk": "24.12.0",
+    "@commercetools-frontend/sentry": "24.12.0",
+    "@commercetools-frontend/url-utils": "24.12.0",
     "@commercetools-uikit/accessible-hidden": "^20.3.0",
     "@commercetools-uikit/avatar": "^20.3.0",
     "@commercetools-uikit/card": "^20.3.0",

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

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ssr = require('@commercetools-frontend/application-config/ssr');
-var oidc = require('../../dist/oidc-8827f9fe.cjs.dev.js');
+var oidc = require('../../dist/oidc-87d116c1.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 

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

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ssr = require('@commercetools-frontend/application-config/ssr');
-var oidc = require('../../dist/oidc-d74e6aa2.cjs.prod.js');
+var oidc = require('../../dist/oidc-258fc018.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 

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

@@ -1,4 +1,5 @@
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
-export { b as buildOidcScope } from '../../dist/oidc-b2520905.esm.js';
+export { b as buildOidcScope } from '../../dist/oidc-35e8e62a.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/instance/for-each';

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

@@ -2,13 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
-var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flags');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -16,6 +9,14 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
+var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var react = require('react');
 var react$1 = require('@apollo/client/react');
 var testing = require('@apollo/client/testing');
@@ -32,14 +33,13 @@ var history = require('@commercetools-frontend/browser-history');
 var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var testUtils = require('@commercetools-frontend/sdk/test-utils');
-var applicationEntryPoint = require('../../dist/application-entry-point-c87294b0.cjs.dev.js');
-var index = require('../../dist/index-614accc4.cjs.dev.js');
+var applicationEntryPoint = require('../../dist/application-entry-point-18d8fba0.cjs.dev.js');
+var index = require('../../dist/index-25183095.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/permissions');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('@reduxjs/toolkit');
 require('lodash/mapValues');
@@ -75,11 +75,6 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
-var _flagsInstanceProperty__default = /*#__PURE__*/_interopDefault(_flagsInstanceProperty);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
@@ -87,13 +82,19 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var _flagsInstanceProperty__default = /*#__PURE__*/_interopDefault(_flagsInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var rtl__namespace = /*#__PURE__*/_interopNamespace(rtl);
 var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 const _excluded = ["children"],
   _excluded2 = ["children"];
 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 _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$1(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$1(Object(t))).call(_context9, 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 _context9, _context0; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$1(Object(t), !0)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context0 = ownKeys$1(Object(t))).call(_context0, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const defaultProject = {
   key: 'test-with-big-data',
   version: 43,
@@ -221,12 +222,13 @@ const denormalizeDataFences = dataFences => {
   }, []);
 };
 const mapResourceAccessToAppliedPermissions = resourceAccesses => _mapInstanceProperty__default["default"](resourceAccesses).call(resourceAccesses, resourceAccess => ({
-  name: `can${resourceAccess}`,
+  name: "can".concat(resourceAccess),
   value: true
 }));
 const wrapIfNeeded = (children, wrapper) => wrapper ? /*#__PURE__*/react.createElement(wrapper, null, children) : children;
 const ApolloProviderWrapper = props => {
-  const apolloClient = props.apolloClient ?? applicationShellConnectors.createApolloClient();
+  var _props$apolloClient, _apolloClient$cache$a;
+  const apolloClient = (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : applicationShellConnectors.createApolloClient();
   const enableApolloMocks = Boolean(props.mocks && props.mocks.length > 0);
   if (!enableApolloMocks) {
     return (
@@ -245,7 +247,7 @@ const ApolloProviderWrapper = props => {
     // Apollo cache and the mocked provider.
     // @ts-expect-error
     ,
-    addTypename: apolloClient.cache.addTypename ?? true,
+    addTypename: (_apolloClient$cache$a = apolloClient.cache.addTypename) !== null && _apolloClient$cache$a !== void 0 ? _apolloClient$cache$a : true,
     cache: apolloClient.cache,
     children: props.children
   });
@@ -292,9 +294,10 @@ function createApplicationProviders() {
   }
   let initialRoute = route;
   if (!route && mergedProject) {
-    initialRoute = `/${mergedProject.key}/${mergedEnvironment.entryPointUriPath}`;
+    var _context8;
+    initialRoute = _concatInstanceProperty__default["default"](_context8 = "/".concat(mergedProject.key, "/")).call(_context8, mergedEnvironment.entryPointUriPath);
   }
-  const memoryHistory = history$2 ?? history.createEnhancedHistory(history$1.createMemoryHistory({
+  const memoryHistory = history$2 !== null && history$2 !== void 0 ? history$2 : history.createEnhancedHistory(history$1.createMemoryHistory({
     initialEntries: [initialRoute || '/'],
     getUserConfirmation: (_message, callback) => callback(true)
   }));
@@ -519,8 +522,9 @@ const testCustomViewData = {
   }]
 };
 const renderCustomView = props => {
+  var _props$customViewHost;
   return renderAppWithRedux(jsxRuntime.jsx(applicationShellConnectors.CustomViewContextProvider, {
-    hostUrl: props.customViewHostUrl ?? 'https://mc.ct.com/my-project/products/product-id-1',
+    hostUrl: (_props$customViewHost = props.customViewHostUrl) !== null && _props$customViewHost !== void 0 ? _props$customViewHost : 'https://mc.ct.com/my-project/products/product-id-1',
     customViewConfig: _objectSpread(_objectSpread({}, testCustomViewData), props.customViewConfig),
     children: props.children
   }), {

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

@@ -2,13 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
-var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flags');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -16,6 +9,14 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
+var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var react = require('react');
 var react$1 = require('@apollo/client/react');
 var testing = require('@apollo/client/testing');
@@ -32,14 +33,13 @@ var history = require('@commercetools-frontend/browser-history');
 var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var testUtils = require('@commercetools-frontend/sdk/test-utils');
-var applicationEntryPoint = require('../../dist/application-entry-point-8c4b8e53.cjs.prod.js');
-var index = require('../../dist/index-245e2980.cjs.prod.js');
+var applicationEntryPoint = require('../../dist/application-entry-point-74a06151.cjs.prod.js');
+var index = require('../../dist/index-52c724ed.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/permissions');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('@reduxjs/toolkit');
 require('lodash/mapValues');
@@ -75,11 +75,6 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
-var _flagsInstanceProperty__default = /*#__PURE__*/_interopDefault(_flagsInstanceProperty);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
@@ -87,13 +82,19 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var _flagsInstanceProperty__default = /*#__PURE__*/_interopDefault(_flagsInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var rtl__namespace = /*#__PURE__*/_interopNamespace(rtl);
 var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 const _excluded = ["children"],
   _excluded2 = ["children"];
 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 _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$1(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$1(Object(t))).call(_context9, 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 _context9, _context0; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$1(Object(t), !0)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context0 = ownKeys$1(Object(t))).call(_context0, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const defaultProject = {
   key: 'test-with-big-data',
   version: 43,
@@ -221,12 +222,13 @@ const denormalizeDataFences = dataFences => {
   }, []);
 };
 const mapResourceAccessToAppliedPermissions = resourceAccesses => _mapInstanceProperty__default["default"](resourceAccesses).call(resourceAccesses, resourceAccess => ({
-  name: `can${resourceAccess}`,
+  name: "can".concat(resourceAccess),
   value: true
 }));
 const wrapIfNeeded = (children, wrapper) => wrapper ? /*#__PURE__*/react.createElement(wrapper, null, children) : children;
 const ApolloProviderWrapper = props => {
-  const apolloClient = props.apolloClient ?? applicationShellConnectors.createApolloClient();
+  var _props$apolloClient, _apolloClient$cache$a;
+  const apolloClient = (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : applicationShellConnectors.createApolloClient();
   const enableApolloMocks = Boolean(props.mocks && props.mocks.length > 0);
   if (!enableApolloMocks) {
     return (
@@ -245,7 +247,7 @@ const ApolloProviderWrapper = props => {
     // Apollo cache and the mocked provider.
     // @ts-expect-error
     ,
-    addTypename: apolloClient.cache.addTypename ?? true,
+    addTypename: (_apolloClient$cache$a = apolloClient.cache.addTypename) !== null && _apolloClient$cache$a !== void 0 ? _apolloClient$cache$a : true,
     cache: apolloClient.cache,
     children: props.children
   });
@@ -292,9 +294,10 @@ function createApplicationProviders() {
   }
   let initialRoute = route;
   if (!route && mergedProject) {
-    initialRoute = `/${mergedProject.key}/${mergedEnvironment.entryPointUriPath}`;
+    var _context8;
+    initialRoute = _concatInstanceProperty__default["default"](_context8 = "/".concat(mergedProject.key, "/")).call(_context8, mergedEnvironment.entryPointUriPath);
   }
-  const memoryHistory = history$2 ?? history.createEnhancedHistory(history$1.createMemoryHistory({
+  const memoryHistory = history$2 !== null && history$2 !== void 0 ? history$2 : history.createEnhancedHistory(history$1.createMemoryHistory({
     initialEntries: [initialRoute || '/'],
     getUserConfirmation: (_message, callback) => callback(true)
   }));
@@ -519,8 +522,9 @@ const testCustomViewData = {
   }]
 };
 const renderCustomView = props => {
+  var _props$customViewHost;
   return renderAppWithRedux(jsxRuntime.jsx(applicationShellConnectors.CustomViewContextProvider, {
-    hostUrl: props.customViewHostUrl ?? 'https://mc.ct.com/my-project/products/product-id-1',
+    hostUrl: (_props$customViewHost = props.customViewHostUrl) !== null && _props$customViewHost !== void 0 ? _props$customViewHost : 'https://mc.ct.com/my-project/products/product-id-1',
     customViewConfig: _objectSpread(_objectSpread({}, testCustomViewData), props.customViewConfig),
     children: props.children
   }), {