@commercetools-frontend/application-shell 27.9.5 → 27.9.6

package/dist/{index-ca9d3c26.cjs.prod.js → index-b0d1d33f.cjs.prod.js}

@@ -105,9 +105,9 @@ var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "27.9.5";
+var version = "27.9.6";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-2828ca39.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-7a105650.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -271,7 +271,7 @@ const ProjectStampsList = props => jsxRuntime.jsxs(Spacings__default["default"].
     daysLeft: props.expiry.daysLeft
   })]
 });
-var _ref$2 = {
+var _ref$3 = {
   name: "uyj17t",
   styles: "flex:1;word-wrap:break-word"
 } ;
@@ -282,7 +282,7 @@ const ProjectSwitcherOption = props => {
       scale: "xs",
       justifyContent: "space-between",
       children: [jsxRuntime.jsxs("div", {
-        css: _ref$2,
+        css: _ref$3,
         children: [jsxRuntime.jsx(Text__default["default"].Body, {
           fontWeight: "medium",
           tone: props.isDisabled ? 'tertiary' : 'inherit',
@@ -388,7 +388,7 @@ 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-2235add2.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
 
-var _ref$1 = {
+var _ref$2 = {
   name: "zjik7",
   styles: "display:flex"
 } ;
@@ -455,7 +455,7 @@ const AppBar = props => {
         })]
       })
     }), jsxRuntime.jsxs("div", {
-      css: _ref$1,
+      css: _ref$2,
       children: [jsxRuntime.jsx("div", {
         id: oidc.CONTAINERS.LEFT_OF_PROFILE
       }), props.user ? jsxRuntime.jsx(UserSettingsMenu, {
@@ -489,8 +489,8 @@ const getBrowserLocale = win => {
   return l10n.getSupportedLocale(browserLocale);
 };
 
-const Passthrough = _ref => {
-  let children = _ref.children;
+const Passthrough = _ref2 => {
+  let children = _ref2.children;
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: children
   });
@@ -509,15 +509,24 @@ const LazyApplicationShellSplitter = /*#__PURE__*/react.lazy(() => Promise.resol
 .catch(() => ({
   default: Passthrough
 })));
+var _ref$1 = {
+  name: "vbyc59",
+  styles: "position:fixed;bottom:0;left:0;right:0;z-index:10001"
+} ;
 const ApplicationShellSplitterWrapper = props => {
   const history = reactRouterDom.useHistory();
-  return jsxRuntime.jsx(react.Suspense, {
-    fallback: props.children,
-    children: jsxRuntime.jsx(LazyApplicationShellSplitter, {
-      locale: props.locale,
-      navigate: history.push,
-      children: props.children
-    })
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(react.Suspense, {
+      fallback: props.children,
+      children: jsxRuntime.jsx(LazyApplicationShellSplitter, {
+        locale: props.locale,
+        navigate: history.push,
+        children: props.children
+      })
+    }), jsxRuntime.jsx("div", {
+      id: constants.MC_MAIN_CONTAINER_PORTAL_ID,
+      css: _ref$1
+    })]
   });
 };
 
@@ -603,9 +612,9 @@ FetchUser.displayName = 'FetchUser';
 
 const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-f4b2552d.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-2f81bfa1.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-ee8064df.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-43f2eabf.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-eb67ac6b.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-e4ff7797.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
@@ -747,22 +756,18 @@ const MainContainer = /*#__PURE__*/_styled__default["default"]("main", {
  * and contains the "restricted" application part.
  */
 var _ref = {
-  name: "zt04k5",
-  styles: "grid-column:2/3;grid-row:3/4;align-self:end;z-index:9999;pointer-events:none"
-} ;
-var _ref2 = {
   name: "tlwzvn",
   styles: "flex-grow:1;display:flex;flex-direction:column;position:relative;>*:not(:first-of-type){flex-grow:1;display:flex;flex-direction:column;}"
 } ;
-var _ref3 = {
+var _ref2 = {
   name: "lzrvov",
   styles: "grid-column:1/2;grid-row:2/4;overflow:hidden"
 } ;
-var _ref4 = {
+var _ref3 = {
   name: "tjbz3t",
   styles: "grid-row:'2/3';grid-column:'2/3'"
 } ;
-var _ref5 = {
+var _ref4 = {
   name: "8bdwu0",
   styles: "grid-row:1;grid-column:1/3"
 } ;
@@ -781,10 +786,10 @@ const ApplicationShellAuthenticated = props => {
     notificationsPageRef
   });
   return jsxRuntime.jsx(FetchUser, {
-    children: _ref6 => {
-      let isLoadingUser = _ref6.isLoading,
-        user = _ref6.user,
-        error = _ref6.error;
+    children: _ref5 => {
+      let isLoadingUser = _ref5.isLoading,
+        user = _ref5.user,
+        error = _ref5.error;
       if (error) {
         // In case there is an unauthorized error, we redirect to the login page
         if (error.graphQLErrors && _Array$isArray__default["default"](error.graphQLErrors)) {
@@ -805,9 +810,9 @@ const ApplicationShellAuthenticated = props => {
         return jsxRuntime.jsx(i18n.AsyncLocaleData, {
           locale: userLocale,
           applicationMessages: props.applicationMessages,
-          children: _ref7 => {
-            let locale = _ref7.locale,
-              messages = _ref7.messages;
+          children: _ref6 => {
+            let locale = _ref6.locale,
+              messages = _ref6.messages;
             sentry.reportErrorToSentry(error, {});
             return jsxRuntime.jsx(ConfigureIntlProvider, {
               locale: locale,
@@ -831,10 +836,10 @@ const ApplicationShellAuthenticated = props => {
         children: jsxRuntime.jsx(i18n.AsyncLocaleData, {
           locale: normalizedUser?.language,
           applicationMessages: props.applicationMessages,
-          children: _ref8 => {
-            let isLoadingLocaleData = _ref8.isLoading,
-              locale = _ref8.locale,
-              messages = _ref8.messages;
+          children: _ref7 => {
+            let isLoadingLocaleData = _ref7.isLoading,
+              locale = _ref7.locale,
+              messages = _ref7.messages;
             return jsxRuntime.jsx(ConfigureIntlProvider
             // We do not want to pass the language as long as the locale data
             // is not loaded.
@@ -858,20 +863,20 @@ const ApplicationShellAuthenticated = props => {
                       ref: notificationsGlobalRef,
                       role: "region",
                       "aria-live": "polite",
-                      css: _ref5,
+                      css: _ref4,
                       children: [jsxRuntime.jsx("div", {
                         id: "above-top-navigation"
                       }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
                         domain: constants.DOMAINS.GLOBAL
                       })]
                     }), jsxRuntime.jsx("header", {
-                      css: _ref4,
+                      css: _ref3,
                       children: jsxRuntime.jsx(AppBar, {
                         user: normalizedUser,
                         projectKeyFromUrl: projectKeyFromUrl
                       })
                     }), jsxRuntime.jsx("aside", {
-                      css: _ref3,
+                      css: _ref2,
                       children: (() => {
                         // The <NavBar> should only be rendered within a project
                         // context, therefore when there is a `projectKey`.
@@ -886,9 +891,9 @@ const ApplicationShellAuthenticated = props => {
                         if (!projectKeyFromUrl) return null;
                         return jsxRuntime.jsx(FetchProject, {
                           projectKey: projectKeyFromUrl,
-                          children: _ref9 => {
-                            let isLoadingProject = _ref9.isLoading,
-                              project = _ref9.project;
+                          children: _ref8 => {
+                            let isLoadingProject = _ref8.isLoading,
+                              project = _ref8.project;
                             const isLoading = isLoadingUser || isLoadingLocaleData || isLoadingProject || !locale || !project;
                             return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
                               user: normalizedUser,
@@ -922,7 +927,7 @@ const ApplicationShellAuthenticated = props => {
                       }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
                         domain: constants.DOMAINS.SIDE
                       }), jsxRuntime.jsxs("div", {
-                        css: _ref2,
+                        css: _ref,
                         children: [jsxRuntime.jsx(applicationComponents.PortalsContainer
                         // @ts-ignore
                         , {
@@ -988,9 +993,6 @@ const ApplicationShellAuthenticated = props => {
                           })]
                         })]
                       })]
-                    }), jsxRuntime.jsx("div", {
-                      id: constants.MC_MAIN_CONTAINER_PORTAL_ID,
-                      css: _ref
                     })]
                   })]
                 })
@@ -1208,7 +1210,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-7397a8c8.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-b6b2b136.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
 
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1473,7 +1475,7 @@ const ApplicationShell = props => {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = version;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-bdd03fc8.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-c2737d42.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({