@commercetools-frontend/application-shell 22.8.4 → 22.10.0

package/dist/{navbar-fabab486.esm.js → navbar-117d6a67.esm.js}

@@ -18,16 +18,15 @@ import classnames from 'classnames';
 import snakeCase from 'lodash/snakeCase';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import { NavLink, useLocation, matchPath } from 'react-router-dom';
-import { normalizeAllAppliedPermissions, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities } from '@commercetools-frontend/application-shell-connectors';
+import { useMcQuery, normalizeAllAppliedPermissions, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities } from '@commercetools-frontend/application-shell-connectors';
 import LogoSVG from '@commercetools-frontend/assets/logos/commercetools_small-logo.svg';
-import { GRAPHQL_TARGETS, NO_VALUE_FALLBACK, SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants';
+import { GRAPHQL_TARGETS, STORAGE_KEYS, NO_VALUE_FALLBACK, SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants';
 import { SidebarCollapseIcon, SidebarExpandIcon, SupportIcon, ArrowRightIcon } from '@commercetools-uikit/icons';
-import { S as STORAGE_KEYS, W as WINDOW_SIZES, D as DIMENSIONS } from './constants-0b9c2426.esm.js';
+import { W as WINDOW_SIZES, D as DIMENSIONS } from './oidc-95696f7b.esm.js';
 import isNil from 'lodash/isNil';
 import throttle from 'lodash/throttle';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
-import { u as useMcQuery, L as LoadingPlaceholder } from './index-cc877433.esm.js';
-import { u as useApplicationsMenu } from './use-applications-menu-ab2cd8e4.esm.js';
+import { u as useApplicationsMenu } from './use-applications-menu-902e4f5f.esm.js';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import _styled from '@emotion/styled/base';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
@@ -43,8 +42,11 @@ import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import _keysInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/keys';
 import { designTokens } from '@commercetools-uikit/design-system';
 import _Array$from from '@babel/runtime-corejs3/core-js-stable/array/from';
+import { L as LoadingPlaceholder } from './index-b87860b8.esm.js';
 import { designTokens as designTokens$1 } from '@commercetools-frontend/application-components';
-import './configure-apollo-b9019f27.esm.js';
+import '@apollo/client';
+import '@commercetools-frontend/l10n';
+import './index-89e5711a.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/reflect/has';
@@ -58,26 +60,8 @@ import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@commercetools-frontend/react-notifications';
 import 'redux-logger';
-import '@babel/runtime-corejs3/core-js-stable/url';
-import '@apollo/client';
-import 'apollo-link-logger';
-import '@apollo/client/link/error';
-import '@commercetools-frontend/browser-history';
-import '@babel/runtime-corejs3/core-js-stable/instance/some';
-import '@babel/runtime-corejs3/core-js-stable/object/values';
-import '@commercetools/http-user-agent';
-import 'uuid';
-import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
-import '@babel/runtime-corejs3/helpers/createClass';
-import '@babel/runtime-corejs3/helpers/classCallCheck';
-import '@babel/runtime-corejs3/helpers/assertThisInitialized';
-import '@babel/runtime-corejs3/helpers/inherits';
-import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
-import '@babel/runtime-corejs3/helpers/getPrototypeOf';
-import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
-import '@babel/runtime-corejs3/core-js-stable/json/stringify';
-import '@apollo/client/link/retry';
 import '@commercetools-frontend/i18n';
+import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-frontend/assets/images/logo.svg';
 import '@commercetools-uikit/spacings';
 import '@commercetools-uikit/flat-button';
@@ -85,22 +69,29 @@ import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import 'memoize-one';
 import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
-import '@apollo/client/react';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-uikit/loading-spinner';
-import '@commercetools-frontend/l10n';
+import '@commercetools-frontend/browser-history';
+import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+import '@babel/runtime-corejs3/helpers/classCallCheck';
+import '@babel/runtime-corejs3/helpers/createClass';
+import '@babel/runtime-corejs3/helpers/inherits';
+import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
+import '@babel/runtime-corejs3/helpers/getPrototypeOf';
 import '@babel/runtime-corejs3/core-js-stable/object/from-entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/flags';
+import '@apollo/client/react';
 import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
 import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
-import './oidc-db881d40.esm.js';
 import '@commercetools-uikit/design-system/materials/resets.css';
-import '@commercetools-frontend/actions-global';
 import '@commercetools-frontend/application-config/ssr';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@babel/runtime-corejs3/core-js-stable/instance/some';
+import '@commercetools-frontend/actions-global';
 
 var messages = defineMessages({
   'NavBar.MCSupport.title': {

package/dist/{navbar-86da110e.cjs.prod.js → navbar-4dc84744.cjs.prod.js}

@@ -24,12 +24,11 @@ var applicationShellConnectors = require('@commercetools-frontend/application-sh
 var LogoSVG = require('@commercetools-frontend/assets/logos/commercetools_small-logo.svg');
 var constants = require('@commercetools-frontend/constants');
 var icons = require('@commercetools-uikit/icons');
-var constants$1 = require('./constants-0da1db32.cjs.prod.js');
+var oidc = require('./oidc-b2ac8a92.cjs.prod.js');
 var isNil = require('lodash/isNil');
 var throttle = require('lodash/throttle');
 var sentry = require('@commercetools-frontend/sentry');
-var dist_commercetoolsFrontendApplicationShell = require('./index-78d3ae73.cjs.prod.js');
-var useApplicationsMenu = require('./use-applications-menu-f0048898.cjs.prod.js');
+var useApplicationsMenu = require('./use-applications-menu-10d6d71b.cjs.prod.js');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _styled = require('@emotion/styled/base');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -45,8 +44,11 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
 var designSystem = require('@commercetools-uikit/design-system');
 var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
+var dist_commercetoolsFrontendApplicationShell = require('./index-1d3e351d.cjs.prod.js');
 var applicationComponents = require('@commercetools-frontend/application-components');
-require('./configure-apollo-c401b506.cjs.prod.js');
+require('@apollo/client');
+require('@commercetools-frontend/l10n');
+require('./index-6cd618cc.cjs.prod.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/reflect/has');
@@ -60,26 +62,8 @@ require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@commercetools-frontend/react-notifications');
 require('redux-logger');
-require('@babel/runtime-corejs3/core-js-stable/url');
-require('@apollo/client');
-require('apollo-link-logger');
-require('@apollo/client/link/error');
-require('@commercetools-frontend/browser-history');
-require('@babel/runtime-corejs3/core-js-stable/instance/some');
-require('@babel/runtime-corejs3/core-js-stable/object/values');
-require('@commercetools/http-user-agent');
-require('uuid');
-require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-require('@babel/runtime-corejs3/helpers/createClass');
-require('@babel/runtime-corejs3/helpers/classCallCheck');
-require('@babel/runtime-corejs3/helpers/assertThisInitialized');
-require('@babel/runtime-corejs3/helpers/inherits');
-require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-require('@babel/runtime-corejs3/core-js-stable/json/stringify');
-require('@apollo/client/link/retry');
 require('@commercetools-frontend/i18n');
+require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-frontend/assets/images/logo.svg');
 require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
@@ -87,22 +71,29 @@ require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('memoize-one');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
-require('@apollo/client/react');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
-require('@commercetools-frontend/l10n');
+require('@commercetools-frontend/browser-history');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-a55e3dd9.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
-require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-config/ssr');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@commercetools-frontend/actions-global');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -194,7 +185,7 @@ const useNavbarStateManager = props => {
     },
     environment: props.environment
   });
-  const _useMcQuery = dist_commercetoolsFrontendApplicationShell.useMcQuery(FetchProjectExtensionsNavbar, {
+  const _useMcQuery = applicationShellConnectors.useMcQuery(FetchProjectExtensionsNavbar, {
       skip: !props.environment.servedByProxy,
       context: {
         target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
@@ -234,18 +225,18 @@ const useNavbarStateManager = props => {
       }))
     };
   })).call(_context, nonNullable) : [];
-  const cachedIsForcedMenuOpen = window.localStorage.getItem(constants$1.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
+  const cachedIsForcedMenuOpen = window.localStorage.getItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
   const isForcedMenuOpen = isNil__default["default"](cachedIsForcedMenuOpen) ? isForcedMenuOpenDefaultValue : JSON.parse(cachedIsForcedMenuOpen);
   if (isNil__default["default"](cachedIsForcedMenuOpen)) {
-    window.localStorage.setItem(constants$1.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(isForcedMenuOpen));
+    window.localStorage.setItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(isForcedMenuOpen));
   }
   const _useReducer = react.useReducer(reducer, getInitialState(isForcedMenuOpen)),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
   const checkSize = react.useCallback(throttle__default["default"](() => {
-    const shouldOpen = window.innerWidth > constants$1.WINDOW_SIZES.STANDARD;
-    const canExpandMenu = window.innerWidth > (props.newNavigation ? constants$1.WINDOW_SIZES.WIDE : constants$1.WINDOW_SIZES.NARROW);
+    const shouldOpen = window.innerWidth > oidc.WINDOW_SIZES.STANDARD;
+    const canExpandMenu = window.innerWidth > (props.newNavigation ? oidc.WINDOW_SIZES.WIDE : oidc.WINDOW_SIZES.NARROW);
 
     // If the screen is small, we should always keep the menu closed,
     // no matter the settings.
@@ -323,7 +314,7 @@ const useNavbarStateManager = props => {
       type: 'toggleIsMenuOpen'
     });
     // Synchronize the menu state with local storage.
-    window.localStorage.setItem(constants$1.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(!state.isMenuOpen));
+    window.localStorage.setItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(!state.isMenuOpen));
   }, [state.activeItemIndex, state.isMenuOpen]);
   const allInternalApplicationsNavbarMenu = applicationsNavBarMenu || [];
   return _objectSpread$5(_objectSpread$5({}, state), {}, {
@@ -495,7 +486,7 @@ var _ref3 = {
   name: "8tapst",
   styles: "bottom:0"
 } ;
-const getContainerPositionBasedOnMenuItemPosition = (isSubmenuAboveMenuItem, isSublistActiveWhileIsMenuExpanded, isSublistActiveWhileIsMenuCollapsed) => [isSublistActiveWhileIsMenuCollapsed && /*#__PURE__*/react$1.css(isSubmenuAboveMenuItem ? 'bottom' : 'top', ":-", constants$1.DIMENSIONS.navMenuItemHeight, ";" + ("" ), "" ), isSublistActiveWhileIsMenuExpanded && isSubmenuAboveMenuItem && _ref3, isSublistActiveWhileIsMenuExpanded && !isSubmenuAboveMenuItem && _ref2];
+const getContainerPositionBasedOnMenuItemPosition = (isSubmenuAboveMenuItem, isSublistActiveWhileIsMenuExpanded, isSublistActiveWhileIsMenuCollapsed) => [isSublistActiveWhileIsMenuCollapsed && /*#__PURE__*/react$1.css(isSubmenuAboveMenuItem ? 'bottom' : 'top', ":-", oidc.DIMENSIONS.navMenuItemHeight, ";" + ("" ), "" ), isSublistActiveWhileIsMenuExpanded && isSubmenuAboveMenuItem && _ref3, isSublistActiveWhileIsMenuExpanded && !isSubmenuAboveMenuItem && _ref2];
 var _ref = {
   name: "6dhm9o",
   styles: "visibility:hidden"
@@ -723,7 +714,7 @@ const NavBarLayout$1 = props => {
 NavBarLayout$1.propTypes = {};
 const NavBarHeader = /*#__PURE__*/_styled__default["default"]("div", {
   target: "eyeet3i7"
-} )("display:flex;justify-content:center;align-items:center;padding:", designSystem.designTokens.spacing30, ";height:", constants$1.DIMENSIONS.header, ";background:", designSystem.designTokens.colorAccent10, ";" + ("" ));
+} )("display:flex;justify-content:center;align-items:center;padding:", designSystem.designTokens.spacing30, ";height:", oidc.DIMENSIONS.header, ";background:", designSystem.designTokens.colorAccent10, ";" + ("" ));
 const NavBarBody = /*#__PURE__*/_styled__default["default"]("div", {
   target: "eyeet3i6"
 } )("display:flex;flex:1;padding:", designSystem.designTokens.spacing30, ";flex-direction:column;align-items:flex-start;gap:", designSystem.designTokens.spacing40, ";flex-shrink:0;background:#009987;position:relative;&::after{content:'';position:absolute;bottom:0;height:36px;width:calc(100% - 2 * ", designSystem.designTokens.spacing30, ");background:linear-gradient(180deg, rgba(0, 153, 135, 0) 0%, #009987 100%);}" + ("" ));
@@ -958,7 +949,7 @@ const ApplicationMenu$1 = props => {
         ref: submenuRef,
         children: [!props.isMenuOpen && jsxRuntime.jsx("div", {
           className: styles$3['tooltip-container'],
-          css: /*#__PURE__*/react$1.css(isSubmenuAboveMenuItem ? 'bottom' : 'top', ":-", constants$1.DIMENSIONS.navMenuItemHeight, ";" + ("" ), "" ),
+          css: /*#__PURE__*/react$1.css(isSubmenuAboveMenuItem ? 'bottom' : 'top', ":-", oidc.DIMENSIONS.navMenuItemHeight, ";" + ("" ), "" ),
           children: jsxRuntime.jsx("div", {
             className: styles$3['tooltip'],
             "aria-owns": "group-".concat(props.menu.key),
@@ -1158,7 +1149,7 @@ NavBar$2.propTypes = {};
 NavBar$2.displayName = 'NavBar';
 
 const useLoadingMenuLayoutEffect = () => {
-  const cachedIsForcedMenuOpen = window.localStorage.getItem(constants$1.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
+  const cachedIsForcedMenuOpen = window.localStorage.getItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
   const isForcedMenuOpen = isNil__default["default"](cachedIsForcedMenuOpen) ? null : JSON.parse(cachedIsForcedMenuOpen);
   react.useLayoutEffect(() => {
     if (isForcedMenuOpen) document.body.classList.add('body__menu-open');