@commercetools-frontend/application-shell 24.2.0 → 24.3.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-f7620181.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-f26aac89.cjs.dev.js');
 var index = require('./index-0459c0f4.cjs.dev.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-95c54873.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-b15fe97f.cjs.prod.js');
 var index = require('./index-b76590b3.cjs.prod.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');

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

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

package/dist/{custom-view-dev-host-88c7b7a9.esm.js → custom-view-dev-host-870fd01a.esm.js}

@@ -9,7 +9,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-dd911464.esm.js';
+import { A as ApplicationShell } from './index-cc712839.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import './index-a5d2d010.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';

package/dist/{custom-view-dev-host-7b9ea926.cjs.prod.js → custom-view-dev-host-88f2caed.cjs.prod.js}

@@ -11,7 +11,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-95c54873.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-b15fe97f.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-b76590b3.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');

package/dist/{custom-view-dev-host-d3484386.cjs.dev.js → custom-view-dev-host-ebb256ab.cjs.dev.js}

@@ -11,7 +11,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-f7620181.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-f26aac89.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-0459c0f4.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');

package/dist/declarations/src/components/navbar/menu-items.d.ts

@@ -48,6 +48,7 @@ type MenuItemProps = {
     identifier?: string;
     onKeyDown?: (e: React.KeyboardEvent<HTMLLIElement>) => void;
     onMouseMove?: MouseEventHandler<HTMLLIElement>;
+    ariaLabel?: string;
 };
 declare const MenuItem: {
     (props: MenuItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
@@ -61,6 +62,7 @@ export type MenuItemLinkProps = {
     useFullRedirectsForLinks?: boolean;
     isSubmenuLink?: boolean;
     isSubmenuFocused?: boolean;
+    ariaLabel?: string;
 };
 declare const MenuItemLink: {
     ({ exactMatch, ...props }: MenuItemLinkProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/declarations/src/components/navbar/messages.d.ts

@@ -3,5 +3,13 @@ declare const _default: {
         id: string;
         defaultMessage: string;
     };
+    'NavBar.MenuExpander.collapseMenu': {
+        id: string;
+        defaultMessage: string;
+    };
+    'NavBar.MenuExpander.expandMenu': {
+        id: string;
+        defaultMessage: string;
+    };
 };
 export default _default;

package/dist/declarations/src/components/suspended-route/protected-route.d.ts

@@ -2,6 +2,7 @@
 import { RouteProps } from 'react-router-dom';
 type TProtectedRouteProps = {
     condition: boolean;
+    fallback?: React.ReactNode;
 } & RouteProps;
 declare const ProtectedRoute: React.FC<TProtectedRouteProps>;
 export { ProtectedRoute, type TProtectedRouteProps };

package/dist/declarations/src/components/suspended-route/suspended-protected-route.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { type TProtectedRouteProps } from './protected-route';
 type TSuspendedProtectedRouteProps = TProtectedRouteProps & {
+    loading?: React.ReactNode;
     fallback?: React.ReactNode;
 };
 declare const SuspendedProtectedRoute: React.FC<TSuspendedProtectedRouteProps>;

package/dist/{index-95c54873.cjs.prod.js → index-b15fe97f.cjs.prod.js}

@@ -107,9 +107,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 = "24.2.0";
+var version = "24.3.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-dcfcc69d.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-bdb1e821.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -580,9 +580,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-26b529a8.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-654f1534.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-dbd8adcf.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-b7f198a3.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -694,7 +694,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-3dab176c.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-bc9ab96c.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -780,7 +780,7 @@ const QuickAccessTrigger = props => {
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-762d8008.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-c1977d93.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" */); }));
 
@@ -1234,28 +1234,36 @@ const SuspendedRoute = props => jsxRuntime.jsx(reactRouterDom.Route, _objectSpre
 SuspendedRoute.propTypes = {};
 SuspendedRoute.displayName = 'SuspendedRoute';
 
-const _excluded$2 = ["condition", "children"];
+const _excluded$2 = ["condition", "fallback", "children"];
 function ownKeys$6(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$6(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$6(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$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ProtectedRoute = _ref => {
   let condition = _ref.condition,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? jsxRuntime.jsx(applicationComponents.PageUnauthorized, {}) : _ref$fallback,
     children = _ref.children,
     routeProps = _objectWithoutProperties(_ref, _excluded$2);
   return condition ? jsxRuntime.jsx(reactRouterDom.Route, _objectSpread$6(_objectSpread$6({}, routeProps), {}, {
     children: children
-  })) : jsxRuntime.jsx(applicationComponents.PageUnauthorized, {});
+  })) : jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: fallback
+  });
 };
 
-const _excluded$1 = ["fallback"];
+const _excluded$1 = ["loading", "fallback"];
 function ownKeys$5(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$5(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$5(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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const SuspendedProtectedRoute = _ref => {
-  let _ref$fallback = _ref.fallback,
-    fallback = _ref$fallback === void 0 ? jsxRuntime.jsx(LoadingSpinner__default["default"], {}) : _ref$fallback,
+  let _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? jsxRuntime.jsx(LoadingSpinner__default["default"], {}) : _ref$loading,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? jsxRuntime.jsx(applicationComponents.PageUnauthorized, {}) : _ref$fallback,
     routeProps = _objectWithoutProperties(_ref, _excluded$1);
   return jsxRuntime.jsx(react.Suspense, {
-    fallback: fallback,
-    children: jsxRuntime.jsx(ProtectedRoute, _objectSpread$5({}, routeProps))
+    fallback: loading,
+    children: jsxRuntime.jsx(ProtectedRoute, _objectSpread$5({
+      fallback: fallback
+    }, routeProps))
   });
 };
 SuspendedProtectedRoute.propTypes = {};
@@ -1394,7 +1402,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-1784352e.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-a70f8fc6.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; }
@@ -1607,7 +1615,7 @@ ApplicationShell.propTypes = {};
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = version;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-7b9ea926.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-88f2caed.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({

package/dist/{index-dd911464.esm.js → index-cc712839.esm.js}

@@ -71,9 +71,9 @@ import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
 import { showUnexpectedErrorNotification } from '@commercetools-frontend/actions-global';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "24.2.0";
+var version = "24.3.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-6dbc9613.esm.js' /* webpackChunkName: "requests-in-flight-loader" */));
+const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-9f9381d3.esm.js' /* webpackChunkName: "requests-in-flight-loader" */));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -568,9 +568,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/lazy(() => import('./navbar-e6b6cd7b.esm.js' /* webpackChunkName: "navbar" */));
+const Navbar = /*#__PURE__*/lazy(() => import('./navbar-2c26c0f7.esm.js' /* webpackChunkName: "navbar" */));
 
-const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-29422b50.esm.js' /* webpackChunkName: "project-container" */));
+const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-21a68492.esm.js' /* webpackChunkName: "project-container" */));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -693,7 +693,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/lazy(() => import('./quick-access-c4e4cbc2.esm.js' /* webpackChunkName: "quick-access" */));
+const QuickAccess = /*#__PURE__*/lazy(() => import('./quick-access-02cb5d4c.esm.js' /* webpackChunkName: "quick-access" */));
 const QuickAccessTrigger = props => {
   const _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -781,7 +781,7 @@ QuickAccessTrigger.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-62862d8c.esm.js' /* webpackChunkName: "redirect-to-logout" */));
+const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-f5c74205.esm.js' /* webpackChunkName: "redirect-to-logout" */));
 
 const RedirectToProjectCreate = /*#__PURE__*/lazy(() => import('./redirect-to-project-create-9249e554.esm.js' /* webpackChunkName: "redirect-to-project-create" */));
 
@@ -1292,31 +1292,40 @@ SuspendedRoute.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 SuspendedRoute.displayName = 'SuspendedRoute';
 
-const _excluded$2 = ["condition", "children"];
+const _excluded$2 = ["condition", "fallback", "children"];
 function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ProtectedRoute = _ref => {
   let condition = _ref.condition,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? jsx(PageUnauthorized, {}) : _ref$fallback,
     children = _ref.children,
     routeProps = _objectWithoutProperties(_ref, _excluded$2);
   return condition ? jsx(Route, _objectSpread$6(_objectSpread$6({}, routeProps), {}, {
     children: children
-  })) : jsx(PageUnauthorized, {});
+  })) : jsx(Fragment, {
+    children: fallback
+  });
 };
 
-const _excluded$1 = ["fallback"];
+const _excluded$1 = ["loading", "fallback"];
 function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const SuspendedProtectedRoute = _ref => {
-  let _ref$fallback = _ref.fallback,
-    fallback = _ref$fallback === void 0 ? jsx(LoadingSpinner, {}) : _ref$fallback,
+  let _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? jsx(LoadingSpinner, {}) : _ref$loading,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? jsx(PageUnauthorized, {}) : _ref$fallback,
     routeProps = _objectWithoutProperties(_ref, _excluded$1);
   return jsx(Suspense, {
-    fallback: fallback,
-    children: jsx(ProtectedRoute, _objectSpread$5({}, routeProps))
+    fallback: loading,
+    children: jsx(ProtectedRoute, _objectSpread$5({
+      fallback: fallback
+    }, routeProps))
   });
 };
 SuspendedProtectedRoute.propTypes = process.env.NODE_ENV !== "production" ? {
+  loading: _pt.node,
   fallback: _pt.node
 } : {};
 
@@ -1454,7 +1463,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-0dbec653.esm.js' /* webpackChunkName: "oidc-callback" */));
+const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-38522e07.esm.js' /* webpackChunkName: "oidc-callback" */));
 
 function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(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(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1694,7 +1703,7 @@ ApplicationShell.propTypes = process.env.NODE_ENV !== "production" ? {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = version;
 
-const CustomViewDevHost = /*#__PURE__*/lazy(() => import('./custom-view-dev-host-88c7b7a9.esm.js' /* webpackChunkName: "custom-view-dev-host" */));
+const CustomViewDevHost = /*#__PURE__*/lazy(() => import('./custom-view-dev-host-870fd01a.esm.js' /* webpackChunkName: "custom-view-dev-host" */));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = useMemo(() => ({

package/dist/{index-f7620181.cjs.dev.js → index-f26aac89.cjs.dev.js}

@@ -107,9 +107,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 = "24.2.0";
+var version = "24.3.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-400900e4.cjs.dev.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-2824af11.cjs.dev.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -604,9 +604,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-e4d33e1f.cjs.dev.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-5b3ac835.cjs.dev.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-2d5b8169.cjs.dev.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-dcbbaf57.cjs.dev.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -729,7 +729,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-fced81b3.cjs.dev.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-3253f470.cjs.dev.js' /* webpackChunkName: "quick-access" */); }));
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -817,7 +817,7 @@ QuickAccessTrigger.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-2bdab461.cjs.dev.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-6396d05e.cjs.dev.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-f4f01842.cjs.dev.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
@@ -1328,31 +1328,40 @@ SuspendedRoute.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 SuspendedRoute.displayName = 'SuspendedRoute';
 
-const _excluded$2 = ["condition", "children"];
+const _excluded$2 = ["condition", "fallback", "children"];
 function ownKeys$6(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$6(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$6(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$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ProtectedRoute = _ref => {
   let condition = _ref.condition,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? jsxRuntime.jsx(applicationComponents.PageUnauthorized, {}) : _ref$fallback,
     children = _ref.children,
     routeProps = _objectWithoutProperties(_ref, _excluded$2);
   return condition ? jsxRuntime.jsx(reactRouterDom.Route, _objectSpread$6(_objectSpread$6({}, routeProps), {}, {
     children: children
-  })) : jsxRuntime.jsx(applicationComponents.PageUnauthorized, {});
+  })) : jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: fallback
+  });
 };
 
-const _excluded$1 = ["fallback"];
+const _excluded$1 = ["loading", "fallback"];
 function ownKeys$5(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$5(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$5(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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const SuspendedProtectedRoute = _ref => {
-  let _ref$fallback = _ref.fallback,
-    fallback = _ref$fallback === void 0 ? jsxRuntime.jsx(LoadingSpinner__default["default"], {}) : _ref$fallback,
+  let _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? jsxRuntime.jsx(LoadingSpinner__default["default"], {}) : _ref$loading,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? jsxRuntime.jsx(applicationComponents.PageUnauthorized, {}) : _ref$fallback,
     routeProps = _objectWithoutProperties(_ref, _excluded$1);
   return jsxRuntime.jsx(react.Suspense, {
-    fallback: fallback,
-    children: jsxRuntime.jsx(ProtectedRoute, _objectSpread$5({}, routeProps))
+    fallback: loading,
+    children: jsxRuntime.jsx(ProtectedRoute, _objectSpread$5({
+      fallback: fallback
+    }, routeProps))
   });
 };
 SuspendedProtectedRoute.propTypes = process.env.NODE_ENV !== "production" ? {
+  loading: _pt__default["default"].node,
   fallback: _pt__default["default"].node
 } : {};
 
@@ -1490,7 +1499,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-08a3cbed.cjs.dev.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-41ebb791.cjs.dev.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; }
@@ -1730,7 +1739,7 @@ ApplicationShell.propTypes = process.env.NODE_ENV !== "production" ? {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = version;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-d3484386.cjs.dev.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-ebb256ab.cjs.dev.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({