@commercetools-frontend/application-shell 27.5.2 → 27.5.3

package/dist/{navbar-e287ce25.cjs.prod.js → navbar-pofzN_Jd.cjs.prod.js}

@@ -28,7 +28,7 @@ var _styled = require('@emotion/styled/base');
 var react = require('@emotion/react');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var designSystem = require('@commercetools-uikit/design-system');
-var oidc = require('./oidc-d74e6aa2.cjs.prod.js');
+var oidc = require('./oidc-CB4raOTc.cjs.prod.js');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var reactBroadcast = require('@flopflip/react-broadcast');
@@ -36,17 +36,17 @@ var classnames = require('classnames');
 var MissingImageSvg = require('@commercetools-frontend/assets/images/diagonal-line.svg');
 var permissions = require('@commercetools-frontend/permissions');
 var InlineSvg = require('@commercetools-uikit/icons/inline-svg');
-var location = require('./location-537e0660.cjs.prod.js');
+var location = require('./location-Bie7DUXJ.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var isNil = require('lodash/isNil');
 var throttle = require('lodash/throttle');
-var useApplicationsMenu = require('./use-applications-menu-8984efa1.cjs.prod.js');
+var useApplicationsMenu = require('./use-applications-menu-GILf-qBs.cjs.prod.js');
 require('@apollo/client');
 require('@commercetools-frontend/l10n');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
@@ -74,22 +74,22 @@ var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceP
 var isNil__default = /*#__PURE__*/_interopDefault(isNil);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
 
-const IconWrapper = /*#__PURE__*/_styled__default["default"]("div", {
+const IconWrapper = /*#__PURE__*/_styled__default.default("div", {
   target: "e1wv1pdj3"
 } )({
   name: "ex9e0f",
   styles: "width:auto;display:flex;justify-content:center"
 } );
-const Icon = /*#__PURE__*/_styled__default["default"]("div", {
+const Icon = /*#__PURE__*/_styled__default.default("div", {
   target: "e1wv1pdj2"
 } )("width:", oidc.NAVBAR.iconSize, ";height:", oidc.NAVBAR.iconSize, ";transition:", oidc.NAVBAR.leftNavigationTransition, ";>svg *:not([fill='none']){fill:", designSystem.designTokens.colorSurface, ";}" + ("" ));
-const ItemIconText = /*#__PURE__*/_styled__default["default"]("div", {
+const ItemIconText = /*#__PURE__*/_styled__default.default("div", {
   target: "e1wv1pdj1"
 } )({
   name: "192s9p1",
   styles: "display:flex;flex-direction:row;justify-content:center;align-items:center"
 } );
-const Title = /*#__PURE__*/_styled__default["default"]("div", {
+const Title = /*#__PURE__*/_styled__default.default("div", {
   target: "e1wv1pdj0"
 } )("flex:1;font-weight:600;font-size:", designSystem.designTokens.fontSize20, ";line-height:", designSystem.designTokens.lineHeight20, ";color:", designSystem.designTokens.colorNeutral, ";opacity:0;transition:", oidc.NAVBAR.leftNavigationTransition, ";text-align:left;text-decoration:none;z-index:1;" + ("" ));
 
@@ -111,22 +111,22 @@ var _ref3 = {
   name: "eivff4",
   styles: "display:none"
 } ;
-const Expander = /*#__PURE__*/_styled__default["default"]("li", {
+const Expander = /*#__PURE__*/_styled__default.default("li", {
   target: "e1i568cv8"
 } )("display:flex;align-items:center;justify-content:center;background:", designSystem.designTokens.colorPrimary10, ";padding:", designSystem.designTokens.spacing30, " ", designSystem.designTokens.spacing25, ";", props => !props.isVisible && _ref3, "::before{content:'';position:absolute;top:", oidc.NAVBAR.itemHeight, ";height:1px;background:rgba(255, 255, 255, 0.5);width:calc(100% - 2 * ", designSystem.designTokens.spacing30, ");}" + ("" ));
-const ExpanderIcon = /*#__PURE__*/_styled__default["default"]("div", {
+const ExpanderIcon = /*#__PURE__*/_styled__default.default("div", {
   target: "e1i568cv7"
 } )("height:", oidc.NAVBAR.expanderSize, ";width:", oidc.NAVBAR.expanderSize, ";border-radius:", designSystem.designTokens.borderRadius4, ";padding:", designSystem.designTokens.spacing20, ";background:rgba(255, 255, 255, 0.2);display:flex;justify-content:center;align-items:center;:hover,:focus{background:rgba(255, 255, 255, 0.3);cursor:pointer;}" + ("" ));
-const LeftNavigation = /*#__PURE__*/_styled__default["default"]("nav", {
+const LeftNavigation = /*#__PURE__*/_styled__default.default("nav", {
   target: "e1i568cv6"
 } )("display:grid;width:", oidc.NAVBAR.widthLeftNavigation, ";background:", applicationComponents.designTokens.backgroundColorForNavbar, ";height:100%;grid-template-rows:56px 1fr;transition:", oidc.NAVBAR.leftNavigationTransition, ";" + ("" ));
-const TextLinkSublistWrapper = /*#__PURE__*/_styled__default["default"]("div", {
+const TextLinkSublistWrapper = /*#__PURE__*/_styled__default.default("div", {
   target: "e1i568cv5"
 } )({
   name: "khglpi",
   styles: "display:flex;flex-direction:column;position:relative;min-height:0"
 } );
-const NavlinkClickableContent = /*#__PURE__*/_styled__default["default"]("div", {
+const NavlinkClickableContent = /*#__PURE__*/_styled__default.default("div", {
   target: "e1i568cv4"
 } )("height:100%;width:100%;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:all 150ms ease-out;position:relative;left:calc(-1 * ", designSystem.designTokens.spacing20, ");" + ("" ));
 const listStyles = {
@@ -138,22 +138,22 @@ var _ref2 = {
   name: "6dhm9o",
   styles: "visibility:hidden"
 } ;
-const MenuList = /*#__PURE__*/_styled__default["default"]("ul", {
+const MenuList = /*#__PURE__*/_styled__default.default("ul", {
   target: "e1i568cv3"
 } )(props => [props.level === 1 && listStyles, getSubmenuPositionBasedOnMenuItemPosition(props.isSubmenuAboveMenuItem, props.submenuVerticalPosition), props.level === 2 && sublistStyles,
 // prevent glitchy behavior during the initial render when the submenu's vertical position is evaluated as 0
 props.submenuVerticalPosition === 0 && _ref2, (props.isSublistActiveWhileIsMenuExpanded || props.isSublistCollapsedAndActive || props.isSublistCollapsedAndActiveAndAbove) && /*#__PURE__*/react.css("opacity:0;display:none;text-align:left;background-color:", designSystem.designTokens.colorAccent20, ";::before{content:'';position:absolute;display:block;width:calc(", oidc.NAVBAR.sublistWidth, " + ", designSystem.designTokens.spacing20, ");height:", oidc.NAVBAR.itemSize, ";left:calc(-1 * ", designSystem.designTokens.spacing20, ");", getContainerPositionBasedOnMenuItemPosition(props.isSubmenuAboveMenuItem, props.isSublistActiveWhileIsMenuExpanded, props.isSublistActiveWhileIsMenuCollapsed), ";}" + ("" ), "" )], " & .highlighted,& .highlighted ", Title, "{color:", designSystem.designTokens.colorSurface, "!important;font-weight:", designSystem.designTokens.fontWeight600, ";}" + ("" ));
-const SublistItem = /*#__PURE__*/_styled__default["default"]("li", {
+const SublistItem = /*#__PURE__*/_styled__default.default("li", {
   target: "e1i568cv2"
 } )("display:flex;align-items:center;align-self:stretch;border-radius:", designSystem.designTokens.borderRadius4, ";", props => [props.isActive && /*#__PURE__*/react.css("background:", designSystem.designTokens.colorPrimary40, ";" + ("" ), "" ), !props.isActive && /*#__PURE__*/react.css(":hover,:focus-within{color:", designSystem.designTokens.colorSurface, ";font-weight:", designSystem.designTokens.fontWeight600, ";border-radius:", designSystem.designTokens.borderRadius4, ";background:", designSystem.designTokens.colorPrimary95, ";[data-link-level='text-link-sublist']{>", NavlinkClickableContent, "{left:0;}}}" + ("" ), "" )], ";" + ("" ));
 var _ref = {
   name: "1azakc",
   styles: "text-align:center"
 } ;
-const MenuListItem = /*#__PURE__*/_styled__default["default"]("li", {
+const MenuListItem = /*#__PURE__*/_styled__default.default("li", {
   target: "e1i568cv1"
 } )("height:", oidc.NAVBAR.itemSize, ";width:", oidc.NAVBAR.itemSize, ";margin:0;background:", applicationComponents.designTokens.backgroundColorForNavbar, ";list-style:none;cursor:pointer;", IconWrapper, "{width:auto;display:flex;justify-content:center;}", props => [props.isRouteActive && /*#__PURE__*/react.css("background:", designSystem.designTokens.colorPrimary25, ";border-radius:", designSystem.designTokens.borderRadius8, ";" + ("" ), "" ), !props.isRouteActive && /*#__PURE__*/react.css(":hover,:focus-within{background-color:", designSystem.designTokens.colorPrimary20, ";border-radius:", designSystem.designTokens.borderRadius8, ";}" + ("" ), "" ), props.isActive && /*#__PURE__*/react.css(ItemIconText, "{justify-content:flex-start;}" + ("" ), "" ), !props.isActive && /*#__PURE__*/react.css(":hover ", Icon, ">svg *:not([fill='none']),:focus-within ", Icon, ">svg *:not([fill='none']){fill:", designSystem.designTokens.colorSurface, ";}:hover .", Title, ",:focus-within ", Title, "{color:", designSystem.designTokens.colorSurface, ";}" + ("" ), "" ), props.isCollapsed && _ref], " :hover ", Title, ",:focus-within ", Title, "{margin-left:calc(", designSystem.designTokens.spacing25, " + 2px);}:hover ", Icon, ",:focus-within ", Icon, "{transform:scale(1.2);}:hover ", MenuList, ".sublist-collapsed__active,:hover ", MenuList, ".sublist-collapsed__active__above,:hover ", MenuList, ".sublist-expanded__active,:focus-within ", MenuList, ".sublist-collapsed__active,:focus-within ", MenuList, ".sublist-collapsed__active__above,:focus-within ", MenuList, ".sublist-expanded__active{animation-name:", fadeIn, ";animation-duration:16ms;animation-delay:100ms;animation-fill-mode:forwards;display:flex;flex-direction:column;align-items:flex-start;background-color:", designSystem.designTokens.colorSurface, ";min-height:", oidc.NAVBAR.sublistItemMinHeight, ";width:", oidc.NAVBAR.sublistWidth, ";border-radius:", designSystem.designTokens.borderRadius8, ";z-index:20001;box-shadow:-2px 4px 25px 0 rgba(89, 89, 89, 0.5);}:hover ", MenuList, ".sublist-collapsed__active.sublist-collapsed__empty,:hover ", MenuList, ".sublist-collapsed__active__above.sublist-collapsed__empty,:focus-within ", MenuList, ".sublist-collapsed__active.sublist-collapsed__empty,:focus-within ", MenuList, ".sublist-collapsed__active__above.sublist-collapsed__empty{visibility:hidden;}:hover ", MenuList, ".sublist-expanded__active,:focus-within ", MenuList, ".sublist-expanded__active{left:", oidc.NAVBAR.sublistIndentationWhenExpanded, ";}" + ("" ));
-const SafeArea = /*#__PURE__*/_styled__default["default"]("span", {
+const SafeArea = /*#__PURE__*/_styled__default.default("span", {
   target: "e1i568cv0"
 } )("position:absolute;top:0;bottom:0;right:100%;width:calc(100% - ", designSystem.designTokens.spacing30, ");clip-path:polygon(var(--safe-start), 100% 100%, 100% 0);" + ("" ));
 
@@ -165,38 +165,38 @@ const visible = react.keyframes`
     opacity: 1;
   }
 `;
-const FixedMenu = /*#__PURE__*/_styled__default["default"]("div", {
+const FixedMenu = /*#__PURE__*/_styled__default.default("div", {
   target: "e1meml8k10"
 } )("position:relative;width:", oidc.NAVBAR.widthLeftNavigation, ";", MenuListItem, " ", ItemIconText, "{justify-content:center;display:flex;width:100%;}" + ("" ));
-const SupportMenuTooltipContainer = /*#__PURE__*/_styled__default["default"]("div", {
+const SupportMenuTooltipContainer = /*#__PURE__*/_styled__default.default("div", {
   target: "e1meml8k9"
 } )("position:fixed;left:", oidc.NAVBAR.sublistIndentationWhenCollapsed, ";display:none;align-items:center;justify-content:flex-start;height:", oidc.NAVBAR.itemSize, ";z-index:20001;" + ("" ));
-const ItemContent = /*#__PURE__*/_styled__default["default"]("div", {
+const ItemContent = /*#__PURE__*/_styled__default.default("div", {
   target: "e1meml8k8"
 } )("color:", designSystem.designTokens.colorNeutral, ";width:", oidc.NAVBAR.itemSize, ";position:relative;display:block;:hover ", SupportMenuTooltipContainer, ",:focus-within ", SupportMenuTooltipContainer, "{display:flex;}" + ("" ));
-const ScrollableMenu = /*#__PURE__*/_styled__default["default"]("div", {
+const ScrollableMenu = /*#__PURE__*/_styled__default.default("div", {
   target: "e1meml8k7"
 } )("flex:1 1 0;overflow-x:hidden;overflow-y:hidden;padding:", designSystem.designTokens.spacing30, " ", designSystem.designTokens.spacing30, " ", oidc.NAVBAR.itemSize, ";width:", oidc.NAVBAR.widthLeftNavigation, ";box-sizing:border-box;:hover{overflow-y:scroll;}scrollbar-width:thin;scrollbar-color:", designSystem.designTokens.colorPrimary40, " transparent;&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background:transparent;}&::-webkit-scrollbar-thumb{background-color:", designSystem.designTokens.colorPrimary40, ";border-radius:", designSystem.designTokens.borderRadius8, ";}" + ("" ));
 const leftNavigationOpenStyles = /*#__PURE__*/react.css(".body__menu-open ", LeftNavigation, "{transition:", oidc.NAVBAR.leftNavigationTransition, ";width:", oidc.NAVBAR.widthLeftNavigationWhenExpanded, ";}.body__menu-open ", ScrollableMenu, "{width:", oidc.NAVBAR.widthLeftNavigationWhenExpanded, ";}.body__menu-open ", FixedMenu, "{width:", oidc.NAVBAR.widthLeftNavigationWhenExpanded, ";}.body__menu-open [data-link-level='text-link']{justify-content:start;}.body__menu-open ", MenuListItem, "{height:auto;min-height:", oidc.NAVBAR.itemSize, ";width:calc(\n      ", oidc.NAVBAR.sublistIndentationWhenExpanded, " - 2 *\n        ", designSystem.designTokens.spacing25, "\n    );&.active{max-height:500px;transition:max-height 0.25s ease-in;", ItemIconText, "{position:relative;width:auto;margin-left:0;}}", Title, "{opacity:1;margin-left:", designSystem.designTokens.spacing25, ";color:", designSystem.designTokens.colorSurface, ";transition:", oidc.NAVBAR.leftNavigationTransition, ";animation:", visible, " 150ms cubic-bezier(1, 0, 0.58, 1);}}.body__menu-open ", ItemContent, "{width:100%;}" + ("" ), "" );
-const NavigationHeader = /*#__PURE__*/_styled__default["default"]("div", {
+const NavigationHeader = /*#__PURE__*/_styled__default.default("div", {
   target: "e1meml8k6"
 } )("background-color:", applicationComponents.designTokens.backgroundColorForNavbarHeader, ";color:", designSystem.designTokens.colorSurface, ";display:flex;justify-content:center;flex-direction:row;align-items:center;padding:", designSystem.designTokens.spacing30, ";" + ("" ));
-const HeaderTitle = /*#__PURE__*/_styled__default["default"]("div", {
+const HeaderTitle = /*#__PURE__*/_styled__default.default("div", {
   target: "e1meml8k5"
 } )("font-weight:600;margin-left:", designSystem.designTokens.spacing20, ";transition:", oidc.NAVBAR.leftNavigationTransition, ";animation:", visible, " 150ms cubic-bezier(1, 0, 0.58, 1);" + ("" ));
-const TooltipContainer = /*#__PURE__*/_styled__default["default"]("div", {
+const TooltipContainer = /*#__PURE__*/_styled__default.default("div", {
   target: "e1meml8k4"
 } )("position:absolute;left:0;display:flex;align-items:center;justify-content:flex-start;height:", oidc.NAVBAR.itemSize, ";visibility:visible;", props => props.alignsAgainstBottom ? 'bottom' : 'top', ":-", oidc.NAVBAR.itemSize, ";" + ("" ));
-const Tooltip = /*#__PURE__*/_styled__default["default"]("div", {
+const Tooltip = /*#__PURE__*/_styled__default.default("div", {
   target: "e1meml8k3"
 } )("padding:", designSystem.designTokens.spacing10, " calc(", designSystem.designTokens.spacing20, " + ", designSystem.designTokens.spacing10, ");display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;border-radius:", designSystem.designTokens.borderRadius4, ";background:", designSystem.designTokens.colorAccent10, ";box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);font-size:", designSystem.designTokens.fontSize20, ";line-height:", designSystem.designTokens.lineHeight20, ";font-weight:", designSystem.designTokens.fontWeight400, ";color:", designSystem.designTokens.colorSurface, ";max-height:", oidc.NAVBAR.itemSize, ";visibility:inherit;" + ("" ));
-const TextLink = /*#__PURE__*/_styled__default["default"]("a", {
+const TextLink = /*#__PURE__*/_styled__default.default("a", {
   target: "e1meml8k2"
 } )("color:", designSystem.designTokens.colorNeutral, ";text-decoration:none;display:flex;padding:", designSystem.designTokens.spacing25, ";align-items:center;justify-content:center;" + ("" ));
-const SupportMenu = /*#__PURE__*/_styled__default["default"]("div", {
+const SupportMenu = /*#__PURE__*/_styled__default.default("div", {
   target: "e1meml8k1"
 } )("padding:", designSystem.designTokens.spacing10, " ", designSystem.designTokens.spacing30, " ", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing30, ";height:calc(", oidc.NAVBAR.itemSize, " + ", designSystem.designTokens.spacing20, ");" + ("" ));
-const Text = /*#__PURE__*/_styled__default["default"]("div", {
+const Text = /*#__PURE__*/_styled__default.default("div", {
   target: "e1meml8k0"
 } )("font-weight:", designSystem.designTokens.fontWeight400, ";font-size:", designSystem.designTokens.fontSize20, ";line-height:", designSystem.designTokens.lineHeight20, ";width:100%;height:100%;" + ("" ));
 const getMenuItemLinkStyles = isSubmenuLink => [isSubmenuLink && /*#__PURE__*/react.css("display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:", designSystem.designTokens.colorSolid, ";font-weight:", designSystem.designTokens.fontWeight600, ";text-decoration:none;flex:1;padding:", designSystem.designTokens.spacing25, " ", designSystem.designTokens.spacing25, " ", designSystem.designTokens.spacing25, " ", designSystem.designTokens.spacing30, ";transition:padding 150ms ease-out;" + ("" ), "" ), !isSubmenuLink && /*#__PURE__*/react.css("color:", designSystem.designTokens.colorNeutral, ";text-decoration:none;display:flex;padding:", designSystem.designTokens.spacing25, ";align-items:center;justify-content:center;" + ("" ), "" )];
@@ -219,23 +219,23 @@ var messages = reactIntl.defineMessages({
 const _excluded = ["icon"],
   _excluded2 = ["exactMatch"],
   _excluded3 = ["permissions"];
-function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const HeartIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./heart-01f01038.cjs.prod.js'); }));
-const PaperclipIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./paperclip-fe72a70d.cjs.prod.js'); }));
-const PluginIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./plugin-81ae1044.cjs.prod.js'); }));
-const RocketIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./rocket-cb99be06.cjs.prod.js'); }));
-const StarIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./star-e4902bbb.cjs.prod.js'); }));
-const ConnectedSquareIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./connected-square-2d046cb8.cjs.prod.js'); }));
-const WorldIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./world-22189397.cjs.prod.js'); }));
-const TreeStructureIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./tree-structure-3ec98cce.cjs.prod.js'); }));
-const UserFilledIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./user-filled-26f333b2.cjs.prod.js'); }));
-const SpeedometerIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./speedometer-26f52e73.cjs.prod.js'); }));
-const TagMultiIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./tag-multi-1c065f61.cjs.prod.js'); }));
-const CartIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./cart-645074db.cjs.prod.js'); }));
-const BoxIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./box-09bf50e1.cjs.prod.js'); }));
-const GearIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./gear-4f7cde98.cjs.prod.js'); }));
-const ListWithSearchIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./list-with-search-6462447e.cjs.prod.js'); }));
+function ownKeys$2(e, r) { var t = _Object$keys__default.default(e); if (_Object$getOwnPropertySymbols__default.default) { var o = _Object$getOwnPropertySymbols__default.default(e); r && (o = _filterInstanceProperty__default.default(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default.default(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default.default(_context3 = ownKeys$2(Object(t), true)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default.default ? _Object$defineProperties__default.default(e, _Object$getOwnPropertyDescriptors__default.default(t)) : _forEachInstanceProperty__default.default(_context4 = ownKeys$2(Object(t))).call(_context4, function (r) { _Object$defineProperty__default.default(e, r, _Object$getOwnPropertyDescriptor__default.default(t, r)); }); } return e; }
+const HeartIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./heart-NMdIq3_v.cjs.prod.js'); }));
+const PaperclipIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./paperclip-C0p8mWla.cjs.prod.js'); }));
+const PluginIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./plugin-BTWLp3pQ.cjs.prod.js'); }));
+const RocketIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./rocket-MzQlvF-e.cjs.prod.js'); }));
+const StarIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./star-CHXVXKAZ.cjs.prod.js'); }));
+const ConnectedSquareIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./connected-square-C1WU9BVu.cjs.prod.js'); }));
+const WorldIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./world-KIE1y9HU.cjs.prod.js'); }));
+const TreeStructureIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./tree-structure-T11as8Tg.cjs.prod.js'); }));
+const UserFilledIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./user-filled-BtKs1mdQ.cjs.prod.js'); }));
+const SpeedometerIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./speedometer-CkbhtRm7.cjs.prod.js'); }));
+const TagMultiIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./tag-multi-DHz3Ss3I.cjs.prod.js'); }));
+const CartIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./cart-729S0a9t.cjs.prod.js'); }));
+const BoxIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./box-4tJmU3_W.cjs.prod.js'); }));
+const GearIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./gear-ChG3hBKf.cjs.prod.js'); }));
+const ListWithSearchIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./list-with-search-D5MULvFD.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.
@@ -243,8 +243,8 @@ const ListWithSearchIcon = /*#__PURE__*/react$1.lazy(() => Promise.resolve().the
 const IconSwitcher = _ref => {
   let icon = _ref.icon,
     iconProps = _objectWithoutProperties(_ref, _excluded);
-  if (_includesInstanceProperty__default["default"](icon).call(icon, '<svg')) {
-    return jsxRuntime.jsx(InlineSvg__default["default"], _objectSpread$2({
+  if (_includesInstanceProperty__default.default(icon).call(icon, '<svg')) {
+    return jsxRuntime.jsx(InlineSvg__default.default, _objectSpread$2({
       data: icon
     }, iconProps));
   }
@@ -287,7 +287,7 @@ const IconSwitcher = _ref => {
       return jsxRuntime.jsx(WorldIcon, _objectSpread$2({}, iconProps));
     default:
       return jsxRuntime.jsx("img", {
-        src: MissingImageSvg__default["default"],
+        src: MissingImageSvg__default.default,
         alt: "missing icon"
       });
   }
@@ -335,7 +335,7 @@ const MenuGroup = /*#__PURE__*/react$1.forwardRef((props, ref) => {
     "data-testid": `group-${props.id}`,
     role: "menu",
     onKeyDown: props.handleKeyDown,
-    className: classnames__default["default"]({
+    className: classnames__default.default({
       'sublist-expanded__active': isSublistActiveWhileIsMenuExpanded
     }, {
       'sublist-collapsed__empty': isSublistActiveWhileIsMenuCollapsed && !props.hasSubmenu
@@ -365,7 +365,7 @@ const MenuItem$1 = props => {
     onBlur: props.onMouseLeave,
     onKeyDown: props.onKeyDown,
     "data-menuitem": props.identifier,
-    className: classnames__default["default"]({
+    className: classnames__default.default({
       active: props.isActive
     }),
     isActive: props.isActive,
@@ -438,7 +438,7 @@ const RestrictedMenuItem = _ref4 => {
     permissions$1 = _ref4$permissions === void 0 ? [] : _ref4$permissions,
     props = _objectWithoutProperties(_ref4, _excluded3);
   const flagVariation = reactBroadcast.useFlagVariation(props.featureToggle);
-  const permissionsWrapper = _Array$isArray__default["default"](permissions$1) && permissions$1.length > 0 || _Array$isArray__default["default"](props.dataFences) && props.dataFences.length > 0 ? jsxRuntime.jsx(permissions.RestrictedByPermissions, {
+  const permissionsWrapper = _Array$isArray__default.default(permissions$1) && permissions$1.length > 0 || _Array$isArray__default.default(props.dataFences) && props.dataFences.length > 0 ? jsxRuntime.jsx(permissions.RestrictedByPermissions, {
     permissions: permissions$1,
     actionRights: props.actionRights,
     dataFences: props.dataFences,
@@ -470,9 +470,9 @@ const RestrictedMenuItem = _ref4 => {
 RestrictedMenuItem.displayName = 'RestrictedMenuItem';
 const MenuLabel = props => {
   var _context;
-  const localizedLabel = _findInstanceProperty__default["default"](_context = props.labelAllLocales).call(_context, loc => {
+  const localizedLabel = _findInstanceProperty__default.default(_context = props.labelAllLocales).call(_context, loc => {
     var _context2;
-    return _startsWithInstanceProperty__default["default"](_context2 = props.applicationLocale).call(_context2, loc.locale);
+    return _startsWithInstanceProperty__default.default(_context2 = props.applicationLocale).call(_context2, loc.locale);
   });
   if (localizedLabel) return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: localizedLabel.value
@@ -522,28 +522,28 @@ const NavBarLayout = props => {
     children: props.children
   });
 };
-const NavBarHeader = /*#__PURE__*/_styled__default["default"]("div", {
+const NavBarHeader = /*#__PURE__*/_styled__default.default("div", {
   target: "epfjvz37"
 } )("display:flex;justify-content:center;align-items:center;padding:", designSystem.designTokens.spacing30, ";height:", oidc.DIMENSIONS.header, ";background:", applicationComponents.designTokens.backgroundColorForNavbarHeader, ";" + ("" ));
-const NavBarBody = /*#__PURE__*/_styled__default["default"]("div", {
+const NavBarBody = /*#__PURE__*/_styled__default.default("div", {
   target: "epfjvz36"
 } )("display:flex;flex:1;padding:", designSystem.designTokens.spacing30, ";flex-direction:column;align-items:flex-start;gap:", designSystem.designTokens.spacing40, ";flex-shrink:0;background:", designSystem.designTokens.colorPrimary10, ";position:relative;" + ("" ));
-const NavBarFooter = /*#__PURE__*/_styled__default["default"]("div", {
+const NavBarFooter = /*#__PURE__*/_styled__default.default("div", {
   target: "epfjvz35"
 } )("position:relative;display:flex;width:100%;flex-direction:column;background:", designSystem.designTokens.colorPrimary10, ";padding:", designSystem.designTokens.spacing30, " ", props => props.isExpanded ? '58px' : '0px', ";justify-content:center;align-items:center;&::before{content:'';position:absolute;top:0;height:1px;width:calc(100% - 2 * ", designSystem.designTokens.spacing30, ");background:rgba(255, 255, 255, 0.5);}" + ("" ));
-const ExpandIcon = /*#__PURE__*/_styled__default["default"]("div", {
+const ExpandIcon = /*#__PURE__*/_styled__default.default("div", {
   target: "epfjvz34"
 } )("width:40px;height:40px;border-radius:", designSystem.designTokens.borderRadius4, ";background:rgba(255, 255, 255, 0.2);" + ("" ));
-const MenuItemContainer = /*#__PURE__*/_styled__default["default"]("div", {
+const MenuItemContainer = /*#__PURE__*/_styled__default.default("div", {
   target: "epfjvz33"
 } )("display:flex;align-items:center;justify-content:center;gap:12px;padding:", props => props.contentWidth === 'wide' || !props.isExpanded ? '12px' : '12px 28px', ";height:48px;" + ("" ));
-const MenuItemIcon = /*#__PURE__*/_styled__default["default"]("div", {
+const MenuItemIcon = /*#__PURE__*/_styled__default.default("div", {
   target: "epfjvz32"
 } )("width:24px;height:24px;border-radius:", designSystem.designTokens.borderRadius4, ";background:rgba(255, 255, 255, 0.2);" + ("" ));
-const MenuItemTitle = /*#__PURE__*/_styled__default["default"]("div", {
+const MenuItemTitle = /*#__PURE__*/_styled__default.default("div", {
   target: "epfjvz31"
 } )("border-radius:", designSystem.designTokens.borderRadius4, ";background:rgba(255, 255, 255, 0.2);flex:1;height:18px;" + ("" ));
-const MenuItemGroup = /*#__PURE__*/_styled__default["default"]("div", {
+const MenuItemGroup = /*#__PURE__*/_styled__default.default("div", {
   target: "epfjvz30"
 } )({
   name: "1d3w5wq",
@@ -570,12 +570,12 @@ const NavBarSkeleton = props => {
       })
     }), jsxRuntime.jsxs(NavBarBody, {
       children: [jsxRuntime.jsx(MenuItemGroup, {
-        children: _mapInstanceProperty__default["default"](_context = [..._keysInstanceProperty__default["default"](_context2 = Array(2)).call(_context2)]).call(_context, index => jsxRuntime.jsx(MenuItem, {
+        children: _mapInstanceProperty__default.default(_context = [..._keysInstanceProperty__default.default(_context2 = Array(2)).call(_context2)]).call(_context, index => jsxRuntime.jsx(MenuItem, {
           contentWidth: "wide",
           isExpanded: props.isExpanded
         }, index))
       }), jsxRuntime.jsx(MenuItemGroup, {
-        children: _mapInstanceProperty__default["default"](_context3 = [..._keysInstanceProperty__default["default"](_context4 = Array(10)).call(_context4)]).call(_context3, index => jsxRuntime.jsx(MenuItem, {
+        children: _mapInstanceProperty__default.default(_context3 = [..._keysInstanceProperty__default.default(_context4 = Array(10)).call(_context4)]).call(_context3, index => jsxRuntime.jsx(MenuItem, {
           contentWidth: "wide",
           isExpanded: props.isExpanded
         }, index))
@@ -598,12 +598,12 @@ function nonNullable(value) {
   return value !== null && value !== undefined;
 }
 
-function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$1(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = _Object$keys__default.default(e); if (_Object$getOwnPropertySymbols__default.default) { var o = _Object$getOwnPropertySymbols__default.default(e); r && (o = _filterInstanceProperty__default.default(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default.default(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default.default(_context6 = ownKeys$1(Object(t), true)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default.default ? _Object$defineProperties__default.default(e, _Object$getOwnPropertyDescriptors__default.default(t)) : _forEachInstanceProperty__default.default(_context7 = ownKeys$1(Object(t))).call(_context7, function (r) { _Object$defineProperty__default.default(e, r, _Object$getOwnPropertyDescriptor__default.default(t, r)); }); } return e; }
 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: "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: 537, source: { body: "query FetchProjectExtensionsNavbar {\n  projectExtension {\n    id\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 } } } };
 const getInitialState = isForcedMenuOpen => ({
   isExpanderVisible: true,
-  isMenuOpen: isNil__default["default"](isForcedMenuOpen) ? false : isForcedMenuOpen,
+  isMenuOpen: isNil__default.default(isForcedMenuOpen) ? false : isForcedMenuOpen,
   mousePosition: {
     clientX: 0,
     clientY: 0
@@ -671,7 +671,7 @@ const useNavbarStateManager = props => {
       fetchPolicy: 'cache-and-network'
     }),
     projectExtensionsQuery = _useMcQuery.data;
-  const allCustomApplicationsNavbarMenu = projectExtensionsQuery && projectExtensionsQuery.projectExtension && projectExtensionsQuery.projectExtension.installedApplications ? _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = projectExtensionsQuery.projectExtension.installedApplications).call(_context2, installedApplication => {
+  const allCustomApplicationsNavbarMenu = projectExtensionsQuery && projectExtensionsQuery.projectExtension && projectExtensionsQuery.projectExtension.installedApplications ? _filterInstanceProperty__default.default(_context = _mapInstanceProperty__default.default(_context2 = projectExtensionsQuery.projectExtension.installedApplications).call(_context2, installedApplication => {
     var _context3;
     const application = installedApplication.application;
     // Map the menu properties to match the one from the proxy schema.
@@ -688,7 +688,7 @@ const useNavbarStateManager = props => {
       featureToggle: undefined,
       actionRights: undefined,
       dataFences: undefined,
-      submenu: _mapInstanceProperty__default["default"](_context3 = application.submenuLinks || []).call(_context3, submenuLink => ({
+      submenu: _mapInstanceProperty__default.default(_context3 = application.submenuLinks || []).call(_context3, submenuLink => ({
         key: submenuLink.id,
         uriPath: submenuLink.uriPath,
         labelAllLocales: submenuLink.labelAllLocales || [],
@@ -701,15 +701,15 @@ const useNavbarStateManager = props => {
     };
   })).call(_context, nonNullable) : [];
   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)) {
+  const isForcedMenuOpen = isNil__default.default(cachedIsForcedMenuOpen) ? isForcedMenuOpenDefaultValue : JSON.parse(cachedIsForcedMenuOpen);
+  if (isNil__default.default(cachedIsForcedMenuOpen)) {
     window.localStorage.setItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(isForcedMenuOpen));
   }
   const _useReducer = react$1.useReducer(reducer, getInitialState(isForcedMenuOpen)),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
-  const checkSize = react$1.useCallback(throttle__default["default"](() => {
+  const checkSize = react$1.useCallback(throttle__default.default(() => {
     const shouldOpen = window.innerWidth > oidc.WINDOW_SIZES.STANDARD;
     const canExpandMenu = window.innerWidth > oidc.WINDOW_SIZES.WIDE;
 
@@ -731,7 +731,7 @@ const useNavbarStateManager = props => {
       dispatch({
         type: 'setIsExpanderVisible'
       });
-    } else if (isNil__default["default"](isForcedMenuOpen) && state.isMenuOpen !== shouldOpen) {
+    } else if (isNil__default.default(isForcedMenuOpen) && state.isMenuOpen !== shouldOpen) {
       // User has no settings yet (this.props.isForcedMenuOpen === null)
       // We check the viewport size and:
       // - if screen is big, we open the menu
@@ -740,7 +740,7 @@ const useNavbarStateManager = props => {
         type: 'setIsMenuOpenAndMakeExpanderVisible',
         payload: shouldOpen
       });
-    } else if (!isNil__default["default"](isForcedMenuOpen) && state.isMenuOpen !== isForcedMenuOpen) {
+    } else if (!isNil__default.default(isForcedMenuOpen) && state.isMenuOpen !== isForcedMenuOpen) {
       // User has setting, we should use that and ignore the screen size.
       // Note: if viewport size is small, we should ignore the user settings.
       dispatch({
@@ -812,7 +812,7 @@ const useNavbarStateManager = props => {
     // Synchronize the menu state with local storage.
     window.localStorage.setItem(constants.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(!state.isMenuOpen));
   }, [state.activeItemIndex, state.isMenuOpen]);
-  const allApplicationsNavbarMenuGroups = _sortInstanceProperty__default["default"](_context4 = _mapInstanceProperty__default["default"](_context5 = applicationsNavBarMenuGroups || []).call(_context5, navbarMenuGroup => navbarMenuGroup.key === '2' && allCustomApplicationsNavbarMenu.length > 0 ? {
+  const allApplicationsNavbarMenuGroups = _sortInstanceProperty__default.default(_context4 = _mapInstanceProperty__default.default(_context5 = applicationsNavBarMenuGroups || []).call(_context5, navbarMenuGroup => navbarMenuGroup.key === '2' && allCustomApplicationsNavbarMenu.length > 0 ? {
     key: navbarMenuGroup.key,
     items: [...navbarMenuGroup.items, ...allCustomApplicationsNavbarMenu]
   } : navbarMenuGroup)).call(_context4, (navBarMenuGroupA, navBarMenuGroupB) => Number(navBarMenuGroupA?.key) - Number(navBarMenuGroupB?.key));
@@ -826,11 +826,11 @@ const useNavbarStateManager = props => {
   });
 };
 
-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 _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; }
+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 _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default.default(_context3 = ownKeys(Object(t), true)).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; }
 // Helper function to extract accessible label from menu objects
 const getMenuAccessibleLabel = (labelAllLocales, defaultLabel, applicationLocale) => {
-  const localizedLabel = _findInstanceProperty__default["default"](labelAllLocales).call(labelAllLocales, loc => _startsWithInstanceProperty__default["default"](applicationLocale).call(applicationLocale, loc.locale));
+  const localizedLabel = _findInstanceProperty__default.default(labelAllLocales).call(labelAllLocales, loc => _startsWithInstanceProperty__default.default(applicationLocale).call(applicationLocale, loc.locale));
   if (localizedLabel) return localizedLabel.value;
   if (defaultLabel) return defaultLabel;
   return constants.NO_VALUE_FALLBACK;
@@ -865,8 +865,8 @@ const ApplicationMenu = props => {
   const observerRef = react$1.useRef(null);
   const submenuRef = react$1.useRef(null);
   const submenuSafeAreaRef = react$1.useRef(null);
-  const hasSubmenu = _Array$isArray__default["default"](props.menu.submenu) && props.menu.submenu.length > 0;
-  const menuItemIdentifier = snakeCase__default["default"](props.menu.key);
+  const hasSubmenu = _Array$isArray__default.default(props.menu.submenu) && props.menu.submenu.length > 0;
+  const menuItemIdentifier = snakeCase__default.default(props.menu.key);
   const calculateSafeAreaStartPositon = react$1.useCallback(e => {
     const currentSafeAreaRect = submenuSafeAreaRef.current?.getBoundingClientRect();
     const menuItemRect = document.querySelector(`[data-menuitem="${menuItemIdentifier}"]`)?.getBoundingClientRect();
@@ -900,13 +900,13 @@ const ApplicationMenu = props => {
     // Clamp X to menu item's left border (minXPercent) and safe area bounds (100%)
     nextX = Math.max(nextX, minXPercent);
     nextX = Math.min(nextX, 100);
-    if (!_Number$isFinite__default["default"](nextX)) {
+    if (!_Number$isFinite__default.default(nextX)) {
       nextX = minXPercent;
     }
 
     // Clamp Y to safe area bounds (0% to 100%)
     nextY = Math.min(Math.max(nextY, 0), 100);
-    if (!_Number$isFinite__default["default"](nextY)) {
+    if (!_Number$isFinite__default.default(nextY)) {
       nextY = 0;
     }
     setPercentageX(nextX);
@@ -920,8 +920,8 @@ const ApplicationMenu = props => {
   }, [calculateSafeAreaStartPositon]);
   react$1.useLayoutEffect(() => {
     if (!submenuRef.current) return;
-    const safeX = _Number$isFinite__default["default"](percentageX) ? percentageX : 0;
-    const safeY = _Number$isFinite__default["default"](percentageY) ? percentageY : 100;
+    const safeX = _Number$isFinite__default.default(percentageX) ? percentageX : 0;
+    const safeY = _Number$isFinite__default.default(percentageY) ? percentageY : 100;
     submenuRef.current.style.setProperty('--safe-start', `${safeX}% ${safeY}%`);
   }, [percentageX, percentageY]);
   const callbackFn = react$1.useCallback(entries => {
@@ -1039,7 +1039,7 @@ const ApplicationMenu = props => {
               applicationLocale: props.applicationLocale
             })
           })
-        }), hasSubmenu ? _mapInstanceProperty__default["default"](_context = props.menu.submenu).call(_context, submenu => jsxRuntime.jsx(RestrictedMenuItem, {
+        }), hasSubmenu ? _mapInstanceProperty__default.default(_context = props.menu.submenu).call(_context, submenu => jsxRuntime.jsx(RestrictedMenuItem, {
           keyOfMenuItem: submenu.key,
           featureToggle: submenu.featureToggle ?? undefined,
           permissions: submenu.permissions,
@@ -1115,7 +1115,7 @@ const NavBar = props => {
       children: [jsxRuntime.jsx(IconWrapper, {
         children: jsxRuntime.jsx(Icon, {
           children: jsxRuntime.jsx("img", {
-            src: LogoSVG__default["default"],
+            src: LogoSVG__default.default,
             width: "100%",
             alt: "Logo"
           })
@@ -1127,12 +1127,12 @@ const NavBar = props => {
       id: "main",
       level: 1,
       children: [jsxRuntime.jsx(ScrollableMenu, {
-        children: jsxRuntime.jsx(Spacings__default["default"].Stack, {
+        children: jsxRuntime.jsx(Spacings__default.default.Stack, {
           scale: "l",
-          children: _mapInstanceProperty__default["default"](allApplicationsNavbarMenuGroups).call(allApplicationsNavbarMenuGroups, navbarMenuGroup => {
+          children: _mapInstanceProperty__default.default(allApplicationsNavbarMenuGroups).call(allApplicationsNavbarMenuGroups, navbarMenuGroup => {
             var _context2;
             return jsxRuntime.jsx("div", {
-              children: _mapInstanceProperty__default["default"](_context2 = navbarMenuGroup.items).call(_context2, menu => {
+              children: _mapInstanceProperty__default.default(_context2 = navbarMenuGroup.items).call(_context2, menu => {
                 const menuType = 'scrollable';
                 const itemIndex = `${menuType}-${menu.key}`;
                 return jsxRuntime.jsx(ApplicationMenu, {
@@ -1202,4 +1202,4 @@ const NavBar = props => {
 NavBar.displayName = 'NavBar';
 
 exports.ApplicationMenu = ApplicationMenu;
-exports["default"] = NavBar;
+exports.default = NavBar;

package/dist/{oidc-8827f9fe.cjs.dev.js → oidc-CB4raOTc.cjs.dev.js}

@@ -3,7 +3,7 @@
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
@@ -12,10 +12,8 @@ const DIMENSIONS = {
   header: '56px'
 };
 const NAVBAR = {
-  expanderHeight: '50px',
   expanderSize: '40px',
   iconSize: '24px',
-  iconSizeHover: '28px',
   itemSize: '48px',
   itemHeight: '56px',
   sublistIndentationWhenCollapsed: '72px',
@@ -35,10 +33,7 @@ const CONTAINERS = {
   LEFT_OF_PROFILE: 'left-of-profile'
 };
 const SUSPENSION_REASONS = {
-  TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',
-  PAYMENT: 'Payment',
-  OTHER: 'Other'
-};
+  TEMPORARY_MAINTENANCE: 'TemporaryMaintenance'};
 
 // OIDC params
 const OIDC_RESPONSE_TYPES = {
@@ -63,14 +58,14 @@ const buildOidcScope = options => {
   }
 
   // Set the OAuth Scopes
-  claims.push(..._mapInstanceProperty__default["default"](_context = options.oAuthScopes?.view ?? []).call(_context, scope => `${OIDC_CLAIMS.VIEW}:${scope}`));
-  claims.push(..._mapInstanceProperty__default["default"](_context2 = options.oAuthScopes?.manage ?? []).call(_context2, scope => `${OIDC_CLAIMS.MANAGE}:${scope}`));
+  claims.push(..._mapInstanceProperty__default.default(_context = options.oAuthScopes?.view ?? []).call(_context, scope => `${OIDC_CLAIMS.VIEW}:${scope}`));
+  claims.push(..._mapInstanceProperty__default.default(_context2 = options.oAuthScopes?.manage ?? []).call(_context2, scope => `${OIDC_CLAIMS.MANAGE}:${scope}`));
   // Set additional OAuth scopes
   if (options?.additionalOAuthScopes) {
     var _context3;
-    _forEachInstanceProperty__default["default"](_context3 = options.additionalOAuthScopes).call(_context3, additionalOAuthScope => {
+    _forEachInstanceProperty__default.default(_context3 = options.additionalOAuthScopes).call(_context3, additionalOAuthScope => {
       var _context4, _context5;
-      claims.push(..._mapInstanceProperty__default["default"](_context4 = additionalOAuthScope.view ?? []).call(_context4, viewOAuthScope => `view/${additionalOAuthScope.name}:${viewOAuthScope}`), ..._mapInstanceProperty__default["default"](_context5 = additionalOAuthScope.manage ?? []).call(_context5, manageOAuthScope => `manage/${additionalOAuthScope.name}:${manageOAuthScope}`));
+      claims.push(..._mapInstanceProperty__default.default(_context4 = additionalOAuthScope.view ?? []).call(_context4, viewOAuthScope => `view/${additionalOAuthScope.name}:${viewOAuthScope}`), ..._mapInstanceProperty__default.default(_context5 = additionalOAuthScope.manage ?? []).call(_context5, manageOAuthScope => `manage/${additionalOAuthScope.name}:${manageOAuthScope}`));
     });
   }