@commercetools-frontend/application-shell 21.20.0 → 21.20.2

package/dist/{index-5693a438.cjs.prod.js → index-0251ffd3.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var applicationEntryPoint = require('./application-entry-point-6dc9ec3c.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-e66b5350.cjs.prod.js');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 var _pt = require('prop-types');
@@ -24,7 +24,7 @@ var applicationShellConnectors = require('@commercetools-frontend/application-sh
 var applicationComponents = require('@commercetools-frontend/application-components');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var i18n = require('@commercetools-frontend/i18n');
-var constants = require('./constants-9ffc458b.cjs.prod.js');
+var constants = require('./constants-d3b01ef6.cjs.prod.js');
 var uuid = require('uuid');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -38,7 +38,7 @@ var reactRedux = require('react-redux');
 var history = require('@commercetools-frontend/browser-history');
 var reactIntl = require('react-intl');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-var oidc = require('./oidc-d13fc045.cjs.prod.js');
+var oidc = require('./oidc-8f79eea8.cjs.prod.js');
 var qss = require('qss');
 var jwtDecode = require('jwt-decode');
 var FailedAuthenticationSVG = require('@commercetools-frontend/assets/images/locked-diamond.svg');
@@ -1443,7 +1443,7 @@ FetchProject.displayName = 'FetchProject';
 function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$a(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$a(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-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: "navBar" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shouldRenderDivider" }, arguments: [], directives: [] }, { 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: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, 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: "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: "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: "menuVisibility" }, 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: "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: [] }] } }] } }] } }], loc: { start: 0, end: 849, source: { body: "query FetchApplicationsMenu {\n  applicationsMenu {\n    navBar {\n      shouldRenderDivider\n      key\n      uriPath\n      icon\n      labelAllLocales {\n        locale\n        value\n      }\n      featureToggle\n      menuVisibility\n      permissions\n      dataFences {\n        group\n        name\n        type\n      }\n      actionRights {\n        group\n        name\n      }\n      submenu {\n        key\n        uriPath\n        labelAllLocales {\n          locale\n          value\n        }\n        featureToggle\n        menuVisibility\n        permissions\n        actionRights {\n          group\n          name\n        }\n        dataFences {\n          group\n          name\n          type\n        }\n      }\n    }\n    appBar {\n      key\n      uriPath\n      labelAllLocales {\n        locale\n        value\n      }\n      featureToggle\n      permissions\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+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: "navBar" }, 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: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, 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: "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: "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: "menuVisibility" }, 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: "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: [] }] } }] } }] } }], loc: { start: 0, end: 823, source: { body: "query FetchApplicationsMenu {\n  applicationsMenu {\n    navBar {\n      key\n      uriPath\n      icon\n      labelAllLocales {\n        locale\n        value\n      }\n      featureToggle\n      menuVisibility\n      permissions\n      dataFences {\n        group\n        name\n        type\n      }\n      actionRights {\n        group\n        name\n      }\n      submenu {\n        key\n        uriPath\n        labelAllLocales {\n          locale\n          value\n        }\n        featureToggle\n        menuVisibility\n        permissions\n        actionRights {\n          group\n          name\n        }\n        dataFences {\n          group\n          name\n          type\n        }\n      }\n    }\n    appBar {\n      key\n      uriPath\n      labelAllLocales {\n        locale\n        value\n      }\n      featureToggle\n      permissions\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 var supportedLocales = ['en', 'de', 'es', 'fr-FR', 'zh-CN', 'ja'];
 var defaultApiUrl$1 = window.location.origin;
 
@@ -1492,7 +1492,6 @@ var mapApplicationMenuConfigToGraqhQLQueryResult = function mapApplicationMenuCo
       __typename: 'ApplicationsMenu',
       navBar: menuLinks ? [{
         __typename: 'NavbarMenu',
-        shouldRenderDivider: false,
         key: entryPointUriPath,
         uriPath: entryPointUriPath,
         icon: menuLinks.icon,
@@ -2392,19 +2391,19 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
 LocaleSwitcher.propTypes = {};
 
 var ProjectNotFound = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-found-946204ee.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-found-2906fe41.cjs.prod.js'
   /* webpackChunkName: "project-not-found" */
   ); });
 });
 
 var ProjectExpired = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-expired-14847008.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-expired-8db09a00.cjs.prod.js'
   /* webpackChunkName: "project-expired" */
   ); });
 });
 
 var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-initialized-7f0124c9.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-initialized-4146483c.cjs.prod.js'
   /* webpackChunkName: "project-not-initialized" */
   ); });
 });
@@ -2451,7 +2450,7 @@ var RedirectToProjectCreate = function RedirectToProjectCreate() {
 RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
 
 var ProjectSuspended = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-suspended-6f575ef2.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-suspended-b6b70e31.cjs.prod.js'
   /* webpackChunkName: "project-suspended" */
   ); });
 });
@@ -2781,8 +2780,10 @@ SetupFlopFlipProvider.displayName = 'SetupFlopFlipProvider';
 
 var ThemeSwitcher = function ThemeSwitcher() {
   var isNewThemeEnabled = reactBroadcast.useFeatureToggle(UI_REDESIGN);
+  var theme = isNewThemeEnabled ? 'test' : 'default';
   return jsxRuntime.jsx(designSystem.ThemeProvider, {
-    theme: isNewThemeEnabled ? 'test' : 'default'
+    theme: theme,
+    themeOverrides: applicationComponents.themesOverrides[theme]
   });
 };
 
@@ -2840,7 +2841,7 @@ function nonNullable(value) {
 
 function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context9, _context10; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$4(Object(source), !0)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys$4(Object(source))).call(_context10, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$4(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys$4(Object(source))).call(_context8, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var FetchProjectExtensionsNavbar = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProjectExtensionsNavbar" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "projectExtension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "applications" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "ObjectValue", fields: [{ kind: "ObjectField", name: { kind: "Name", value: "isActive" }, value: { kind: "BooleanValue", value: true } }] } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "navbarMenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { 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: "submenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { 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: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "installedApplications" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "application" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "entryPointUriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "mainMenuLink" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultLabel" }, 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: "submenuLinks" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultLabel" }, 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: [] }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 984, source: { body: "query FetchProjectExtensionsNavbar {\n  projectExtension {\n    id\n    applications(where: { isActive: true }) {\n      id\n      navbarMenu {\n        id\n        key\n        uriPath\n        icon\n        labelAllLocales {\n          locale\n          value\n        }\n        featureToggle\n        permissions\n        submenu {\n          id\n          key\n          uriPath\n          labelAllLocales {\n            locale\n            value\n          }\n          permissions\n          featureToggle\n        }\n      }\n    }\n    installedApplications {\n      application {\n        id\n        entryPointUriPath\n        icon\n        mainMenuLink {\n          id\n          permissions\n          defaultLabel\n          labelAllLocales {\n            locale\n            value\n          }\n        }\n        submenuLinks {\n          id\n          uriPath\n          permissions\n          defaultLabel\n          labelAllLocales {\n            locale\n            value\n          }\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 
 var getInitialState = function getInitialState(isForcedMenuOpen) {
@@ -2890,7 +2891,7 @@ var reducer = function reducer(state, action) {
 };
 
 var useNavbarStateManager = function useNavbarStateManager(props) {
-  var _context, _context2, _context4, _context5, _context7, _context8;
+  var _context, _context2, _context4, _context5;
 
   var navBarNode = react.useRef(null);
   var applicationsNavBarMenu = useApplicationsMenu('navBar', {
@@ -2939,8 +2940,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
       }),
       menuVisibility: undefined,
       actionRights: undefined,
-      dataFences: undefined,
-      shouldRenderDivider: false
+      dataFences: undefined
     };
   })).call(_context, nonNullable) : [];
   var organizationCustomAppsMenu = projectExtensionsQuery && projectExtensionsQuery.projectExtension && projectExtensionsQuery.projectExtension.installedApplications ? _filterInstanceProperty__default["default"](_context4 = _mapInstanceProperty__default["default"](_context5 = projectExtensionsQuery.projectExtension.installedApplications).call(_context5, function (installedApplication) {
@@ -2962,7 +2962,6 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
       menuVisibility: undefined,
       actionRights: undefined,
       dataFences: undefined,
-      shouldRenderDivider: false,
       submenu: _mapInstanceProperty__default["default"](_context6 = application.submenuLinks || []).call(_context6, function (submenuLink) {
         return {
           key: submenuLink.id,
@@ -3062,15 +3061,17 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
 
     window.localStorage.setItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(!state.isMenuOpen));
   }, [state.activeItemIndex, state.isMenuOpen]);
+  var allInternalApplicationsNavbarMenu = applicationsNavBarMenu || [];
 
-  var allApplicationNavbarMenu = _concatInstanceProperty__default["default"](_context7 = _concatInstanceProperty__default["default"](_context8 = applicationsNavBarMenu || []).call(_context8, legacyCustomAppsMenu)).call(_context7, organizationCustomAppsMenu);
+  var allCustomApplicationsNavbarMenu = _concatInstanceProperty__default["default"](legacyCustomAppsMenu).call(legacyCustomAppsMenu, organizationCustomAppsMenu);
 
   return _objectSpread$4(_objectSpread$4({}, state), {}, {
     navBarNode: navBarNode,
     handleToggleItem: handleToggleItem,
     handleToggleMenu: handleToggleMenu,
     shouldCloseMenuFly: shouldCloseMenuFly,
-    allApplicationNavbarMenu: allApplicationNavbarMenu
+    allInternalApplicationsNavbarMenu: allInternalApplicationsNavbarMenu,
+    allCustomApplicationsNavbarMenu: allCustomApplicationsNavbarMenu
   });
 };
 
@@ -3098,21 +3099,20 @@ function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["d
 
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context11, _context12; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context11 = ownKeys$3(Object(source), !0)).call(_context11, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context12 = ownKeys$3(Object(source))).call(_context12, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var compiledStyles = {
-  "global": ":root {\n\n  /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___n7yUt {\n  display: flex;\n  flex-grow: 1;\n  width: 64px;\n  z-index: 19999;\n  background: var(--color-accent);\n}\n\n.navbar-mod__list___RCV3J {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  flex: 1 1 0;\n}\n\n.body__menu-open .navbar-mod__scrollable-menu___64pxJ {\n  flex: 1 1 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.navbar-mod__list-item___MjK6t {\n  width: 64px;\n  height: 64px;\n  background: var(--color-accent);\n  margin: 0;\n  list-style: none;\n  cursor: pointer;\n}\n\n.navbar-mod__item-link___X2Ina {\n  color: var(--color-surface);\n  padding: var(--spacing-m);\n  width: 100%;\n  position: relative;\n  display: block;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep {\n  width: 32px;\n  height: 32px;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  flex: 1;\n  font-size: 1rem;\n  font-weight: 100;\n  color: var(--color-surface);\n  display: none;\n  opacity: 0;\n  transition: all 0.25s ease-in-out;\n  text-align: left;\n  text-decoration: none;\n}\n\n.navbar-mod__title-user-voice___oOLj8 {\n  font-size: 0.9em !important;\n}\n\n.navbar-mod__expander___jyAUi {\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n}\n\n.navbar-mod__expander___jyAUi:hover {\n  background: transparent !important;\n}\n\n.navbar-mod__expand-icon___BtmRa {\n  background: var(--color-solid);\n  align-items: center;\n  border-radius: 32px;\n  cursor: pointer;\n  display: flex;\n  height: 32px;\n  justify-content: center;\n  transform: translateX(0) rotateZ(180deg);\n  width: 32px;\n}\n\n.navbar-mod__item--bottom___eW7nh {\n  position: absolute;\n  bottom: 50px;\n}\n\n.navbar-mod__list-item___MjK6t:hover {\n  background-color: var(--color-accent-30);\n}\n\n.navbar-mod__item__active___lo1sr .navbar-mod__title___eRWUj {\n  opacity: 1;\n  display: block;\n  transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___zk0zh {\n  height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item__no-submenu___0lmiH,\n.navbar-mod__item_menu-collapsed___cluyY {\n  height: 64px !important;\n}\n\n.navbar-mod__item_menu-collapsed___cluyY .navbar-mod__item-link___X2Ina {\n  text-align: center;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__title___eRWUj {\n  border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__sublist___os1s7 {\n  padding: 45px 20px 20px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___eRWUj {\n  color: var(--color-surface);\n  font-weight: 100;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt {\n  box-shadow: 6px 0 10px rgba(0, 0, 0, 0.16);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  height: auto;\n  min-height: 64px;\n  max-height: 0;\n  transition: max-height 0.15s ease-out;\n  overflow: hidden;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt,\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  width: 200px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  display: block;\n  opacity: 1;\n  margin-left: var(--spacing-m);\n  color: var(--color-surface);\n}\n\n.body__menu-open .navbar-mod__expand-icon___BtmRa {\n  transform: translateX(65px) rotateZ(0deg);\n}\n\n.body__menu-open .navbar-mod__item__active___lo1sr {\n  max-height: 500px;\n  transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7 {\n  position: relative;\n  z-index: 1;\n  left: 0;\n  margin: 0 0 0 calc(32px + var(--spacing-m));\n  padding: var(--spacing-s) 0 0;\n  background-color: transparent;\n  border-top: 1px var(--color-neutral-60) solid;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7.navbar-mod__sublist-no-children___Dy-h- {\n  border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q {\n  font-size: 0.857em;\n  color: white;\n  text-decoration: none;\n  font-weight: lighter;\n  transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q:hover {\n  color: var(--color-primary-40);\n}\n\n.body__menu-open .navbar-mod__expander___jyAUi {\n  min-height: 50px;\n}\n\n/*  Second level menu */\n\n.navbar-mod__sublist___os1s7 {\n  padding: 55px var(--spacing-m) var(--spacing-m);\n  font-weight: 100;\n  position: absolute;\n  background-color: var(--color-accent-30);\n  top: 0;\n  left: 64px;\n  z-index: -1;\n  list-style: none;\n  opacity: 0.01;\n  visibility: hidden;\n}\n\n.navbar-mod__sublist__inactive___kJvf- {\n  /* empty block */\n}\n\n.navbar-mod__sublist-item___gafkS {\n  padding: 3px 0;\n}\n\n.navbar-mod__sublist-item___gafkS:hover {\n  /* background-color: --color-accent-30; */\n  color: var(--color-primary-40);\n}\n\n.navbar-mod__text___ccHEu {\n  font-size: 0.857em;\n}\n\n.navbar-mod__text-link___dhtj6 {\n  color: white;\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___dhtj6:hover {\n  color: var(--color-primary-40);\n}\n\n.navbar-mod__title-text___5DEpd {\n  font-weight: bold;\n  visibility: hidden;\n  opacity: 0.001;\n}\n\n/* Item active */\n\n.navbar-mod__item__active___lo1sr {\n  background: var(--color-accent-30);\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  position: absolute;\n  width: 175px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  position: relative;\n  width: auto;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  margin-left: 30px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  margin-left: var(--spacing-m);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  margin-left: 0;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n  width: 150px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n  width: calc(100% - calc(32px + var(--spacing-m)));\n}\n\n.navbar-mod__sublist-expanded__active___240JK,\n.navbar-mod__sublist-collapsed__active___-9vYh {\n  opacity: 1;\n  visibility: visible;\n  text-align: left;\n}\n\n.navbar-mod__highlighted___oJWkA {\n  color: var(--color-primary-40) !important;\n}\n\n.navbar-mod__hidden___TQLSs {\n  display: none;\n}\n\n.navbar-mod__divider-first-item___9Ftml {\n  border-top: 1px solid var(--color-solid);\n}\n\n.navbar-mod__divider-second-item___EDS33 {\n  border-top: 1px solid var(--color-accent-40);\n}\n\n.navbar-mod__loading-dot-container___G2LVb {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___64pxJ {\n  flex: 1 1 0;\n}\n\n.navbar-mod__fixed-menu___42tD9 {\n  flex: 0 0 0;\n}\n",
+  "global": ":root {\n\n  /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___n7yUt {\n  display: flex;\n  flex-grow: 1;\n  width: 64px;\n  z-index: 19999;\n  background: var(--color-accent);\n}\n\n.navbar-mod__list___RCV3J {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  flex: 1 1 0;\n}\n\n.body__menu-open .navbar-mod__scrollable-menu___64pxJ {\n  flex: 1 1 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.navbar-mod__list-item___MjK6t {\n  width: 64px;\n  height: 56px;\n  background: var(--color-accent);\n  margin: 0;\n  list-style: none;\n  cursor: pointer;\n}\n\n.navbar-mod__item-link___X2Ina {\n  color: var(--color-surface);\n  padding: var(--spacing-m);\n  width: 100%;\n  position: relative;\n  display: block;\n}\n\n.navbar-mod__item__active___lo1sr .navbar-mod__item-link___X2Ina {\n  padding-right: var(--spacing-l);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep {\n  width: 24px;\n  height: 24px;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  flex: 1;\n  font-weight: 500;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-nav-bar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-nav-bar-link);\n  color: var(--color-surface);\n  display: none;\n  opacity: 0;\n  transition: all 0.25s ease-in-out;\n  text-align: left;\n  text-decoration: none;\n}\n\n.navbar-mod__expander___jyAUi {\n  border-top: 1px solid var(--color-neutral-40);\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n}\n\n.navbar-mod__expander___jyAUi:hover {\n  background: transparent !important;\n}\n\n.navbar-mod__expand-icon___BtmRa {\n  align-items: center;\n  border-radius: 32px;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  transform: translateX(0) rotateZ(0deg);\n  width: 24px;\n}\n\n.navbar-mod__item--bottom___eW7nh {\n  position: absolute;\n  bottom: 50px;\n}\n\n.navbar-mod__list-item___MjK6t:hover {\n  background-color: var(--color-accent-30);\n}\n\n.navbar-mod__item__active___lo1sr .navbar-mod__title___eRWUj {\n  opacity: 1;\n  display: block;\n  transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___zk0zh {\n  height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item__no-submenu___0lmiH,\n.navbar-mod__item_menu-collapsed___cluyY {\n  height: 56px !important;\n}\n\n.navbar-mod__item_menu-collapsed___cluyY .navbar-mod__item-link___X2Ina {\n  text-align: center;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__title___eRWUj {\n  border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__sublist___os1s7 {\n  padding-top: 40px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___eRWUj {\n  color: var(--color-surface);\n  font-weight: 500;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-nav-bar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-nav-bar-link);\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt {\n  box-shadow: 6px 0 10px rgba(0, 0, 0, 0.16);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  height: auto;\n  min-height: 56px;\n  max-height: 0;\n  transition: max-height 0.15s ease-out;\n  overflow: hidden;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt,\n.body__menu-open .navbar-mod__list-item___MjK6t {\n  width: 245px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n  display: block;\n  opacity: 1;\n  margin-left: var(--spacing-m);\n  color: var(--color-surface);\n}\n\n.body__menu-open .navbar-mod__expand-icon___BtmRa {\n  transform: translateX(0) rotateZ(180deg);\n}\n\n.body__menu-open .navbar-mod__item__active___lo1sr {\n  max-height: 500px;\n  transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7 {\n  position: relative;\n  z-index: 1;\n  left: 0;\n  margin: 0 0 0 calc(\n    24px + var(--spacing-m) + 4px + 4px\n  );\n  padding: var(--spacing-m) 0 0;\n  background-color: transparent;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7.navbar-mod__sublist-no-children___Dy-h- {\n  border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q {\n  font-weight: 400;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-nav-bar-link);\n  color: white;\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q:hover {\n  color: var(--color-primary-40);\n}\n\n.body__menu-open .navbar-mod__expander___jyAUi {\n  min-height: 50px;\n  justify-content: flex-end;\n  padding: var(--spacing-m);\n}\n\n/*  Second level menu */\n\n.navbar-mod__sublist___os1s7 {\n  padding: 55px var(--spacing-l) var(--spacing-m);\n  font-weight: 400;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-nav-bar-link);\n  position: absolute;\n  background-color: var(--color-accent-30);\n  top: 0;\n  left: 64px;\n  z-index: -1;\n  list-style: none;\n  opacity: 0.01;\n  visibility: hidden;\n}\n\n.navbar-mod__sublist__inactive___kJvf- {\n  /* empty block */\n}\n\n.navbar-mod__sublist-item___gafkS {\n  padding: var(--spacing-s) 0 0;\n}\n\n.navbar-mod__sublist-item___gafkS:first-of-type {\n  padding: 0;\n}\n\n.navbar-mod__sublist-item___gafkS:hover {\n  color: var(--color-primary-40);\n}\n\n.navbar-mod__text___ccHEu {\n  font-weight: 400;\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  font-size: var(--font-size-for-nav-bar-link);\n  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n  line-height: var(--line-height-for-nav-bar-link);\n}\n\n.navbar-mod__text-link___dhtj6 {\n  color: white;\n  text-decoration: none;\n  transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___dhtj6:hover {\n  color: var(--color-primary-40);\n}\n\n/* Item active */\n\n.navbar-mod__item__active___lo1sr {\n  background: var(--color-accent-30);\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  width: calc(\n    205px + 64px -\n      var(--spacing-m) * 2\n  );\n  justify-content: flex-start;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n  width: calc(24px + 4px * 2);\n  display: flex;\n  justify-content: center;\n  align-self: flex-start;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n  justify-content: flex-start;\n  display: flex;\n  width: 100%;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n  /* empty block */\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  position: relative;\n  width: auto;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  margin-left: 40px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n  margin-left: var(--spacing-m);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n  margin-left: 0;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n  width: 205px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n  width: calc(100% - calc(\n    24px + var(--spacing-m) + 4px + 4px\n  ));\n}\n\n.navbar-mod__sublist-expanded__active___240JK,\n.navbar-mod__sublist-collapsed__active___-9vYh {\n  opacity: 1;\n  visibility: visible;\n  text-align: left;\n}\n\n.navbar-mod__highlighted___oJWkA {\n  color: var(--color-primary-40) !important;\n}\n\n.navbar-mod__hidden___TQLSs {\n  display: none;\n}\n\n.navbar-mod__divider___TpVzu {\n  border-top: 1px solid var(--color-neutral-40);\n}\n\n.navbar-mod__loading-dot-container___G2LVb {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___64pxJ {\n  flex: 1 1 0;\n}\n\n.navbar-mod__fixed-menu___42tD9 {\n  flex: 0 0 0;\n}\n",
   "jsonMap": {
     "left-navigation": "navbar-mod__left-navigation___n7yUt",
     "list": "navbar-mod__list___RCV3J",
     "scrollable-menu": "navbar-mod__scrollable-menu___64pxJ",
     "list-item": "navbar-mod__list-item___MjK6t",
     "item-link": "navbar-mod__item-link___X2Ina",
+    "item__active": "navbar-mod__item__active___lo1sr",
     "item-icon-text": "navbar-mod__item-icon-text___a-8JY",
     "icon": "navbar-mod__icon___bLsep",
     "title": "navbar-mod__title___eRWUj",
-    "title-user-voice": "navbar-mod__title-user-voice___oOLj8 navbar-mod__title___eRWUj",
     "expander": "navbar-mod__expander___jyAUi",
     "expand-icon": "navbar-mod__expand-icon___BtmRa",
     "item--bottom": "navbar-mod__item--bottom___eW7nh",
-    "item__active": "navbar-mod__item__active___lo1sr",
     "item_menu-open": "navbar-mod__item_menu-open___zk0zh",
     "item__no-submenu": "navbar-mod__item__no-submenu___0lmiH",
     "item_menu-collapsed": "navbar-mod__item_menu-collapsed___cluyY",
@@ -3123,19 +3123,53 @@ var compiledStyles = {
     "sublist-item": "navbar-mod__sublist-item___gafkS",
     "text": "navbar-mod__text___ccHEu",
     "text-link": "navbar-mod__text-link___dhtj6",
-    "title-text": "navbar-mod__title-text___5DEpd",
+    "icon-container": "navbar-mod__icon-container___w3FtA",
+    "fixed-menu": "navbar-mod__fixed-menu___42tD9",
     "sublist-expanded__active": "navbar-mod__sublist-expanded__active___240JK",
     "sublist-collapsed__active": "navbar-mod__sublist-collapsed__active___-9vYh",
     "highlighted": "navbar-mod__highlighted___oJWkA",
     "hidden": "navbar-mod__hidden___TQLSs",
-    "divider-first-item": "navbar-mod__divider-first-item___9Ftml",
-    "divider-second-item": "navbar-mod__divider-second-item___EDS33",
-    "loading-dot-container": "navbar-mod__loading-dot-container___G2LVb",
-    "fixed-menu": "navbar-mod__fixed-menu___42tD9"
+    "divider": "navbar-mod__divider___TpVzu",
+    "loading-dot-container": "navbar-mod__loading-dot-container___G2LVb"
   }
 };
 var styles$1 = compiledStyles.jsonMap;
 
+/*
+<DataMenu data={[]}>
+  <MenuGroup>
+    <MenuItem>
+      <MenuItemLink linkTo="/foo">(icon) Products</MenuItemLink>
+      <MenuGroup>
+        <MenuItemLink linkTo="/foo/new">Add product</MenuItemLink>
+      </MenuGroup>
+    </MenuItem>
+  </MenuGroup>
+  <MenuExpander/>
+</DataMenu>
+*/
+var HeartIcon = /*#__PURE__*/react.lazy(function () {
+  return Promise.resolve().then(function () { return require('./heart-33cd94c6.cjs.prod.js'); });
+});
+var PaperclipIcon = /*#__PURE__*/react.lazy(function () {
+  return Promise.resolve().then(function () { return require('./paperclip-b1b806ab.cjs.prod.js'); });
+});
+var PluginIcon = /*#__PURE__*/react.lazy(function () {
+  return Promise.resolve().then(function () { return require('./plugin-e97ae3e6.cjs.prod.js'); });
+});
+var RocketIcon = /*#__PURE__*/react.lazy(function () {
+  return Promise.resolve().then(function () { return require('./rocket-b2dbda7f.cjs.prod.js'); });
+});
+var StarIcon = /*#__PURE__*/react.lazy(function () {
+  return Promise.resolve().then(function () { return require('./star-ab4be629.cjs.prod.js'); });
+});
+var ConnectedSquareIcon = /*#__PURE__*/react.lazy(function () {
+  return Promise.resolve().then(function () { return require('./connected-square-abf36852.cjs.prod.js'); });
+});
+var WorldIcon = /*#__PURE__*/react.lazy(function () {
+  return Promise.resolve().then(function () { return require('./world-12528632.cjs.prod.js'); });
+});
+
 // The icon is expected to be the `svg` document as a string.
 // For backwards compatibility purposes, we still support the legacy "icon name",
 // which we then map to one of the pre-defined icons.
@@ -3152,53 +3186,28 @@ var IconSwitcher = function IconSwitcher(_ref) {
 
 
   switch (icon) {
-    // Application icons
-    case 'TreeStructureIcon':
-      return jsxRuntime.jsx(icons.TreeStructureIcon, _objectSpread$3({}, iconProps));
-
-    case 'UserFilledIcon':
-      return jsxRuntime.jsx(icons.UserFilledIcon, _objectSpread$3({}, iconProps));
-
-    case 'SpeedometerIcon':
-      return jsxRuntime.jsx(icons.SpeedometerIcon, _objectSpread$3({}, iconProps));
-
-    case 'TagMultiIcon':
-      return jsxRuntime.jsx(icons.TagMultiIcon, _objectSpread$3({}, iconProps));
-
-    case 'CartIcon':
-      return jsxRuntime.jsx(icons.CartIcon, _objectSpread$3({}, iconProps));
-
-    case 'BoxIcon':
-      return jsxRuntime.jsx(icons.BoxIcon, _objectSpread$3({}, iconProps));
-
-    case 'GearIcon':
-      return jsxRuntime.jsx(icons.GearIcon, _objectSpread$3({}, iconProps));
-
-    case 'ListWithSearchIcon':
-      return jsxRuntime.jsx(icons.ListWithSearchIcon, _objectSpread$3({}, iconProps));
     // Custom application icons set
-
     case 'HeartIcon':
-      return jsxRuntime.jsx(icons.HeartIcon, _objectSpread$3({}, iconProps));
+      return jsxRuntime.jsx(HeartIcon, _objectSpread$3({}, iconProps));
 
     case 'PaperclipIcon':
-      return jsxRuntime.jsx(icons.PaperclipIcon, _objectSpread$3({}, iconProps));
+      return jsxRuntime.jsx(PaperclipIcon, _objectSpread$3({}, iconProps));
 
     case 'PluginIcon':
-      return jsxRuntime.jsx(icons.PluginIcon, _objectSpread$3({}, iconProps));
+      return jsxRuntime.jsx(PluginIcon, _objectSpread$3({}, iconProps));
 
     case 'RocketIcon':
-      return jsxRuntime.jsx(icons.RocketIcon, _objectSpread$3({}, iconProps));
+      return jsxRuntime.jsx(RocketIcon, _objectSpread$3({}, iconProps));
 
     case 'StarIcon':
-      return jsxRuntime.jsx(icons.StarIcon, _objectSpread$3({}, iconProps));
+      return jsxRuntime.jsx(StarIcon, _objectSpread$3({}, iconProps));
 
     case 'ConnectedSquareIcon':
-      return jsxRuntime.jsx(icons.ConnectedSquareIcon, _objectSpread$3({}, iconProps));
+      return jsxRuntime.jsx(ConnectedSquareIcon, _objectSpread$3({}, iconProps));
     // For backwards compatibility
 
     case 'WorldIcon':
-      return jsxRuntime.jsx(icons.WorldIcon, _objectSpread$3({}, iconProps));
+      return jsxRuntime.jsx(WorldIcon, _objectSpread$3({}, iconProps));
 
     default:
       return jsxRuntime.jsx("img", {
@@ -3226,7 +3235,7 @@ var MenuExpander = function MenuExpander(props) {
       },
       className: styles$1['expand-icon'],
       "data-testid": "menu-expander",
-      children: jsxRuntime.jsx(icons.BackIcon, {
+      children: jsxRuntime.jsx(icons.ArrowRightIcon, {
         color: "surface",
         size: "big"
       })
@@ -3308,15 +3317,11 @@ var MenuItemLink = function MenuItemLink(props) {
 
 MenuItemLink.propTypes = {};
 MenuItemLink.displayName = 'MenuItemLink';
-MenuItemLink.defaultProps = menuItemLinkDefaultProps; // This component just render two divs with borders in order to differentiate
-// the settings plugin from the other ones
+MenuItemLink.defaultProps = menuItemLinkDefaultProps;
 
 var MenuItemDivider = function MenuItemDivider() {
   return jsxRuntime.jsx("div", {
-    className: styles$1['divider-first-item'],
-    children: jsxRuntime.jsx("div", {
-      className: styles$1['divider-second-item']
-    })
+    className: styles$1.divider
   });
 };
 
@@ -3376,9 +3381,9 @@ var RestrictedMenuItem = function RestrictedMenuItem(props) {
 RestrictedMenuItem.propTypes = {};
 RestrictedMenuItem.displayName = 'RestrictedMenuItem';
 RestrictedMenuItem.defaultProps = restrictedMenuItemDefaultProps;
-var getIconColor = function getIconColor(isActive, isAlternativeTheme) {
+var getIconColor = function getIconColor(isActive) {
   if (isActive) return 'primary40';
-  return isAlternativeTheme ? 'neutral60' : 'surface';
+  return 'surface';
 };
 
 var getMenuVisibilitiesOfSubmenus = function getMenuVisibilitiesOfSubmenus(menu) {
@@ -3442,86 +3447,87 @@ var ApplicationMenu = function ApplicationMenu(props) {
   !props.isMenuOpen || // 2. When there is no submenu
   !hasSubmenu || // 3. When the submenu group is active/visible
   props.isActive;
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [props.menu.shouldRenderDivider && jsxRuntime.jsx(MenuItemDivider, {}), jsxRuntime.jsx(RestrictedMenuItem, {
-      keyOfMenuItem: props.menu.key,
-      featureToggle: (_props$menu$featureTo = props.menu.featureToggle) !== null && _props$menu$featureTo !== void 0 ? _props$menu$featureTo : undefined,
-      permissions: props.menu.permissions,
-      actionRights: (_props$menu$actionRig = props.menu.actionRights) !== null && _props$menu$actionRig !== void 0 ? _props$menu$actionRig : undefined,
-      dataFences: (_props$menu$dataFence = props.menu.dataFences) !== null && _props$menu$dataFence !== void 0 ? _props$menu$dataFence : undefined,
-      projectPermissions: props.projectPermissions,
-      menuVisibilities: props.menuVisibilities,
-      namesOfMenuVisibilities: namesOfMenuVisibilitiesOfAllSubmenus,
-      children: jsxRuntime.jsxs(MenuItem, {
-        hasSubmenu: hasSubmenu,
-        isActive: props.isActive,
-        isMenuOpen: props.isMenuOpen,
-        onClick: props.handleToggleItem,
-        onMouseEnter: props.isMenuOpen ? undefined : props.handleToggleItem,
-        onMouseLeave: props.isMenuOpen ? undefined : props.shouldCloseMenuFly,
-        children: [jsxRuntime.jsx(MenuItemLink, {
-          linkTo: isMainMenuItemALink ? _concatInstanceProperty__default["default"](_context6 = "/".concat(props.projectKey, "/")).call(_context6, props.menu.uriPath) : undefined,
-          useFullRedirectsForLinks: props.useFullRedirectsForLinks,
-          onClick: props.onMenuItemClick,
-          children: jsxRuntime.jsxs("div", {
-            className: styles$1['item-icon-text'],
-            children: [jsxRuntime.jsx("div", {
+  return jsxRuntime.jsx(RestrictedMenuItem, {
+    keyOfMenuItem: props.menu.key,
+    featureToggle: (_props$menu$featureTo = props.menu.featureToggle) !== null && _props$menu$featureTo !== void 0 ? _props$menu$featureTo : undefined,
+    permissions: props.menu.permissions,
+    actionRights: (_props$menu$actionRig = props.menu.actionRights) !== null && _props$menu$actionRig !== void 0 ? _props$menu$actionRig : undefined,
+    dataFences: (_props$menu$dataFence = props.menu.dataFences) !== null && _props$menu$dataFence !== void 0 ? _props$menu$dataFence : undefined,
+    projectPermissions: props.projectPermissions,
+    menuVisibilities: props.menuVisibilities,
+    namesOfMenuVisibilities: namesOfMenuVisibilitiesOfAllSubmenus,
+    children: jsxRuntime.jsxs(MenuItem, {
+      hasSubmenu: hasSubmenu,
+      isActive: props.isActive,
+      isMenuOpen: props.isMenuOpen,
+      onClick: props.handleToggleItem,
+      onMouseEnter: props.isMenuOpen ? undefined : props.handleToggleItem,
+      onMouseLeave: props.isMenuOpen ? undefined : props.shouldCloseMenuFly,
+      children: [jsxRuntime.jsx(MenuItemLink, {
+        linkTo: isMainMenuItemALink ? _concatInstanceProperty__default["default"](_context6 = "/".concat(props.projectKey, "/")).call(_context6, props.menu.uriPath) : undefined,
+        useFullRedirectsForLinks: props.useFullRedirectsForLinks,
+        onClick: props.onMenuItemClick,
+        children: jsxRuntime.jsxs("div", {
+          className: styles$1['item-icon-text'],
+          children: [jsxRuntime.jsx("div", {
+            className: styles$1['icon-container'],
+            children: jsxRuntime.jsx("div", {
               className: styles$1.icon,
               children: jsxRuntime.jsx(IconSwitcher, {
                 icon: props.menu.icon,
                 size: "scale",
-                color: getIconColor(props.isActive || isMainMenuRouteActive, Boolean(props.menu.shouldRenderDivider))
-              })
-            }), jsxRuntime.jsx("div", {
-              className: styles$1.title,
-              "aria-owns": "group-".concat(props.menu.key),
-              children: jsxRuntime.jsx(MenuLabel, {
-                labelAllLocales: props.menu.labelAllLocales,
-                defaultLabel: props.menu.defaultLabel,
-                applicationLocale: props.applicationLocale
+                color: getIconColor(props.isActive || isMainMenuRouteActive)
               })
-            })]
-          })
-        }), jsxRuntime.jsx(MenuGroup, {
-          id: props.menu.key,
-          level: 2,
-          isActive: props.isActive,
-          isExpanded: props.isMenuOpen,
-          children: hasSubmenu ? _mapInstanceProperty__default["default"](_context7 = props.menu.submenu).call(_context7, function (submenu) {
-            var _context8, _submenu$featureToggl, _submenu$actionRights, _submenu$dataFences, _context9;
-
-            return jsxRuntime.jsx(RestrictedMenuItem, {
-              keyOfMenuItem: submenu.key,
-              featureToggle: (_submenu$featureToggl = submenu.featureToggle) !== null && _submenu$featureToggl !== void 0 ? _submenu$featureToggl : undefined,
-              permissions: submenu.permissions,
-              actionRights: (_submenu$actionRights = submenu.actionRights) !== null && _submenu$actionRights !== void 0 ? _submenu$actionRights : undefined,
-              dataFences: (_submenu$dataFences = submenu.dataFences) !== null && _submenu$dataFences !== void 0 ? _submenu$dataFences : undefined,
-              projectPermissions: props.projectPermissions,
-              menuVisibilities: props.menuVisibilities,
-              namesOfMenuVisibilities: submenu.menuVisibility ? [submenu.menuVisibility] : undefined,
-              children: jsxRuntime.jsx("li", {
-                className: styles$1['sublist-item'],
-                children: jsxRuntime.jsx("div", {
-                  className: styles$1.text,
-                  children: jsxRuntime.jsx(MenuItemLink, {
-                    linkTo: _concatInstanceProperty__default["default"](_context9 = "/".concat(props.projectKey, "/")).call(_context9, submenu.uriPath),
-                    exactMatch: true,
-                    useFullRedirectsForLinks: props.useFullRedirectsForLinks,
-                    onClick: props.onMenuItemClick,
-                    children: jsxRuntime.jsx(MenuLabel, {
-                      labelAllLocales: submenu.labelAllLocales,
-                      defaultLabel: submenu.defaultLabel,
-                      applicationLocale: props.applicationLocale
-                    })
+            })
+          }), jsxRuntime.jsx("div", {
+            className: styles$1.title,
+            "aria-owns": "group-".concat(props.menu.key),
+            children: jsxRuntime.jsx(MenuLabel, {
+              labelAllLocales: props.menu.labelAllLocales,
+              defaultLabel: props.menu.defaultLabel,
+              applicationLocale: props.applicationLocale
+            })
+          })]
+        })
+      }), jsxRuntime.jsx(MenuGroup, {
+        id: props.menu.key,
+        level: 2,
+        isActive: props.isActive,
+        isExpanded: props.isMenuOpen,
+        children: hasSubmenu ? _mapInstanceProperty__default["default"](_context7 = props.menu.submenu).call(_context7, function (submenu) {
+          var _context8, _submenu$featureToggl, _submenu$actionRights, _submenu$dataFences, _context9;
+
+          return jsxRuntime.jsx(RestrictedMenuItem, {
+            keyOfMenuItem: submenu.key,
+            featureToggle: (_submenu$featureToggl = submenu.featureToggle) !== null && _submenu$featureToggl !== void 0 ? _submenu$featureToggl : undefined,
+            permissions: submenu.permissions,
+            actionRights: (_submenu$actionRights = submenu.actionRights) !== null && _submenu$actionRights !== void 0 ? _submenu$actionRights : undefined,
+            dataFences: (_submenu$dataFences = submenu.dataFences) !== null && _submenu$dataFences !== void 0 ? _submenu$dataFences : undefined,
+            projectPermissions: props.projectPermissions,
+            menuVisibilities: props.menuVisibilities,
+            namesOfMenuVisibilities: submenu.menuVisibility ? [submenu.menuVisibility] : undefined,
+            children: jsxRuntime.jsx("li", {
+              className: styles$1['sublist-item'],
+              children: jsxRuntime.jsx("div", {
+                className: styles$1.text,
+                children: jsxRuntime.jsx(MenuItemLink, {
+                  linkTo: _concatInstanceProperty__default["default"](_context9 = "/".concat(props.projectKey, "/")).call(_context9, submenu.uriPath),
+                  exactMatch: true,
+                  useFullRedirectsForLinks: props.useFullRedirectsForLinks,
+                  onClick: props.onMenuItemClick,
+                  children: jsxRuntime.jsx(MenuLabel, {
+                    labelAllLocales: submenu.labelAllLocales,
+                    defaultLabel: submenu.defaultLabel,
+                    applicationLocale: props.applicationLocale
                   })
                 })
               })
-            }, _concatInstanceProperty__default["default"](_context8 = "".concat(props.menu.key, "-submenu-")).call(_context8, submenu.key));
-          }) : null
-        })]
-      })
-    }, props.menu.key)]
-  });
+            })
+          }, _concatInstanceProperty__default["default"](_context8 = "".concat(props.menu.key, "-submenu-")).call(_context8, submenu.key));
+        }) : null
+      })]
+    })
+  }, props.menu.key);
 };
 
 ApplicationMenu.propTypes = {};
@@ -3553,7 +3559,8 @@ var NavBar = function NavBar(props) {
       _handleToggleItem = _useNavbarStateManage.handleToggleItem,
       handleToggleMenu = _useNavbarStateManage.handleToggleMenu,
       shouldCloseMenuFly = _useNavbarStateManage.shouldCloseMenuFly,
-      allApplicationNavbarMenu = _useNavbarStateManage.allApplicationNavbarMenu;
+      allInternalApplicationsNavbarMenu = _useNavbarStateManage.allInternalApplicationsNavbarMenu,
+      allCustomApplicationsNavbarMenu = _useNavbarStateManage.allCustomApplicationsNavbarMenu;
 
   var useFullRedirectsForLinks = Boolean(props.environment.useFullRedirectsForLinks);
   var location = reactRouterDom.useLocation();
@@ -3577,9 +3584,9 @@ var NavBar = function NavBar(props) {
     children: jsxRuntime.jsxs(MenuGroup, {
       id: "main",
       level: 1,
-      children: [jsxRuntime.jsx("div", {
+      children: [jsxRuntime.jsxs("div", {
         className: styles$1['scrollable-menu'],
-        children: _mapInstanceProperty__default["default"](allApplicationNavbarMenu).call(allApplicationNavbarMenu, function (menu) {
+        children: [_mapInstanceProperty__default["default"](allInternalApplicationsNavbarMenu).call(allInternalApplicationsNavbarMenu, function (menu) {
           var menuType = 'scrollable';
           var itemIndex = "".concat(menuType, "-").concat(menu.key);
           return jsxRuntime.jsx(ApplicationMenu, {
@@ -3598,7 +3605,26 @@ var NavBar = function NavBar(props) {
             useFullRedirectsForLinks: useFullRedirectsForLinks,
             onMenuItemClick: props.onMenuItemClick
           }, menu.key);
-        })
+        }), jsxRuntime.jsx(MenuItemDivider, {}), _mapInstanceProperty__default["default"](allCustomApplicationsNavbarMenu).call(allCustomApplicationsNavbarMenu, function (menu) {
+          var menuType = 'scrollable';
+          var itemIndex = "".concat(menuType, "-").concat(menu.key);
+          return jsxRuntime.jsx(ApplicationMenu, {
+            location: location,
+            menu: menu,
+            isActive: activeItemIndex === itemIndex,
+            handleToggleItem: function handleToggleItem() {
+              return _handleToggleItem(itemIndex);
+            },
+            isMenuOpen: isMenuOpen,
+            shouldCloseMenuFly: shouldCloseMenuFly,
+            projectPermissions: projectPermissions,
+            menuVisibilities: menuVisibilities,
+            applicationLocale: props.applicationLocale,
+            projectKey: props.projectKey,
+            useFullRedirectsForLinks: useFullRedirectsForLinks,
+            onMenuItemClick: props.onMenuItemClick
+          }, menu.key);
+        })]
       }), jsxRuntime.jsxs("div", {
         className: styles$1['fixed-menu'],
         children: [jsxRuntime.jsx(MenuItem, {
@@ -3621,10 +3647,13 @@ var NavBar = function NavBar(props) {
             children: jsxRuntime.jsxs("div", {
               className: styles$1['item-icon-text'],
               children: [jsxRuntime.jsx("div", {
-                className: styles$1.icon,
-                children: jsxRuntime.jsx(icons.SupportIcon, {
-                  size: "scale",
-                  color: getIconColor(activeItemIndex === 'fixed-support', true)
+                className: styles$1['icon-container'],
+                children: jsxRuntime.jsx("div", {
+                  className: styles$1.icon,
+                  children: jsxRuntime.jsx(icons.SupportIcon, {
+                    size: "scale",
+                    color: getIconColor(activeItemIndex === 'fixed-support')
+                  })
                 })
               }), jsxRuntime.jsx("div", {
                 className: styles$1.title,
@@ -3704,7 +3733,7 @@ var pimIndexerStates = {
 };
 
 var QuickAccess = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./quick-access-3f564da2.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./quick-access-74b27803.cjs.prod.js'
   /* webpackChunkName: "quick-access" */
   ); });
 });