@commercetools-frontend/application-shell 27.8.0 → 27.9.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-70e88ad7.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-c4358b17.cjs.dev.js');
 var index = require('./index-614accc4.cjs.dev.js');
 var oidc = require('./oidc-b9e7297c.cjs.dev.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-d0c30fac.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-2e1b3109.cjs.prod.js');
 var index = require('./index-245e2980.cjs.prod.js');
 var oidc = require('./oidc-0cba182b.cjs.prod.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');

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

@@ -1,4 +1,4 @@
-export { e as ApplicationPageTitle, A as ApplicationShell, d as ApplicationShellProvider, C as ConfigureIntlProvider, f as CustomViewShell, i as ErrorApologizer, h as FetchUser, I as InjectReducers, l as ProtectedRoute, R as RedirectToLogin, j as RedirectToLogout, S as SetupFlopFlipProvider, m as SuspendedProtectedRoute, k as SuspendedRoute, g as getBrowserLocale, n as getPreviousProjectKey, s as setupGlobalErrorListener, u as useRoutesCreator, v as version } from './index-2856f98e.esm.js';
+export { e as ApplicationPageTitle, A as ApplicationShell, d as ApplicationShellProvider, C as ConfigureIntlProvider, f as CustomViewShell, i as ErrorApologizer, h as FetchUser, I as InjectReducers, l as ProtectedRoute, R as RedirectToLogin, j as RedirectToLogout, S as SetupFlopFlipProvider, m as SuspendedProtectedRoute, k as SuspendedRoute, g as getBrowserLocale, n as getPreviousProjectKey, s as setupGlobalErrorListener, u as useRoutesCreator, v as version } from './index-8202b8ac.esm.js';
 export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './index-86039df7.esm.js';
 export { R as REGIONS } from './oidc-cb344fae.esm.js';
 export { buildApiUrl, createApolloClient, createApolloContextForProxyForwardTo, createHttpClientOptions, executeHttpClientRequest, getMcApiUrl, selectProjectKeyFromUrl, selectUserId, useMcLazyQuery, useMcMutation, useMcQuery } from '@commercetools-frontend/application-shell-connectors';

package/dist/{custom-view-dev-host-09ad216c.cjs.prod.js → custom-view-dev-host-48d2bc48.cjs.prod.js}

@@ -10,7 +10,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-d0c30fac.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-2e1b3109.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-245e2980.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');

package/dist/{custom-view-dev-host-3652a0d6.esm.js → custom-view-dev-host-856878ae.esm.js}

@@ -8,7 +8,7 @@ import Constraints from '@commercetools-uikit/constraints';
 import PrimaryButton from '@commercetools-uikit/primary-button';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { A as ApplicationShell } from './index-2856f98e.esm.js';
+import { A as ApplicationShell } from './index-8202b8ac.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import './index-86039df7.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';

package/dist/{custom-view-dev-host-fccf2c99.cjs.dev.js → custom-view-dev-host-a506643d.cjs.dev.js}

@@ -10,7 +10,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-70e88ad7.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-c4358b17.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-614accc4.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');

package/dist/{index-d0c30fac.cjs.prod.js → index-2e1b3109.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.8.0";
+var version = "27.9.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-ab4d59f3.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-529103d5.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -603,9 +603,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-e61a39a2.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-ebc714c6.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-31d43a03.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-29e049ae.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" */); }));
 
@@ -739,18 +739,22 @@ const MainContainer = /*#__PURE__*/_styled__default["default"]("main", {
  * and contains the "restricted" application part.
  */
 var _ref = {
+  name: "26rdb6",
+  styles: "position:sticky;bottom:0;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 _ref2 = {
+var _ref3 = {
   name: "lzrvov",
   styles: "grid-column:1/2;grid-row:2/4;overflow:hidden"
 } ;
-var _ref3 = {
+var _ref4 = {
   name: "tjbz3t",
   styles: "grid-row:'2/3';grid-column:'2/3'"
 } ;
-var _ref4 = {
+var _ref5 = {
   name: "8bdwu0",
   styles: "grid-row:1;grid-column:1/3"
 } ;
@@ -769,10 +773,10 @@ const ApplicationShellAuthenticated = props => {
     notificationsPageRef
   });
   return jsxRuntime.jsx(FetchUser, {
-    children: _ref5 => {
-      let isLoadingUser = _ref5.isLoading,
-        user = _ref5.user,
-        error = _ref5.error;
+    children: _ref6 => {
+      let isLoadingUser = _ref6.isLoading,
+        user = _ref6.user,
+        error = _ref6.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)) {
@@ -793,9 +797,9 @@ const ApplicationShellAuthenticated = props => {
         return jsxRuntime.jsx(i18n.AsyncLocaleData, {
           locale: userLocale,
           applicationMessages: props.applicationMessages,
-          children: _ref6 => {
-            let locale = _ref6.locale,
-              messages = _ref6.messages;
+          children: _ref7 => {
+            let locale = _ref7.locale,
+              messages = _ref7.messages;
             sentry.reportErrorToSentry(error, {});
             return jsxRuntime.jsx(ConfigureIntlProvider, {
               locale: locale,
@@ -819,10 +823,10 @@ const ApplicationShellAuthenticated = props => {
         children: jsxRuntime.jsx(i18n.AsyncLocaleData, {
           locale: normalizedUser?.language,
           applicationMessages: props.applicationMessages,
-          children: _ref7 => {
-            let isLoadingLocaleData = _ref7.isLoading,
-              locale = _ref7.locale,
-              messages = _ref7.messages;
+          children: _ref8 => {
+            let isLoadingLocaleData = _ref8.isLoading,
+              locale = _ref8.locale,
+              messages = _ref8.messages;
             return jsxRuntime.jsx(ConfigureIntlProvider
             // We do not want to pass the language as long as the locale data
             // is not loaded.
@@ -846,20 +850,20 @@ const ApplicationShellAuthenticated = props => {
                       ref: notificationsGlobalRef,
                       role: "region",
                       "aria-live": "polite",
-                      css: _ref4,
+                      css: _ref5,
                       children: [jsxRuntime.jsx("div", {
                         id: "above-top-navigation"
                       }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
                         domain: constants.DOMAINS.GLOBAL
                       })]
                     }), jsxRuntime.jsx("header", {
-                      css: _ref3,
+                      css: _ref4,
                       children: jsxRuntime.jsx(AppBar, {
                         user: normalizedUser,
                         projectKeyFromUrl: projectKeyFromUrl
                       })
                     }), jsxRuntime.jsx("aside", {
-                      css: _ref2,
+                      css: _ref3,
                       children: (() => {
                         // The <NavBar> should only be rendered within a project
                         // context, therefore when there is a `projectKey`.
@@ -874,9 +878,9 @@ const ApplicationShellAuthenticated = props => {
                         if (!projectKeyFromUrl) return null;
                         return jsxRuntime.jsx(FetchProject, {
                           projectKey: projectKeyFromUrl,
-                          children: _ref8 => {
-                            let isLoadingProject = _ref8.isLoading,
-                              project = _ref8.project;
+                          children: _ref9 => {
+                            let isLoadingProject = _ref9.isLoading,
+                              project = _ref9.project;
                             const isLoading = isLoadingUser || isLoadingLocaleData || isLoadingProject || !locale || !project;
                             return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
                               user: normalizedUser,
@@ -910,7 +914,7 @@ const ApplicationShellAuthenticated = props => {
                       }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
                         domain: constants.DOMAINS.SIDE
                       }), jsxRuntime.jsxs("div", {
-                        css: _ref,
+                        css: _ref2,
                         children: [jsxRuntime.jsx(applicationComponents.PortalsContainer
                         // @ts-ignore
                         , {
@@ -975,6 +979,9 @@ const ApplicationShellAuthenticated = props => {
                             })
                           })]
                         })]
+                      }), jsxRuntime.jsx("div", {
+                        id: constants.MC_MAIN_CONTAINER_PORTAL_ID,
+                        css: _ref
                       })]
                     })]
                   })]
@@ -1193,7 +1200,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-60c1e8e8.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-cd36b191.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; }
@@ -1458,7 +1465,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-09ad216c.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-48d2bc48.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({