@commercetools-frontend/application-shell 25.0.0 → 25.1.0

package/dist/{redirect-to-logout-aea7e913.esm.js → redirect-to-logout-a6daf354.esm.js}

@@ -11,15 +11,15 @@ import { useLocation } from 'react-router-dom';
 import { LOGOUT_REASONS } from '@commercetools-frontend/constants';
 import { u as useIsServedByProxy } from './use-is-served-by-proxy-a383da4b.esm.js';
 import { g as getMcOrigin } from './get-mc-origin-fecfee07.esm.js';
-import { R as RedirectToLogin } from './index-75206fba.esm.js';
-import { R as Redirector } from './redirector-656c6ee7.esm.js';
+import { R as RedirectToLogin } from './index-c8c7dc44.esm.js';
+import { R as Redirector } from './redirector-d856975f.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@commercetools-frontend/application-shell-connectors';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@babel/runtime-corejs3/core-js-stable/instance/reverse';
 import 'react';
-import './index-5aaa33bb.esm.js';
+import './index-86039df7.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
@@ -44,7 +44,7 @@ import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/i18n';
-import './oidc-35e8e62a.esm.js';
+import './oidc-b2520905.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@commercetools-uikit/design-system';
 import '@commercetools-uikit/spacings';
@@ -52,7 +52,6 @@ import 'react-intl';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
 import './location-f21dbc25.esm.js';
-import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
@@ -92,10 +91,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
 // When the application redirects to this route, we always force a hard redirect
 // to the logout route of the authentication service.
 const RedirectToLogout = props => {
-  var _window$app$__DEVELOP, _props$reason;
   const location = useLocation();
   const servedByProxy = useIsServedByProxy();
-  if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP !== void 0 && _window$app$__DEVELOP.authorizeUrl) {
+  if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
     return jsx(RedirectToLogin, {});
   }
   const mcOrigin = servedByProxy ? getMcOrigin(window.app.mcApiUrl) : undefined;
@@ -104,7 +102,7 @@ const RedirectToLogout = props => {
     origin: mcOrigin,
     location: location,
     queryParams: _objectSpread({
-      reason: (_props$reason = props.reason) !== null && _props$reason !== void 0 ? _props$reason : LOGOUT_REASONS.USER
+      reason: props.reason ?? LOGOUT_REASONS.USER
     }, servedByProxy ? {} : {
       // This will be used after being logged in, to redirect to this location.
       redirectTo: window.location.origin

package/dist/{redirect-to-logout-ab5d2b07.cjs.dev.js → redirect-to-logout-bb92fd28.cjs.dev.js}

@@ -13,15 +13,15 @@ var reactRouterDom = require('react-router-dom');
 var constants = require('@commercetools-frontend/constants');
 var useIsServedByProxy = require('./use-is-served-by-proxy-28f19a6f.cjs.dev.js');
 var getMcOrigin = require('./get-mc-origin-a86dff20.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-208c3cdd.cjs.dev.js');
-var redirector = require('./redirector-0efdd994.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-2b8a5370.cjs.dev.js');
+var redirector = require('./redirector-72ccfbc2.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-shell-connectors');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
 require('react');
-require('./index-25183095.cjs.dev.js');
+require('./index-614accc4.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -46,7 +46,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-87d116c1.cjs.dev.js');
+require('./oidc-8827f9fe.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
@@ -54,7 +54,6 @@ require('react-intl');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./location-c835b8df.cjs.dev.js');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
@@ -105,10 +104,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
 // When the application redirects to this route, we always force a hard redirect
 // to the logout route of the authentication service.
 const RedirectToLogout = props => {
-  var _window$app$__DEVELOP, _props$reason;
   const location = reactRouterDom.useLocation();
   const servedByProxy = useIsServedByProxy.useIsServedByProxy();
-  if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP !== void 0 && _window$app$__DEVELOP.authorizeUrl) {
+  if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
     return jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.RedirectToLogin, {});
   }
   const mcOrigin = servedByProxy ? getMcOrigin.getMcOrigin(window.app.mcApiUrl) : undefined;
@@ -117,7 +115,7 @@ const RedirectToLogout = props => {
     origin: mcOrigin,
     location: location,
     queryParams: _objectSpread({
-      reason: (_props$reason = props.reason) !== null && _props$reason !== void 0 ? _props$reason : constants.LOGOUT_REASONS.USER
+      reason: props.reason ?? constants.LOGOUT_REASONS.USER
     }, servedByProxy ? {} : {
       // This will be used after being logged in, to redirect to this location.
       redirectTo: window.location.origin

package/dist/{redirector-c858d578.cjs.prod.js → redirector-0c72d0a4.cjs.prod.js}

@@ -33,15 +33,14 @@ const redirectTo = targetUrl => {
 };
 const useRedirector = () => {
   const redirector = react.useCallback(options => {
-    var _options$origin, _options$queryParams, _enhancedLocation$que;
     // For now the authentication service runs on the same domain as the application,
     // even on development (using the webpack dev server).
-    const originUrl = (_options$origin = options.origin) !== null && _options$origin !== void 0 ? _options$origin : window.location.origin;
+    const originUrl = options.origin ?? window.location.origin;
     const enhancedLocation = options.location || {};
-    const searchQuery = _objectSpread(_objectSpread({}, (_options$queryParams = options.queryParams) !== null && _options$queryParams !== void 0 ? _options$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
+    const searchQuery = _objectSpread(_objectSpread({}, options.queryParams ?? {}), enhancedLocation.query ?? {});
     const targetUrlObject = new _URL__default["default"](originUrl);
     targetUrlObject.pathname = options.to || targetUrlObject.pathname;
-    targetUrlObject.search = "?".concat(qss.encode(searchQuery));
+    targetUrlObject.search = `?${qss.encode(searchQuery)}`;
     const targetUrl = targetUrlObject.toString();
     redirectTo(targetUrl);
   }, []);

package/dist/{redirector-0efdd994.cjs.dev.js → redirector-72ccfbc2.cjs.dev.js}

@@ -33,15 +33,14 @@ const redirectTo = targetUrl => {
 };
 const useRedirector = () => {
   const redirector = react.useCallback(options => {
-    var _options$origin, _options$queryParams, _enhancedLocation$que;
     // For now the authentication service runs on the same domain as the application,
     // even on development (using the webpack dev server).
-    const originUrl = (_options$origin = options.origin) !== null && _options$origin !== void 0 ? _options$origin : window.location.origin;
+    const originUrl = options.origin ?? window.location.origin;
     const enhancedLocation = options.location || {};
-    const searchQuery = _objectSpread(_objectSpread({}, (_options$queryParams = options.queryParams) !== null && _options$queryParams !== void 0 ? _options$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
+    const searchQuery = _objectSpread(_objectSpread({}, options.queryParams ?? {}), enhancedLocation.query ?? {});
     const targetUrlObject = new _URL__default["default"](originUrl);
     targetUrlObject.pathname = options.to || targetUrlObject.pathname;
-    targetUrlObject.search = "?".concat(qss.encode(searchQuery));
+    targetUrlObject.search = `?${qss.encode(searchQuery)}`;
     const targetUrl = targetUrlObject.toString();
     redirectTo(targetUrl);
   }, []);

package/dist/{redirector-656c6ee7.esm.js → redirector-d856975f.esm.js}

@@ -19,15 +19,14 @@ const redirectTo = targetUrl => {
 };
 const useRedirector = () => {
   const redirector = useCallback(options => {
-    var _options$origin, _options$queryParams, _enhancedLocation$que;
     // For now the authentication service runs on the same domain as the application,
     // even on development (using the webpack dev server).
-    const originUrl = (_options$origin = options.origin) !== null && _options$origin !== void 0 ? _options$origin : window.location.origin;
+    const originUrl = options.origin ?? window.location.origin;
     const enhancedLocation = options.location || {};
-    const searchQuery = _objectSpread(_objectSpread({}, (_options$queryParams = options.queryParams) !== null && _options$queryParams !== void 0 ? _options$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
+    const searchQuery = _objectSpread(_objectSpread({}, options.queryParams ?? {}), enhancedLocation.query ?? {});
     const targetUrlObject = new _URL(originUrl);
     targetUrlObject.pathname = options.to || targetUrlObject.pathname;
-    targetUrlObject.search = "?".concat(encode(searchQuery));
+    targetUrlObject.search = `?${encode(searchQuery)}`;
     const targetUrl = targetUrlObject.toString();
     redirectTo(targetUrl);
   }, []);

package/dist/{requests-in-flight-loader-5f216050.esm.js → requests-in-flight-loader-32ab77e4.esm.js}

@@ -11,11 +11,11 @@ import ReactDOM from 'react-dom';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import { useSelector } from 'react-redux';
 import LoadingSpinner from '@commercetools-uikit/loading-spinner';
-import { c as REQUESTS_IN_FLIGHT_LOADER_DOM_ID } from './index-75206fba.esm.js';
+import { c as REQUESTS_IN_FLIGHT_LOADER_DOM_ID } from './index-c8c7dc44.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import 'react';
 import 'react-router-dom';
-import './index-5aaa33bb.esm.js';
+import './index-86039df7.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
@@ -43,7 +43,7 @@ import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/i18n';
-import './oidc-35e8e62a.esm.js';
+import './oidc-b2520905.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';
@@ -51,7 +51,6 @@ import '@commercetools-uikit/spacings';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
 import './location-f21dbc25.esm.js';
-import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
@@ -95,7 +94,7 @@ var messages = defineMessages({
 
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const getPortalContainer = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(REQUESTS_IN_FLIGHT_LOADER_DOM_ID));
+const getPortalContainer = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector(`#${REQUESTS_IN_FLIGHT_LOADER_DOM_ID}`);
 const RequestsInFlightLoader = () => {
   const hasRequestsInFlight = useSelector(state => Boolean(state.requestsInFlight && state.requestsInFlight.length > 0));
   if (!hasRequestsInFlight) return null;

package/dist/{requests-in-flight-loader-3ffee0c0.cjs.prod.js → requests-in-flight-loader-59388ad8.cjs.prod.js}

@@ -13,11 +13,11 @@ var ReactDOM = require('react-dom');
 var reactIntl = require('react-intl');
 var reactRedux = require('react-redux');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
-var dist_commercetoolsFrontendApplicationShell = require('./index-af2cc053.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3ce8bcb0.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('react');
 require('react-router-dom');
-require('./index-52c724ed.cjs.prod.js');
+require('./index-245e2980.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -45,7 +45,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-258fc018.cjs.prod.js');
+require('./oidc-d74e6aa2.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
@@ -53,7 +53,6 @@ require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./location-537e0660.cjs.prod.js');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
@@ -110,7 +109,7 @@ var messages = reactIntl.defineMessages({
 
 function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const getPortalContainer = () => document.querySelector("#".concat(dist_commercetoolsFrontendApplicationShell.REQUESTS_IN_FLIGHT_LOADER_DOM_ID));
+const getPortalContainer = () => document.querySelector(`#${dist_commercetoolsFrontendApplicationShell.REQUESTS_IN_FLIGHT_LOADER_DOM_ID}`);
 const RequestsInFlightLoader = () => {
   const hasRequestsInFlight = reactRedux.useSelector(state => Boolean(state.requestsInFlight && state.requestsInFlight.length > 0));
   if (!hasRequestsInFlight) return null;

package/dist/{requests-in-flight-loader-08ef339c.cjs.dev.js → requests-in-flight-loader-98a1e540.cjs.dev.js}

@@ -13,11 +13,11 @@ var ReactDOM = require('react-dom');
 var reactIntl = require('react-intl');
 var reactRedux = require('react-redux');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
-var dist_commercetoolsFrontendApplicationShell = require('./index-208c3cdd.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-2b8a5370.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('react');
 require('react-router-dom');
-require('./index-25183095.cjs.dev.js');
+require('./index-614accc4.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -45,7 +45,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-87d116c1.cjs.dev.js');
+require('./oidc-8827f9fe.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
@@ -53,7 +53,6 @@ require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./location-c835b8df.cjs.dev.js');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
@@ -110,7 +109,7 @@ var messages = reactIntl.defineMessages({
 
 function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const getPortalContainer = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(dist_commercetoolsFrontendApplicationShell.REQUESTS_IN_FLIGHT_LOADER_DOM_ID));
+const getPortalContainer = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector(`#${dist_commercetoolsFrontendApplicationShell.REQUESTS_IN_FLIGHT_LOADER_DOM_ID}`);
 const RequestsInFlightLoader = () => {
   const hasRequestsInFlight = reactRedux.useSelector(state => Boolean(state.requestsInFlight && state.requestsInFlight.length > 0));
   if (!hasRequestsInFlight) return null;

package/dist/{service-page-project-switcher-b21619c0.cjs.prod.js → service-page-project-switcher-9405f62f.cjs.prod.js}

@@ -3,7 +3,7 @@
 var _styled = require('@emotion/styled/base');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var dist_commercetoolsFrontendApplicationShell = require('./index-af2cc053.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3ce8bcb0.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{service-page-project-switcher-9c5c86df.cjs.dev.js → service-page-project-switcher-b9a7c9d6.cjs.dev.js}

@@ -3,7 +3,7 @@
 var _styled = require('@emotion/styled/base');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var dist_commercetoolsFrontendApplicationShell = require('./index-208c3cdd.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-2b8a5370.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{service-page-project-switcher-99b35fc0.esm.js → service-page-project-switcher-bb959b99.esm.js}

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import { useParams } from 'react-router-dom';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { P as ProjectSwitcher } from './index-75206fba.esm.js';
+import { P as ProjectSwitcher } from './index-c8c7dc44.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { 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)."; }

package/dist/{use-applications-menu-21c7420b.cjs.prod.js → use-applications-menu-8984efa1.cjs.prod.js}

@@ -1,5 +1,9 @@
 'use strict';
 
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 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');
@@ -8,11 +12,6 @@ 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 _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var react = require('react');
 var client = require('@apollo/client');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
@@ -20,6 +19,8 @@ var l10n = require('@commercetools-frontend/l10n');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -28,12 +29,9 @@ 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 _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread(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(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(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FetchApplicationsMenu = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchApplicationsMenu" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "applicationsMenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "appBar" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "navBarGroups" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "items" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, 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: "dataFences" }, 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: "type" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "submenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, 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: "dataFences" }, 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: "type" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 891, source: { body: "query FetchApplicationsMenu {\n  applicationsMenu {\n    appBar {\n      key\n      uriPath\n      labelAllLocales {\n        locale\n        value\n      }\n      featureToggle\n      permissions\n    }\n    navBarGroups {\n      key\n      items {\n        key\n        uriPath\n        icon\n        labelAllLocales {\n          locale\n          value\n        }\n        featureToggle\n        permissions\n        actionRights {\n          group\n          name\n        }\n        dataFences {\n          group\n          name\n          type\n        }\n        submenu {\n          key\n          uriPath\n          labelAllLocales {\n            locale\n            value\n          }\n          featureToggle\n          permissions\n          actionRights {\n            group\n            name\n          }\n          dataFences {\n            group\n            name\n            type\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const defaultApiUrl = window.location.origin;
 const mapLabelAllLocalesWithDefaults = (labelAllLocales, defaultLabel) => {
@@ -63,11 +61,11 @@ const mapLabelAllLocalesWithDefaults = (labelAllLocales, defaultLabel) => {
  * This is only needed for development.
  */
 const mapApplicationMenuConfigToGraqhQLQueryResult = applicationConfig => {
-  var _applicationConfig$__, _ref, _applicationConfig$__2, _menuLinks$featureTog, _menuLinks$menuVisibi, _menuLinks$actionRigh, _menuLinks$dataFences, _context2;
+  var _context2;
   const entryPointUriPath = applicationConfig.entryPointUriPath;
-  const menuLinks = (_applicationConfig$__ = applicationConfig.__DEVELOPMENT__) === null || _applicationConfig$__ === void 0 ? void 0 : _applicationConfig$__.menuLinks;
+  const menuLinks = applicationConfig.__DEVELOPMENT__?.menuLinks;
   // @ts-expect-error: the `accountLinks` is not explicitly typed as it's only used by the account app.
-  const accountLinks = (_ref = (_applicationConfig$__2 = applicationConfig.__DEVELOPMENT__) === null || _applicationConfig$__2 === void 0 ? void 0 : _applicationConfig$__2.accountLinks) !== null && _ref !== void 0 ? _ref : [];
+  const accountLinks = applicationConfig.__DEVELOPMENT__?.accountLinks ?? [];
   return {
     applicationsMenu: {
       __typename: 'ApplicationsMenu',
@@ -82,45 +80,39 @@ const mapApplicationMenuConfigToGraqhQLQueryResult = applicationConfig => {
           labelAllLocales: mapLabelAllLocalesWithDefaults(menuLinks.labelAllLocales, menuLinks.defaultLabel),
           permissions: menuLinks.permissions,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLinks$featureTog = menuLinks.featureToggle) !== null && _menuLinks$featureTog !== void 0 ? _menuLinks$featureTog : null,
+          featureToggle: menuLinks.featureToggle ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          menuVisibility: (_menuLinks$menuVisibi = menuLinks.menuVisibility) !== null && _menuLinks$menuVisibi !== void 0 ? _menuLinks$menuVisibi : null,
+          menuVisibility: menuLinks.menuVisibility ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          actionRights: (_menuLinks$actionRigh = menuLinks.actionRights) !== null && _menuLinks$actionRigh !== void 0 ? _menuLinks$actionRigh : null,
+          actionRights: menuLinks.actionRights ?? null,
           // @ts-ignore: not defined in schema, as it's only used internally.
-          dataFences: (_menuLinks$dataFences = menuLinks.dataFences) !== null && _menuLinks$dataFences !== void 0 ? _menuLinks$dataFences : null,
-          submenu: _mapInstanceProperty__default["default"](_context2 = menuLinks.submenuLinks).call(_context2, submenuLink => {
-            var _context3, _submenuLink$featureT, _submenuLink$menuVisi, _submenuLink$actionRi, _submenuLink$dataFenc;
-            return {
-              __typename: 'BaseMenu',
-              key: _concatInstanceProperty__default["default"](_context3 = "".concat(entryPointUriPath, "-")).call(_context3, submenuLink.uriPath),
-              uriPath: submenuLink.uriPath,
-              labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
-              permissions: submenuLink.permissions,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              featureToggle: (_submenuLink$featureT = submenuLink.featureToggle) !== null && _submenuLink$featureT !== void 0 ? _submenuLink$featureT : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              menuVisibility: (_submenuLink$menuVisi = submenuLink.menuVisibility) !== null && _submenuLink$menuVisi !== void 0 ? _submenuLink$menuVisi : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              actionRights: (_submenuLink$actionRi = submenuLink.actionRights) !== null && _submenuLink$actionRi !== void 0 ? _submenuLink$actionRi : null,
-              // @ts-ignore: not defined in schema, as it's only used internally.
-              dataFences: (_submenuLink$dataFenc = submenuLink.dataFences) !== null && _submenuLink$dataFenc !== void 0 ? _submenuLink$dataFenc : null
-            };
-          })
+          dataFences: menuLinks.dataFences ?? null,
+          submenu: _mapInstanceProperty__default["default"](_context2 = menuLinks.submenuLinks).call(_context2, submenuLink => ({
+            __typename: 'BaseMenu',
+            key: `${entryPointUriPath}-${submenuLink.uriPath}`,
+            uriPath: submenuLink.uriPath,
+            labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
+            permissions: submenuLink.permissions,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            featureToggle: submenuLink.featureToggle ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            menuVisibility: submenuLink.menuVisibility ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            actionRights: submenuLink.actionRights ?? null,
+            // @ts-ignore: not defined in schema, as it's only used internally.
+            dataFences: submenuLink.dataFences ?? null
+          }))
         }]
       }] : [],
-      appBar: _mapInstanceProperty__default["default"](accountLinks).call(accountLinks, menuLink => {
-        var _menuLink$featureTogg;
-        return {
-          __typename: 'BaseMenu',
-          key: menuLink.uriPath,
-          uriPath: menuLink.uriPath,
-          labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
-          permissions: menuLink.permissions,
-          // @ts-ignore: not defined in schema, as it's only used internally.
-          featureToggle: (_menuLink$featureTogg = menuLink.featureToggle) !== null && _menuLink$featureTogg !== void 0 ? _menuLink$featureTogg : null
-        };
-      })
+      appBar: _mapInstanceProperty__default["default"](accountLinks).call(accountLinks, menuLink => ({
+        __typename: 'BaseMenu',
+        key: menuLink.uriPath,
+        uriPath: menuLink.uriPath,
+        labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
+        permissions: menuLink.permissions,
+        // @ts-ignore: not defined in schema, as it's only used internally.
+        featureToggle: menuLink.featureToggle ?? null
+      }))
     }
   };
 };
@@ -149,7 +141,7 @@ function useApplicationsMenu(menuKey, config) {
       fetchPolicy: config.environment.servedByProxy ? 'cache-first' : 'cache-only',
       context: {
         // Allow to overwrite the API url from application config
-        uri: "".concat(mcProxyApiUrl || defaultApiUrl, "/api/graphql"),
+        uri: `${mcProxyApiUrl || defaultApiUrl}/api/graphql`,
         skipGraphQlTargetCheck: true
       }
     }),