@commercetools-frontend/application-shell 22.0.1 → 22.2.0

package/dist/{application-entry-point-c63d1ec4.cjs.dev.js → application-entry-point-362fa5d0.cjs.dev.js}

@@ -16,7 +16,7 @@ var invariant = require('tiny-invariant');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var permissions = require('@commercetools-frontend/permissions');
-var configureApollo = require('./configure-apollo-f39c0788.cjs.dev.js');
+var configureApollo = require('./configure-apollo-63948b67.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{application-entry-point-3e616b2e.cjs.prod.js → application-entry-point-390ae225.cjs.prod.js}

@@ -16,7 +16,7 @@ var invariant = require('tiny-invariant');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var permissions = require('@commercetools-frontend/permissions');
-var configureApollo = require('./configure-apollo-709a05c9.cjs.prod.js');
+var configureApollo = require('./configure-apollo-249465d4.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{application-entry-point-c89675d8.esm.js → application-entry-point-587966d5.esm.js}

@@ -14,7 +14,7 @@ import invariant from 'tiny-invariant';
 import { PageUnauthorized } from '@commercetools-frontend/application-components';
 import { entryPointUriPathToPermissionKeys } from '@commercetools-frontend/application-config/ssr';
 import { useIsAuthorized } from '@commercetools-frontend/permissions';
-import { R as RouteCatchAll } from './configure-apollo-faeb9a07.esm.js';
+import { R as RouteCatchAll } from './configure-apollo-4d96823e.esm.js';
 import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/dist/commercetools-frontend-application-shell.cjs.dev.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var configureApollo = require('./configure-apollo-f39c0788.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c5ad1971.cjs.dev.js');
+var configureApollo = require('./configure-apollo-63948b67.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-2591875d.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -33,7 +33,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 require('@commercetools-frontend/sentry');
-require('./constants-e6f058e5.cjs.dev.js');
+require('./constants-b201d328.cjs.dev.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('redux-logger');
@@ -96,7 +96,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-0638d0c8.cjs.dev.js');
+require('./oidc-15d3a4c1.cjs.dev.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 

package/dist/commercetools-frontend-application-shell.cjs.prod.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var configureApollo = require('./configure-apollo-709a05c9.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-90509897.cjs.prod.js');
+var configureApollo = require('./configure-apollo-249465d4.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-2302ee7f.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -33,7 +33,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 require('@commercetools-frontend/sentry');
-require('./constants-e6409334.cjs.prod.js');
+require('./constants-a3c2194a.cjs.prod.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('redux-logger');
@@ -96,7 +96,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-540a091a.cjs.prod.js');
+require('./oidc-6c79100b.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 

package/dist/commercetools-frontend-application-shell.esm.js

@@ -1,5 +1,5 @@
-export { R as RouteCatchAll, h as applyDefaultMiddlewares, k as buildApiUrl, d as createApolloClient, l as createHttpClientOptions, m as executeHttpClientRequest, g as getMcApiUrl, a as selectProjectKeyFromUrl, j as selectUserId, f as version } from './configure-apollo-faeb9a07.esm.js';
-export { m as ApplicationPageTitle, k as ApplicationShell, l as ApplicationShellProvider, C as ConfigureIntlProvider, n as InjectReducers, S as SetupFlopFlipProvider, q as SuspendedRoute, o as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, r as useMcLazyQuery, t as useMcMutation, u as useMcQuery, v as useRoutesCreator } from './index-8b1929c9.esm.js';
+export { R as RouteCatchAll, h as applyDefaultMiddlewares, k as buildApiUrl, d as createApolloClient, l as createHttpClientOptions, m as executeHttpClientRequest, g as getMcApiUrl, a as selectProjectKeyFromUrl, j as selectUserId, f as version } from './configure-apollo-4d96823e.esm.js';
+export { m as ApplicationPageTitle, k as ApplicationShell, l as ApplicationShellProvider, C as ConfigureIntlProvider, n as InjectReducers, S as SetupFlopFlipProvider, q as SuspendedRoute, o as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, r as useMcLazyQuery, t as useMcMutation, u as useMcQuery, v as useRoutesCreator } from './index-42ea4111.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import 'uuid';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
@@ -29,7 +29,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import '@commercetools-frontend/sentry';
-import './constants-7f04db3f.esm.js';
+import './constants-940f343f.esm.js';
 import '@commercetools-frontend/react-notifications';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import 'redux-logger';
@@ -92,6 +92,6 @@ import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import 'react-redux';
 import 'lodash/upperFirst';
-import './oidc-10fa96f0.esm.js';
+import './oidc-77115492.esm.js';
 import '@commercetools-uikit/design-system/materials/resets.css';
 import '@commercetools-frontend/actions-global';

package/dist/{configure-apollo-709a05c9.cjs.prod.js → configure-apollo-249465d4.cjs.prod.js}

@@ -25,7 +25,7 @@ var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var sentry = require('@commercetools-frontend/sentry');
-var constants$1 = require('./constants-e6409334.cjs.prod.js');
+var constants$1 = require('./constants-a3c2194a.cjs.prod.js');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var reduxLogger = require('redux-logger');
@@ -87,7 +87,7 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.0.1";
+var applicationShellVersion = "22.2.0";
 
 const isShowRequestInFlightAction = action => action.type === constants.SHOW_LOADING;
 

package/dist/{configure-apollo-faeb9a07.esm.js → configure-apollo-4d96823e.esm.js}

@@ -23,7 +23,7 @@ import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/inst
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
-import { S as STORAGE_KEYS, L as LOGIN_STRATEGY_OIDC, a as SUPPORTED_HEADERS } from './constants-7f04db3f.esm.js';
+import { S as STORAGE_KEYS, L as LOGIN_STRATEGY_OIDC, a as SUPPORTED_HEADERS } from './constants-940f343f.esm.js';
 import { selectPageNotifications } from '@commercetools-frontend/react-notifications';
 import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import { createLogger } from 'redux-logger';
@@ -52,7 +52,7 @@ import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringif
 import { RetryLink } from '@apollo/client/link/retry';
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.0.1";
+var applicationShellVersion = "22.2.0";
 
 const isShowRequestInFlightAction = action => action.type === SHOW_LOADING;
 

package/dist/{configure-apollo-f39c0788.cjs.dev.js → configure-apollo-63948b67.cjs.dev.js}

@@ -25,7 +25,7 @@ var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var sentry = require('@commercetools-frontend/sentry');
-var constants$1 = require('./constants-e6f058e5.cjs.dev.js');
+var constants$1 = require('./constants-b201d328.cjs.dev.js');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var reduxLogger = require('redux-logger');
@@ -87,7 +87,7 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.0.1";
+var applicationShellVersion = "22.2.0";
 
 const isShowRequestInFlightAction = action => action.type === constants.SHOW_LOADING;
 

package/dist/{constants-7f04db3f.esm.js → constants-940f343f.esm.js}

@@ -34,7 +34,8 @@ const STORAGE_KEYS = {
   ACTIVE_TEAM_ID: 'activeTeamId',
   SELECTED_DATA_LOCALE: 'selectedDataLocale',
   IS_FORCED_MENU_OPEN: 'isForcedMenuOpen',
-  LOGIN_STRATEGY: 'loginStrategy'
+  LOGIN_STRATEGY: 'loginStrategy',
+  IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED: 'isNewDesignReleaseNotificationClosed'
 };
 const SUSPENSION_REASONS = {
   TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',

package/dist/{constants-e6409334.cjs.prod.js → constants-a3c2194a.cjs.prod.js}

@@ -36,7 +36,8 @@ const STORAGE_KEYS = {
   ACTIVE_TEAM_ID: 'activeTeamId',
   SELECTED_DATA_LOCALE: 'selectedDataLocale',
   IS_FORCED_MENU_OPEN: 'isForcedMenuOpen',
-  LOGIN_STRATEGY: 'loginStrategy'
+  LOGIN_STRATEGY: 'loginStrategy',
+  IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED: 'isNewDesignReleaseNotificationClosed'
 };
 const SUSPENSION_REASONS = {
   TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',

package/dist/{constants-e6f058e5.cjs.dev.js → constants-b201d328.cjs.dev.js}

@@ -36,7 +36,8 @@ const STORAGE_KEYS = {
   ACTIVE_TEAM_ID: 'activeTeamId',
   SELECTED_DATA_LOCALE: 'selectedDataLocale',
   IS_FORCED_MENU_OPEN: 'isForcedMenuOpen',
-  LOGIN_STRATEGY: 'loginStrategy'
+  LOGIN_STRATEGY: 'loginStrategy',
+  IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED: 'isNewDesignReleaseNotificationClosed'
 };
 const SUSPENSION_REASONS = {
   TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',

package/dist/declarations/src/components/theme-switcher/messages.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: {
+        id: string;
+        defaultMessage: string;
+    };
+    content: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/components/theme-switcher/new-design-release-info-dialog.d.ts

@@ -0,0 +1,5 @@
+type TNewDesignReleaseInfoDialog = {
+    onClose: () => void;
+};
+declare const NewDesignReleaseInfoDialog: (props: TNewDesignReleaseInfoDialog) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default NewDesignReleaseInfoDialog;

package/dist/declarations/src/constants.d.ts

@@ -35,6 +35,7 @@ export declare const STORAGE_KEYS: {
     readonly SELECTED_DATA_LOCALE: "selectedDataLocale";
     readonly IS_FORCED_MENU_OPEN: "isForcedMenuOpen";
     readonly LOGIN_STRATEGY: "loginStrategy";
+    readonly IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED: "isNewDesignReleaseNotificationClosed";
 };
 export declare const SUSPENSION_REASONS: {
     readonly TEMPORARY_MAINTENANCE: "TemporaryMaintenance";

package/dist/{index-90509897.cjs.prod.js → index-2302ee7f.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var configureApollo = require('./configure-apollo-709a05c9.cjs.prod.js');
+var configureApollo = require('./configure-apollo-249465d4.cjs.prod.js');
 var _pt = require('prop-types');
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
@@ -24,7 +24,7 @@ var constants$1 = require('@commercetools-frontend/constants');
 var i18n = require('@commercetools-frontend/i18n');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var sentry = require('@commercetools-frontend/sentry');
-var constants = require('./constants-e6409334.cjs.prod.js');
+var constants = require('./constants-a3c2194a.cjs.prod.js');
 require('uuid');
 require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -73,7 +73,7 @@ var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var reactRedux = require('react-redux');
 var history = require('@commercetools-frontend/browser-history');
 var upperFirst = require('lodash/upperFirst');
-var oidc = require('./oidc-540a091a.cjs.prod.js');
+var oidc = require('./oidc-6c79100b.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
@@ -125,7 +125,7 @@ var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-cea6ef4a.cjs.prod.js'
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-40b16b26.cjs.prod.js'
 /* webpackChunkName: "requests-in-flight-loader" */
 ); }));
 
@@ -455,7 +455,7 @@ ProjectSwitcher.displayName = 'ProjectSwitcher';
 // eslint-disable-next-line import/prefer-default-export
 const REQUESTS_IN_FLIGHT_LOADER_DOM_ID = 'loader-for-requests-in-flight';
 
-const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-45acb005.cjs.prod.js'
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-22bf89c0.cjs.prod.js'
 /* webpackChunkName: "user-settings-menu" */
 ); }));
 
@@ -664,7 +664,7 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-153cb4ba.cjs.prod.js'
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-b56b7b35.cjs.prod.js'
 /* webpackChunkName: "navbar" */
 ); }));
 
@@ -1106,7 +1106,7 @@ const LoadingNavBar = () => {
 
 LoadingNavBar.displayName = 'LoadingNavBar';
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-d7613e23.cjs.prod.js'
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-32a1d5c4.cjs.prod.js'
 /* webpackChunkName: "project-container" */
 ); }));
 
@@ -1236,7 +1236,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-ca46617f.cjs.prod.js'
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-54ce94b5.cjs.prod.js'
 /* webpackChunkName: "quick-access" */
 ); }));
 
@@ -1328,7 +1328,7 @@ const QuickAccessTrigger = props => {
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-90177c4e.cjs.prod.js'
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-2d96cea9.cjs.prod.js'
 /* webpackChunkName: "redirect-to-logout" */
 ); }));
 
@@ -1486,16 +1486,39 @@ const SetupFlopFlipProvider = props => {
 SetupFlopFlipProvider.propTypes = {};
 SetupFlopFlipProvider.displayName = 'SetupFlopFlipProvider';
 
+const NewDesignReleaseInfoDialog = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./new-design-release-info-dialog-879a4af8.cjs.prod.js'); }));
+
+function useDisableRedesignAnnouncement() {
+  const disableRedesignAnnouncement = applicationShellConnectors.useApplicationContext(context => context.environment.disableRedesignAnnouncement);
+  return Boolean(disableRedesignAnnouncement);
+}
+
 const ThemeSwitcher = () => {
   const isNewThemeEnabled = reactBroadcast.useFeatureToggle(UI_REDESIGN);
+  const isRedesignAnnouncementDisabled = useDisableRedesignAnnouncement();
   const theme = isNewThemeEnabled ? 'test' : 'default';
-  return jsxRuntime.jsx(designSystem.ThemeProvider, {
-    theme: theme,
-    themeOverrides: applicationComponents.themesOverrides[theme]
+
+  const _useState = react.useState(window.localStorage.getItem(constants.STORAGE_KEYS.IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED) === 'true'),
+        _useState2 = _slicedToArray(_useState, 2),
+        hasUserSeenNewDesignReleaseNotificationDialog = _useState2[0],
+        setHasUserSeenNewDesignReleaseNotificationDialog = _useState2[1];
+
+  const handleCloseDialog = () => {
+    window.localStorage.setItem(constants.STORAGE_KEYS.IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED, 'true');
+    setHasUserSeenNewDesignReleaseNotificationDialog(true);
+  };
+
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(designSystem.ThemeProvider, {
+      theme: theme,
+      themeOverrides: applicationComponents.themesOverrides[theme]
+    }), !isRedesignAnnouncementDisabled && !hasUserSeenNewDesignReleaseNotificationDialog && isNewThemeEnabled ? jsxRuntime.jsx(NewDesignReleaseInfoDialog, {
+      onClose: handleCloseDialog
+    }) : null]
   });
 };
 
-const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-21764aaa.cjs.prod.js'
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-71b6de2c.cjs.prod.js'
 /* webpackChunkName: "version-tracker" */
 ); }));
 
@@ -1625,14 +1648,16 @@ const ApplicationShellAuthenticated = props => {
                     user: user !== null && user !== void 0 ? user : undefined
                   }), jsxRuntime.jsxs("div", {
                     css: /*#__PURE__*/react$1.css("height:100vh;display:grid;grid-template-rows:auto ", constants.DIMENSIONS.header, " 1fr;grid-template-columns:auto 1fr;" + ("" ), "" ),
-                    children: [jsxRuntime.jsx("div", {
+                    children: [jsxRuntime.jsxs("div", {
                       ref: notificationsGlobalRef,
                       role: "region",
                       "aria-live": "polite",
                       css: _ref4,
-                      children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
+                      children: [jsxRuntime.jsx("div", {
+                        id: "above-top-navigation"
+                      }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
                         domain: constants$1.DOMAINS.GLOBAL
-                      })
+                      })]
                     }), jsxRuntime.jsx(reactRouterDom.Route, {
                       children: () => {
                         if (!projectKeyFromUrl) return jsxRuntime.jsx(QuickAccessTrigger, {});
@@ -1999,7 +2024,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-dbdfdd52.cjs.prod.js'
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-bcf67ab0.cjs.prod.js'
 /* webpackChunkName: "oidc-callback" */
 ); }));
 
@@ -2167,7 +2192,7 @@ ApplicationShellProvider.displayName = 'ApplicationShellProvider'; // This is us
 
 ApplicationShellProvider.history = history__default["default"];
 
-const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-e89133da.cjs.prod.js'
+const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-f8ba63e5.cjs.prod.js'
 /* webpackChunkName: "redirect-to-login" */
 ); }));