@commercetools-frontend/application-shell 22.37.0 → 22.38.0

package/dist/{index-937169c0.cjs.prod.js → index-658a8571.cjs.prod.js}

@@ -111,9 +111,9 @@ var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.37.0";
+var version = "22.38.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-4f45b8ce.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-6623cdb0.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -129,8 +129,8 @@ const getPreviousProjectKey = defaultProjectKeyOfUser => {
 
 var messages$1 = reactIntl.defineMessages({
   backToProjectLink: {
-    id: 'AppBar.backToProjectLink',
-    defaultMessage: 'Back to project'
+    id: "AppBar.backToProjectLink",
+    defaultMessage: "Back to project"
   }
 });
 
@@ -228,40 +228,35 @@ LoadingPlaceholder.displayName = 'LoadingPlaceholder';
 
 var messages = reactIntl.defineMessages({
   projectsLabel: {
-    id: 'ProjectSwitcher.projectsLabel',
-    description: 'The label for project dropdown switcher',
-    defaultMessage: 'Projects'
+    id: "ProjectSwitcher.projectsLabel",
+    defaultMessage: "Projects"
   },
   searchPlaceholder: {
-    id: 'ProjectSwitcher.searchPlaceholder',
-    description: 'Projects filter search input placeholder',
-    defaultMessage: 'Search for a project'
+    id: "ProjectSwitcher.searchPlaceholder",
+    defaultMessage: "Search for a project"
   },
   noResults: {
-    id: 'ProjectSwitcher.noResults',
-    description: 'Projects filter no results text',
-    defaultMessage: 'Sorry, but there are no projects that match your search.'
+    id: "ProjectSwitcher.noResults",
+    defaultMessage: "Sorry, but there are no projects that match your search."
   },
   suspended: {
-    id: 'ProjectSwitcher.suspended',
-    description: 'Label for a suspended project',
-    defaultMessage: 'Suspended'
+    id: "ProjectSwitcher.suspended",
+    defaultMessage: "Suspended"
   },
   expired: {
-    id: 'ProjectSwitcher.expired',
-    description: 'Label for a suspended project',
-    defaultMessage: 'Expired'
+    id: "ProjectSwitcher.expired",
+    defaultMessage: "Expired"
   }
 });
 
-const _excluded = ["children"];
+const _excluded$1 = ["children"];
 function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var ProjectsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchUserProjects" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "isProductionProject" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 258, source: { body: "query FetchUserProjects {\n  user: me {\n    id\n    projects {\n      total\n      results {\n        name\n        key\n        suspension {\n          isActive\n        }\n        expiry {\n          isActive\n        }\n        isProductionProject\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const PROJECT_SWITCHER_LABEL_ID = 'project-switcher-label';
 const ValueContainer = _ref2 => {
   let children = _ref2.children,
-    restProps = _objectWithoutProperties(_ref2, _excluded);
+    restProps = _objectWithoutProperties(_ref2, _excluded$1);
   return jsxRuntime.jsx(Text__default["default"].Body, {
     fontWeight: "medium",
     as: "span",
@@ -393,7 +388,7 @@ ProjectSwitcher.displayName = 'ProjectSwitcher';
 // eslint-disable-next-line import/prefer-default-export
 const REQUESTS_IN_FLIGHT_LOADER_DOM_ID = 'loader-for-requests-in-flight';
 
-const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-ead5fed2.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-9c195d53.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
 
 var _ref$1 = {
   name: "zjik7",
@@ -529,7 +524,7 @@ const ConfigureIntlProvider = props => {
 ConfigureIntlProvider.propTypes = {};
 ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
 
-const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-84dc825c.cjs.prod.js' /* webpackChunkName: "error-apologizer" */); }));
+const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-1f6f7df4.cjs.prod.js' /* webpackChunkName: "error-apologizer" */); }));
 
 var ProjectQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProject" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "projectKey" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "project" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "key" }, value: { kind: "Variable", name: { kind: "Name", value: "projectKey" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "countries" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "currencies" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "languages" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "initialized" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "daysLeft" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "isProductionProject" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "allPermissionsForAllApplications" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedMenuVisibilities" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "owner" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "sampleDataImportDataset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "isUserAdminOfCurrentProject" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 1081, source: { body: "query FetchProject($projectKey: String) {\n  project(key: $projectKey) {\n    key\n    version\n    name\n    countries\n    currencies\n    languages\n    initialized\n    expiry {\n      isActive\n      daysLeft\n    }\n    suspension {\n      isActive\n      reason\n    }\n    isProductionProject\n    allAppliedPermissions {\n      name\n      value\n    }\n    allAppliedActionRights {\n      group\n      name\n      value\n    }\n    allAppliedDataFences {\n      ... on StoreDataFence {\n        type\n        name\n        value\n        group\n        __typename\n      }\n    }\n    allPermissionsForAllApplications {\n      allAppliedPermissions {\n        name\n        value\n      }\n      allAppliedActionRights {\n        group\n        name\n        value\n      }\n      allAppliedMenuVisibilities {\n        name\n        value\n      }\n      allAppliedDataFences {\n        ... on StoreDataFence {\n          type\n          name\n          value\n          group\n          __typename\n        }\n      }\n    }\n    owner {\n      id\n      name\n    }\n    sampleDataImportDataset\n    isUserAdminOfCurrentProject\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const FetchProject = props => {
@@ -585,9 +580,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-1465f182.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-471b2d55.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-0a3ddb21.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-3751ad22.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -699,7 +694,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-b183c7bd.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-91e915f9.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -785,7 +780,7 @@ const QuickAccessTrigger = props => {
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-4f59c9b7.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-923481be.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-e4ff7797.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
@@ -1197,9 +1192,6 @@ ApplicationShellAuthenticated.displayName = 'ApplicationShellAuthenticated';
 
 const maxTitleCharLength = 24;
 const staticPaths = ['account', 'login'];
-const defaultProps$1 = {
-  additionalParts: []
-};
 const getPageTitle = (pathname, additionalParts) => {
   const _pathname$split = pathname.split('/'),
     _pathname$split2 = _slicedToArray(_pathname$split, 3),
@@ -1216,19 +1208,20 @@ const getPageTitle = (pathname, additionalParts) => {
   }
   return [...(customTitleParts || []), entryPointUriPath, projectKeyOrStaticPath, 'Merchant Center'].join(' - ');
 };
-const ApplicationPageTitle = props => {
+const ApplicationPageTitle = _ref => {
+  let _ref$additionalParts = _ref.additionalParts,
+    additionalParts = _ref$additionalParts === void 0 ? [] : _ref$additionalParts;
   const location = reactRouterDom.useLocation();
   react.useLayoutEffect(() => {
-    const pageTitle = getPageTitle(location.pathname, props.additionalParts);
+    const pageTitle = getPageTitle(location.pathname, additionalParts);
     document.title = pageTitle;
-  }, [location.pathname, props.additionalParts]);
+  }, [location.pathname, additionalParts]);
   return null;
 };
 ApplicationPageTitle.propTypes = {
-  additionalParts: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired
+  additionalParts: _pt__default["default"].arrayOf(_pt__default["default"].string)
 };
 ApplicationPageTitle.displayName = 'ApplicationPageTitle';
-ApplicationPageTitle.defaultProps = defaultProps$1;
 
 function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1371,7 +1364,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-75bd9ce0.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-d181b6b4.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
 
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1582,7 +1575,7 @@ ApplicationShell.propTypes = {};
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = version;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-b9b860f1.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-c3553291.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({
@@ -1904,10 +1897,11 @@ const CustomViewShellWrapper = props => {
 };
 CustomViewShellWrapper.propTypes = {};
 
-const defaultProps = {
-  shouldCleanUpOnUnmount: true
-};
-const InjectReducers = props => {
+const _excluded = ["shouldCleanUpOnUnmount"];
+const InjectReducers = _ref => {
+  let _ref$shouldCleanUpOnU = _ref.shouldCleanUpOnUnmount,
+    shouldCleanUpOnUnmount = _ref$shouldCleanUpOnU === void 0 ? true : _ref$shouldCleanUpOnU,
+    props = _objectWithoutProperties(_ref, _excluded);
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     areReducersInjected = _useState2[0],
@@ -1920,13 +1914,13 @@ const InjectReducers = props => {
     });
     setAreReducersInjected(true);
     return () => {
-      if (props.shouldCleanUpOnUnmount) {
+      if (shouldCleanUpOnUnmount) {
         store.removeReducers({
           id: props.id
         });
       }
     };
-  }, [props.id, props.reducers, props.shouldCleanUpOnUnmount, store]);
+  }, [props.id, props.reducers, shouldCleanUpOnUnmount, store]);
 
   // Render children only when the plugin reducers have been injected
   if (areReducersInjected) return jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -1937,11 +1931,10 @@ const InjectReducers = props => {
 InjectReducers.propTypes = {
   id: _pt__default["default"].string.isRequired,
   reducers: _pt__default["default"].any.isRequired,
-  shouldCleanUpOnUnmount: _pt__default["default"].bool.isRequired,
+  shouldCleanUpOnUnmount: _pt__default["default"].bool,
   children: _pt__default["default"].node.isRequired
 };
 InjectReducers.displayName = 'InjectReducers';
-InjectReducers.defaultProps = defaultProps;
 
 const errorMessageIgnoreList = [/ResizeObserver loop (limit exceeded|completed with undelivered notifications)/i];
 

package/dist/{index-bdd71e4c.esm.js → index-b8d7b0f7.esm.js}

@@ -71,9 +71,9 @@ import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
 import { showUnexpectedErrorNotification } from '@commercetools-frontend/actions-global';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.37.0";
+var version = "22.38.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-c8b1d4e1.esm.js' /* webpackChunkName: "requests-in-flight-loader" */));
+const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-fdb9c655.esm.js' /* webpackChunkName: "requests-in-flight-loader" */));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -89,8 +89,8 @@ const getPreviousProjectKey = defaultProjectKeyOfUser => {
 
 var messages$1 = defineMessages({
   backToProjectLink: {
-    id: 'AppBar.backToProjectLink',
-    defaultMessage: 'Back to project'
+    id: "AppBar.backToProjectLink",
+    defaultMessage: "Back to project"
   }
 });
 
@@ -191,33 +191,28 @@ LoadingPlaceholder.displayName = 'LoadingPlaceholder';
 
 var messages = defineMessages({
   projectsLabel: {
-    id: 'ProjectSwitcher.projectsLabel',
-    description: 'The label for project dropdown switcher',
-    defaultMessage: 'Projects'
+    id: "ProjectSwitcher.projectsLabel",
+    defaultMessage: "Projects"
   },
   searchPlaceholder: {
-    id: 'ProjectSwitcher.searchPlaceholder',
-    description: 'Projects filter search input placeholder',
-    defaultMessage: 'Search for a project'
+    id: "ProjectSwitcher.searchPlaceholder",
+    defaultMessage: "Search for a project"
   },
   noResults: {
-    id: 'ProjectSwitcher.noResults',
-    description: 'Projects filter no results text',
-    defaultMessage: 'Sorry, but there are no projects that match your search.'
+    id: "ProjectSwitcher.noResults",
+    defaultMessage: "Sorry, but there are no projects that match your search."
   },
   suspended: {
-    id: 'ProjectSwitcher.suspended',
-    description: 'Label for a suspended project',
-    defaultMessage: 'Suspended'
+    id: "ProjectSwitcher.suspended",
+    defaultMessage: "Suspended"
   },
   expired: {
-    id: 'ProjectSwitcher.expired',
-    description: 'Label for a suspended project',
-    defaultMessage: 'Expired'
+    id: "ProjectSwitcher.expired",
+    defaultMessage: "Expired"
   }
 });
 
-const _excluded = ["children"];
+const _excluded$1 = ["children"];
 function ownKeys$8(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -225,7 +220,7 @@ var ProjectsQuery = { kind: "Document", definitions: [{ kind: "OperationDefiniti
 const PROJECT_SWITCHER_LABEL_ID = 'project-switcher-label';
 const ValueContainer = _ref2 => {
   let children = _ref2.children,
-    restProps = _objectWithoutProperties(_ref2, _excluded);
+    restProps = _objectWithoutProperties(_ref2, _excluded$1);
   return jsx(Text.Body, {
     fontWeight: "medium",
     as: "span",
@@ -362,7 +357,7 @@ ProjectSwitcher.displayName = 'ProjectSwitcher';
 // eslint-disable-next-line import/prefer-default-export
 const REQUESTS_IN_FLIGHT_LOADER_DOM_ID = 'loader-for-requests-in-flight';
 
-const UserSettingsMenu = /*#__PURE__*/lazy(() => import('./user-settings-menu-dc94ceb2.esm.js' /* webpackChunkName: "user-settings-menu" */));
+const UserSettingsMenu = /*#__PURE__*/lazy(() => import('./user-settings-menu-15c0d82b.esm.js' /* webpackChunkName: "user-settings-menu" */));
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref$1 = process.env.NODE_ENV === "production" ? {
@@ -517,7 +512,7 @@ ConfigureIntlProvider.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
 
-const ErrorApologizer = /*#__PURE__*/lazy(() => import('./error-apologizer-76f087f4.esm.js' /* webpackChunkName: "error-apologizer" */));
+const ErrorApologizer = /*#__PURE__*/lazy(() => import('./error-apologizer-8a4b7078.esm.js' /* webpackChunkName: "error-apologizer" */));
 
 var ProjectQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProject" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "projectKey" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "project" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "key" }, value: { kind: "Variable", name: { kind: "Name", value: "projectKey" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "countries" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "currencies" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "languages" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "initialized" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "daysLeft" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "isProductionProject" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "allPermissionsForAllApplications" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedMenuVisibilities" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "owner" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "sampleDataImportDataset" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "isUserAdminOfCurrentProject" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 1081, source: { body: "query FetchProject($projectKey: String) {\n  project(key: $projectKey) {\n    key\n    version\n    name\n    countries\n    currencies\n    languages\n    initialized\n    expiry {\n      isActive\n      daysLeft\n    }\n    suspension {\n      isActive\n      reason\n    }\n    isProductionProject\n    allAppliedPermissions {\n      name\n      value\n    }\n    allAppliedActionRights {\n      group\n      name\n      value\n    }\n    allAppliedDataFences {\n      ... on StoreDataFence {\n        type\n        name\n        value\n        group\n        __typename\n      }\n    }\n    allPermissionsForAllApplications {\n      allAppliedPermissions {\n        name\n        value\n      }\n      allAppliedActionRights {\n        group\n        name\n        value\n      }\n      allAppliedMenuVisibilities {\n        name\n        value\n      }\n      allAppliedDataFences {\n        ... on StoreDataFence {\n          type\n          name\n          value\n          group\n          __typename\n        }\n      }\n    }\n    owner {\n      id\n      name\n    }\n    sampleDataImportDataset\n    isUserAdminOfCurrentProject\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const FetchProject = props => {
@@ -573,9 +568,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/lazy(() => import('./navbar-7b53adec.esm.js' /* webpackChunkName: "navbar" */));
+const Navbar = /*#__PURE__*/lazy(() => import('./navbar-7bdb6674.esm.js' /* webpackChunkName: "navbar" */));
 
-const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-ac9ffbf7.esm.js' /* webpackChunkName: "project-container" */));
+const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-c811c1fb.esm.js' /* webpackChunkName: "project-container" */));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -699,7 +694,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/lazy(() => import('./quick-access-ef9f6828.esm.js' /* webpackChunkName: "quick-access" */));
+const QuickAccess = /*#__PURE__*/lazy(() => import('./quick-access-4fe70e35.esm.js' /* webpackChunkName: "quick-access" */));
 const QuickAccessTrigger = props => {
   const _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -787,7 +782,7 @@ QuickAccessTrigger.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-ddf6cdac.esm.js' /* webpackChunkName: "redirect-to-logout" */));
+const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-384d200e.esm.js' /* webpackChunkName: "redirect-to-logout" */));
 
 const RedirectToProjectCreate = /*#__PURE__*/lazy(() => import('./redirect-to-project-create-9249e554.esm.js' /* webpackChunkName: "redirect-to-project-create" */));
 
@@ -1259,9 +1254,6 @@ ApplicationShellAuthenticated.displayName = 'ApplicationShellAuthenticated';
 
 const maxTitleCharLength = 24;
 const staticPaths = ['account', 'login'];
-const defaultProps$1 = {
-  additionalParts: []
-};
 const getPageTitle = (pathname, additionalParts) => {
   const _pathname$split = pathname.split('/'),
     _pathname$split2 = _slicedToArray(_pathname$split, 3),
@@ -1278,19 +1270,20 @@ const getPageTitle = (pathname, additionalParts) => {
   }
   return [...(customTitleParts || []), entryPointUriPath, projectKeyOrStaticPath, 'Merchant Center'].join(' - ');
 };
-const ApplicationPageTitle = props => {
+const ApplicationPageTitle = _ref => {
+  let _ref$additionalParts = _ref.additionalParts,
+    additionalParts = _ref$additionalParts === void 0 ? [] : _ref$additionalParts;
   const location = useLocation();
   useLayoutEffect(() => {
-    const pageTitle = getPageTitle(location.pathname, props.additionalParts);
+    const pageTitle = getPageTitle(location.pathname, additionalParts);
     document.title = pageTitle;
-  }, [location.pathname, props.additionalParts]);
+  }, [location.pathname, additionalParts]);
   return null;
 };
 ApplicationPageTitle.propTypes = {
-  additionalParts: _pt.arrayOf(_pt.string).isRequired
+  additionalParts: _pt.arrayOf(_pt.string)
 };
 ApplicationPageTitle.displayName = 'ApplicationPageTitle';
-ApplicationPageTitle.defaultProps = defaultProps$1;
 
 function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1433,7 +1426,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-4dc1c13f.esm.js' /* webpackChunkName: "oidc-callback" */));
+const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-6930da2f.esm.js' /* webpackChunkName: "oidc-callback" */));
 
 function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1666,7 +1659,7 @@ ApplicationShell.propTypes = process.env.NODE_ENV !== "production" ? {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = version;
 
-const CustomViewDevHost = /*#__PURE__*/lazy(() => import('./custom-view-dev-host-4ffa028a.esm.js' /* webpackChunkName: "custom-view-dev-host" */));
+const CustomViewDevHost = /*#__PURE__*/lazy(() => import('./custom-view-dev-host-28296b93.esm.js' /* webpackChunkName: "custom-view-dev-host" */));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = useMemo(() => ({
@@ -2018,10 +2011,11 @@ CustomViewShellWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt.node.isRequired
 } : {};
 
-const defaultProps = {
-  shouldCleanUpOnUnmount: true
-};
-const InjectReducers = props => {
+const _excluded = ["shouldCleanUpOnUnmount"];
+const InjectReducers = _ref => {
+  let _ref$shouldCleanUpOnU = _ref.shouldCleanUpOnUnmount,
+    shouldCleanUpOnUnmount = _ref$shouldCleanUpOnU === void 0 ? true : _ref$shouldCleanUpOnU,
+    props = _objectWithoutProperties(_ref, _excluded);
   const _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     areReducersInjected = _useState2[0],
@@ -2034,13 +2028,13 @@ const InjectReducers = props => {
     });
     setAreReducersInjected(true);
     return () => {
-      if (props.shouldCleanUpOnUnmount) {
+      if (shouldCleanUpOnUnmount) {
         store.removeReducers({
           id: props.id
         });
       }
     };
-  }, [props.id, props.reducers, props.shouldCleanUpOnUnmount, store]);
+  }, [props.id, props.reducers, shouldCleanUpOnUnmount, store]);
 
   // Render children only when the plugin reducers have been injected
   if (areReducersInjected) return jsx(Fragment, {
@@ -2051,11 +2045,10 @@ const InjectReducers = props => {
 InjectReducers.propTypes = {
   id: _pt.string.isRequired,
   reducers: _pt.any.isRequired,
-  shouldCleanUpOnUnmount: _pt.bool.isRequired,
+  shouldCleanUpOnUnmount: _pt.bool,
   children: _pt.node.isRequired
 };
 InjectReducers.displayName = 'InjectReducers';
-InjectReducers.defaultProps = defaultProps;
 
 const errorMessageIgnoreList = [/ResizeObserver loop (limit exceeded|completed with undelivered notifications)/i];
 

package/dist/{navbar-1465f182.cjs.prod.js → navbar-471b2d55.cjs.prod.js}

@@ -204,7 +204,9 @@ const Text = /*#__PURE__*/_styled__default["default"]("div", {
 } )("font-weight:", designSystem.designTokens.fontWeight400, ";font-size:", designSystem.designTokens.fontSize20, ";line-height:", designSystem.designTokens.lineHeight20, ";width:100%;height:100%;" + ("" ));
 const getMenuItemLinkStyles = isSubmenuLink => [isSubmenuLink && /*#__PURE__*/react.css("display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:", designSystem.designTokens.colorSolid, ";font-weight:", designSystem.designTokens.fontWeight600, ";text-decoration:none;flex:1;padding:", designSystem.designTokens.spacing25, " ", designSystem.designTokens.spacing25, " ", designSystem.designTokens.spacing25, " ", designSystem.designTokens.spacing30, ";transition:padding 150ms ease-out;" + ("" ), "" ), !isSubmenuLink && /*#__PURE__*/react.css("color:", designSystem.designTokens.colorNeutral, ";text-decoration:none;display:flex;padding:", designSystem.designTokens.spacing25, ";align-items:center;justify-content:center;" + ("" ), "" )];
 
-const _excluded = ["icon"];
+const _excluded = ["icon"],
+  _excluded2 = ["exactMatch"],
+  _excluded3 = ["permissions"];
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const HeartIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./heart-01f01038.cjs.prod.js'); }));
@@ -363,9 +365,6 @@ const MenuItem$1 = props => {
 };
 MenuItem$1.propTypes = {};
 MenuItem$1.displayName = 'MenuItem';
-const menuItemLinkDefaultProps = {
-  exactMatch: false
-};
 const NavLinkWrapper = props => {
   const Wrapper = props.isSubmenuLink ? TextLinkSublistWrapper : react$1.Fragment;
   return jsxRuntime.jsx(Wrapper, {
@@ -380,14 +379,19 @@ const NavLinkClickableContentWrapper = props => {
   });
 };
 NavLinkClickableContentWrapper.propTypes = {};
-const MenuItemLink = props => {
+const MenuItemLink = _ref3 => {
+  let _ref3$exactMatch = _ref3.exactMatch,
+    exactMatch = _ref3$exactMatch === void 0 ? false : _ref3$exactMatch,
+    props = _objectWithoutProperties(_ref3, _excluded2);
   const redirectTo = targetUrl => location.location.replace(targetUrl);
   if (props.linkTo) {
     const linkLevel = props.isSubmenuLink ? 'text-link-sublist' : 'text-link';
-    return jsxRuntime.jsx(NavLinkWrapper, _objectSpread$2(_objectSpread$2({}, props), {}, {
+    return jsxRuntime.jsx(NavLinkWrapper, _objectSpread$2(_objectSpread$2({
+      exactMatch: exactMatch
+    }, props), {}, {
       children: jsxRuntime.jsx(reactRouterDom.NavLink, {
         to: props.linkTo,
-        exact: props.exactMatch,
+        exact: exactMatch,
         activeClassName: "highlighted",
         "data-link-level": linkLevel,
         css: getMenuItemLinkStyles(Boolean(props.isSubmenuLink)),
@@ -401,7 +405,9 @@ const MenuItemLink = props => {
             props.onClick(event);
           }
         },
-        children: jsxRuntime.jsx(NavLinkClickableContentWrapper, _objectSpread$2(_objectSpread$2({}, props), {}, {
+        children: jsxRuntime.jsx(NavLinkClickableContentWrapper, _objectSpread$2(_objectSpread$2({
+          exactMatch: exactMatch
+        }, props), {}, {
           children: props.children
         }))
       })
@@ -413,21 +419,20 @@ const MenuItemLink = props => {
 };
 MenuItemLink.propTypes = {};
 MenuItemLink.displayName = 'MenuItemLink';
-MenuItemLink.defaultProps = menuItemLinkDefaultProps;
 const isEveryMenuVisibilitySetToHidden = (menuVisibilities, namesOfMenuVisibilities) => _Array$isArray__default["default"](namesOfMenuVisibilities) && namesOfMenuVisibilities.length > 0 && _everyInstanceProperty__default["default"](namesOfMenuVisibilities).call(namesOfMenuVisibilities, nameOfMenuVisibility => menuVisibilities && menuVisibilities[nameOfMenuVisibility] === true);
-const restrictedMenuItemDefaultProps = {
-  permissions: []
-};
 function isLongLivedFlag(flag) {
   return typeof flag?.value === 'boolean';
 }
-const RestrictedMenuItem = props => {
+const RestrictedMenuItem = _ref4 => {
+  let _ref4$permissions = _ref4.permissions,
+    permissions$1 = _ref4$permissions === void 0 ? [] : _ref4$permissions,
+    props = _objectWithoutProperties(_ref4, _excluded3);
   // NOTE: Custom application are activated/deactivated while their
   // visibility is not controlled via a visibiility overwrite.
   const flagVariation = reactBroadcast.useFlagVariation(props.featureToggle);
   if (isEveryMenuVisibilitySetToHidden(props.menuVisibilities, props.namesOfMenuVisibilities)) return null;
-  const permissionsWrapper = _Array$isArray__default["default"](props.permissions) && props.permissions.length > 0 || _Array$isArray__default["default"](props.dataFences) && props.dataFences.length > 0 ? jsxRuntime.jsx(permissions.RestrictedByPermissions, {
-    permissions: props.permissions,
+  const permissionsWrapper = _Array$isArray__default["default"](permissions$1) && permissions$1.length > 0 || _Array$isArray__default["default"](props.dataFences) && props.dataFences.length > 0 ? jsxRuntime.jsx(permissions.RestrictedByPermissions, {
+    permissions: permissions$1,
     actionRights: props.actionRights,
     dataFences: props.dataFences,
     selectDataFenceData: demandedDataFence => {
@@ -457,7 +462,6 @@ const RestrictedMenuItem = props => {
 };
 RestrictedMenuItem.propTypes = {};
 RestrictedMenuItem.displayName = 'RestrictedMenuItem';
-RestrictedMenuItem.defaultProps = restrictedMenuItemDefaultProps;
 const MenuLabel = props => {
   var _context;
   const localizedLabel = _findInstanceProperty__default["default"](_context = props.labelAllLocales).call(_context, loc => {
@@ -513,8 +517,8 @@ ItemContainer.displayName = 'ItemContainer';
 
 var messages = reactIntl.defineMessages({
   'NavBar.MCSupport.title': {
-    id: 'NavBar.MCSupport.title',
-    defaultMessage: 'Support'
+    id: "NavBar.MCSupport.title",
+    defaultMessage: "Support"
   }
 });
 
@@ -561,9 +565,6 @@ const MenuItem = props => {
     children: [jsxRuntime.jsx(MenuItemIcon, {}), props.isExpanded && jsxRuntime.jsx(MenuItemTitle, {})]
   });
 };
-MenuItem.defaultProps = {
-  contentWidth: 'wide'
-};
 const NavBarSkeleton = props => {
   var _context, _context2, _context3, _context4;
   return jsxRuntime.jsxs(NavBarLayout, {
@@ -578,14 +579,17 @@ const NavBarSkeleton = props => {
     }), jsxRuntime.jsxs(NavBarBody, {
       children: [jsxRuntime.jsx(MenuItemGroup, {
         children: _mapInstanceProperty__default["default"](_context = [..._keysInstanceProperty__default["default"](_context2 = Array(2)).call(_context2)]).call(_context, index => jsxRuntime.jsx(MenuItem, {
+          contentWidth: "wide",
           isExpanded: props.isExpanded
         }, index))
       }), jsxRuntime.jsx(MenuItemGroup, {
         children: _mapInstanceProperty__default["default"](_context3 = [..._keysInstanceProperty__default["default"](_context4 = Array(10)).call(_context4)]).call(_context3, index => jsxRuntime.jsx(MenuItem, {
+          contentWidth: "wide",
           isExpanded: props.isExpanded
         }, index))
       }), jsxRuntime.jsx(MenuItemGroup, {
         children: jsxRuntime.jsx(MenuItem, {
+          contentWidth: "wide",
           isExpanded: props.isExpanded
         })
       })]