@commercetools-frontend/application-shell 22.9.1 → 22.11.0

package/dist/{index-beeb5dbb.cjs.prod.js → index-497ae97d.cjs.prod.js}

@@ -24,10 +24,9 @@ var constants = require('@commercetools-frontend/constants');
 var i18n = require('@commercetools-frontend/i18n');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var sentry = require('@commercetools-frontend/sentry');
-var oidc = require('./oidc-b2ac8a92.cjs.prod.js');
+var oidc = require('./oidc-88c678f1.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var LogoSVG = require('@commercetools-frontend/assets/images/logo.svg');
 var designSystem = require('@commercetools-uikit/design-system');
 var Spacings = require('@commercetools-uikit/spacings');
 var reactIntl = require('react-intl');
@@ -62,7 +61,6 @@ var httpAdapter = require('@flopflip/http-adapter');
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-var types = require('@flopflip/types');
 var reactRedux = require('react-redux');
 var upperFirst = require('lodash/upperFirst');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
@@ -89,7 +87,6 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var LogoSVG__default = /*#__PURE__*/_interopDefault(LogoSVG);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
@@ -113,9 +110,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 applicationShellVersion = "22.9.1";
+var applicationShellVersion = "22.11.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-7f4804b4.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-d1643ea7.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -255,11 +252,11 @@ function ownKeys$8(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
 function _objectSpread$8(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$8(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$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var ProjectsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchUserProjects" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 218, source: { body: "query FetchUserProjects {\n  user: me {\n    id\n    projects {\n      results {\n        name\n        key\n        suspension {\n          isActive\n        }\n        expiry {\n          isActive\n        }\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const PROJECT_SWITCHER_LABEL_ID = 'project-switcher-label';
-var _ref3 = {
+var _ref3$1 = {
   name: "82a6rk",
   styles: "flex:1"
 } ;
-var _ref4 = {
+var _ref4$1 = {
   name: "zol16h",
   styles: "display:flex;flex:1;align-items:center"
 } ;
@@ -267,9 +264,9 @@ const ProjectSwitcherValueContainer = _ref5 => {
   let projectCount = _ref5.projectCount,
     restProps = _objectWithoutProperties(_ref5, _excluded);
   return jsxRuntime.jsxs("div", {
-    css: _ref4,
+    css: _ref4$1,
     children: [jsxRuntime.jsx("div", {
-      css: _ref3,
+      css: _ref3$1,
       children: jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$8(_objectSpread$8({}, restProps), {}, {
         children: restProps.children
       }))
@@ -283,7 +280,7 @@ var _ref$2 = {
   name: "16lqnjx",
   styles: "font-size:1.5rem;display:flex"
 } ;
-var _ref2$2 = {
+var _ref2$1 = {
   name: "10s3lzp",
   styles: "word-wrap:break-word"
 } ;
@@ -291,7 +288,7 @@ const ProjectSwitcherOption = props => {
   const project = props.data;
   return jsxRuntime.jsx(SelectInput__default["default"].Option, _objectSpread$8(_objectSpread$8({}, props), {}, {
     children: jsxRuntime.jsxs("div", {
-      css: _ref2$2,
+      css: _ref2$1,
       children: [jsxRuntime.jsxs("div", {
         css: /*#__PURE__*/react$1.css("color:", props.isDisabled ? designSystem.designTokens.colorNeutral : designSystem.designTokens.colorAccent, ";" + ("" ), "" ),
         children: [project.name, props.isDisabled && jsxRuntime.jsx("span", {
@@ -381,41 +378,23 @@ 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-70751be9.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-367bc7a6.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
 
 var _ref$1 = {
   name: "36bnqj",
   styles: "display:flex;flex:1"
 } ;
-var _ref2$1 = {
-  name: "hlihg7",
-  styles: "display:block;float:left;width:28px;height:32px;margin-left:20px"
-} ;
 const AppBar = props => {
   var _props$user$defaultPr, _props$user;
   const previousProjectKey = getPreviousProjectKey((_props$user$defaultPr = (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.defaultProjectKey) !== null && _props$user$defaultPr !== void 0 ? _props$user$defaultPr : undefined);
   return jsxRuntime.jsxs("div", {
     css: /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorSurface, ";box-shadow:", applicationComponents.designTokens.shadowForAppbar, ";min-height:", oidc.DIMENSIONS.header, ";position:relative;width:100%;z-index:20000;display:flex;align-items:center;justify-content:space-between;" + ("" ), "" ),
     "data-test": "top-navigation",
-    children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-      children: [jsxRuntime.jsx("div", {
-        css: _ref2$1,
-        children: !props.isNewNavigationEnabled && (!props.user ? jsxRuntime.jsx("img", {
-          src: LogoSVG__default["default"],
-          width: "100%",
-          alt: "Logo"
-        }) : jsxRuntime.jsx("a", {
-          href: "/".concat(previousProjectKey || ''),
-          children: jsxRuntime.jsx("img", {
-            src: LogoSVG__default["default"],
-            width: "100%",
-            alt: "Logo"
-          })
-        }))
-      }), jsxRuntime.jsx("div", {
+    children: [jsxRuntime.jsx(Spacings__default["default"].Inline, {
+      children: jsxRuntime.jsx("div", {
         id: REQUESTS_IN_FLIGHT_LOADER_DOM_ID,
         css: _ref$1
-      })]
+      })
     }), jsxRuntime.jsx("div", {
       css: /*#__PURE__*/react$1.css("float:right;font-weight:normal;font-size:1rem;margin-right:", applicationComponents.designTokens.marginRightForAppbar, ";display:flex;align-items:center;" + ("" ), "" ),
       children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
@@ -572,9 +551,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-78f58680.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-5b122d30.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-c6fb1e4f.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-a125b80c.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -686,7 +665,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-ce774311.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-b1fdce23.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
 
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
@@ -773,34 +752,10 @@ const QuickAccessTrigger = props => {
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-96e94d9d.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-f96ad82f.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-2266c427.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
-/*
- * This file contains a list of all feature toggles used within
- * the app shell. Each feature toggle should be a constant.
- *
- * ```
- * export const FEATURE_TOGGLE_NAME = 'featureToggleName';
- * export const FLAGS = {
- *   [FEATURE_TOGGLE_NAME]: false,
- * };
- * ```
- *
- * NOTE:
- *   Default values are not yet passed to flopflip and it has to be decided
- *   how the integrate with the plugin API.
- *   The default values would be used whenever feature toggles have not been
- *   fetched from LaunchDarkly (without default values flopflip will default
- *   them to off until fetched).
- */
-
-const MAIN_NAVIGATION = 'newMainNavigationBar';
-const FLAGS = {
-  [MAIN_NAVIGATION]: false
-};
-
 function ownKeys$7(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$7(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$7(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$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FetchAllMenuFeatureToggles = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchAllMenuFeatureToggles" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatureToggles" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 57, source: { body: "query FetchAllMenuFeatureToggles {\n  allFeatureToggles\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
@@ -861,7 +816,7 @@ const SetupFlopFlipProvider = props => {
   const apolloClient = react$2.useApolloClient();
   const enableLongLivedFeatureFlags = applicationShellConnectors.useApplicationContext(context => context.environment.enableLongLivedFeatureFlags);
   const allMenuFeatureToggles = useAllMenuFeatureToggles();
-  const flags = react.useMemo(() => _objectSpread$6(_objectSpread$6(_objectSpread$6({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), _flagsInstanceProperty__default["default"](props)), [allMenuFeatureToggles.allFeatureToggles, _flagsInstanceProperty__default["default"](props)]);
+  const flags = react.useMemo(() => _objectSpread$6(_objectSpread$6(_objectSpread$6({}, constants.featureFlags.FLAGS), allMenuFeatureToggles.allFeatureToggles), _flagsInstanceProperty__default["default"](props)), [allMenuFeatureToggles.allFeatureToggles, _flagsInstanceProperty__default["default"](props)]);
   react.useMemo(() => {
     if (enableLongLivedFeatureFlags) {
       combineAdapters__default["default"].combine([ldAdapter__default["default"], httpAdapter__default["default"]]);
@@ -869,7 +824,7 @@ const SetupFlopFlipProvider = props => {
       combineAdapters__default["default"].combine([ldAdapter__default["default"]]);
     }
   }, [enableLongLivedFeatureFlags]);
-  const defaultFlags = react.useMemo(() => _objectSpread$6(_objectSpread$6(_objectSpread$6({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), props.defaultFlags), [allMenuFeatureToggles.allFeatureToggles, props.defaultFlags]);
+  const defaultFlags = react.useMemo(() => _objectSpread$6(_objectSpread$6(_objectSpread$6({}, constants.featureFlags.FLAGS), allMenuFeatureToggles.allFeatureToggles), props.defaultFlags), [allMenuFeatureToggles.allFeatureToggles, props.defaultFlags]);
   const adapterArgs = react.useMemo(() => {
     var _props$user, _props$ldClientSideId, _props$user2;
     return {
@@ -923,20 +878,7 @@ const ThemeSwitcher = () => {
   });
 };
 
-const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-b14edb65.cjs.prod.js' /* webpackChunkName: "version-tracker" */); }));
-
-// TODO: Remove this file once the new navigation is enabled for all users
-const NewMainNavigationFlagWrapper = props => {
-  const isNewNavigationEnabled = reactBroadcast.useFeatureToggle(MAIN_NAVIGATION);
-  const _useAdapterStatus = reactBroadcast.useAdapterStatus({
-      adapterIdentifiers: [types.adapterIdentifiers.launchdarkly]
-    }),
-    isReady = _useAdapterStatus.isReady;
-  return props.children({
-    isNewNavigationEnabled,
-    isNewNavigationEnabledEvaluationReady: isReady
-  });
-};
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-bd652c85.cjs.prod.js' /* webpackChunkName: "version-tracker" */); }));
 
 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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -949,7 +891,10 @@ const getHasUserBeenDeletedError = graphQLErrors => _findInstanceProperty__defau
 });
 const MainContainer = /*#__PURE__*/_styled__default["default"]("main", {
   target: "esrtekc0"
-} )(props => props.isNewNavigationEnabled ? "\n        grid-column: 2/3;\n        grid-row: 3/4;\n      " : "\n        grid-column: 2;\n        grid-row: 3;\n      ", ";min-width:0;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column;position:relative;" + ("" ));
+} )({
+  name: "evthls",
+  styles: "grid-column:2/3;grid-row:3/4;min-width:0;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column;position:relative"
+} );
 
 /**
  * This component is rendered whenever the user is considered "authenticated"
@@ -960,6 +905,14 @@ var _ref = {
   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 = {
+  name: "lzrvov",
+  styles: "grid-column:1/2;grid-row:2/4;overflow:hidden"
+} ;
+var _ref3 = {
+  name: "tjbz3t",
+  styles: "grid-row:'2/3';grid-column:'2/3'"
+} ;
+var _ref4 = {
   name: "8bdwu0",
   styles: "grid-row:1;grid-column:1/3"
 } ;
@@ -978,10 +931,10 @@ const ApplicationShellAuthenticated = props => {
     notificationsPageRef
   });
   return jsxRuntime.jsx(FetchUser, {
-    children: _ref3 => {
-      let isLoadingUser = _ref3.isLoading,
-        user = _ref3.user,
-        error = _ref3.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)) {
@@ -1001,9 +954,9 @@ const ApplicationShellAuthenticated = props => {
         return jsxRuntime.jsx(i18n.AsyncLocaleData, {
           locale: userLocale,
           applicationMessages: props.applicationMessages,
-          children: _ref4 => {
-            let locale = _ref4.locale,
-              messages = _ref4.messages;
+          children: _ref6 => {
+            let locale = _ref6.locale,
+              messages = _ref6.messages;
             sentry.reportErrorToSentry(error, {});
             return jsxRuntime.jsx(ConfigureIntlProvider, {
               locale: locale,
@@ -1020,10 +973,10 @@ const ApplicationShellAuthenticated = props => {
         children: jsxRuntime.jsx(i18n.AsyncLocaleData, {
           locale: user === null || user === void 0 ? void 0 : user.language,
           applicationMessages: props.applicationMessages,
-          children: _ref5 => {
-            let isLoadingLocaleData = _ref5.isLoading,
-              locale = _ref5.locale,
-              messages = _ref5.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.
@@ -1037,189 +990,178 @@ const ApplicationShellAuthenticated = props => {
                 ldClientSideId: applicationEnvironment.ldClientSideId,
                 flags: props.featureFlags,
                 defaultFlags: props.defaultFeatureFlags,
-                children: jsxRuntime.jsx(NewMainNavigationFlagWrapper, {
-                  children: _ref6 => {
-                    let isNewNavigationEnabled = _ref6.isNewNavigationEnabled,
-                      isNewNavigationEnabledEvaluationReady = _ref6.isNewNavigationEnabledEvaluationReady;
-                    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                      children: [jsxRuntime.jsx(ThemeSwitcher, {}), jsxRuntime.jsx(VersionTracker, {}), jsxRuntime.jsx(RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
-                        user: user !== null && user !== void 0 ? user : undefined
-                      }), jsxRuntime.jsxs("div", {
-                        css: /*#__PURE__*/react$1.css("height:100vh;display:grid;grid-template-rows:auto ", oidc.DIMENSIONS.header, " 1fr;grid-template-columns:min-content 1fr;" + ("" ), "" ),
-                        children: [jsxRuntime.jsxs("div", {
-                          ref: notificationsGlobalRef,
-                          role: "region",
-                          "aria-live": "polite",
-                          css: _ref2,
-                          children: [jsxRuntime.jsx("div", {
-                            id: "above-top-navigation"
-                          }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                            domain: constants.DOMAINS.GLOBAL
-                          })]
-                        }), jsxRuntime.jsx(reactRouterDom.Route, {
-                          children: () => {
-                            if (!projectKeyFromUrl) return jsxRuntime.jsx(QuickAccessTrigger, {});
-                            return jsxRuntime.jsx(FetchProject, {
-                              projectKey: projectKeyFromUrl,
-                              children: _ref7 => {
-                                let isProjectLoading = _ref7.isLoading,
-                                  project = _ref7.project;
-                                if (isProjectLoading || !project) return null;
-
-                                // when used outside of a project context,
-                                // or when the project is expired or supsended
-                                const shouldUseProjectContext = !(project.suspension && project.suspension.isActive || project.expiry && project.expiry.isActive);
-                                if (!shouldUseProjectContext) return jsxRuntime.jsx(QuickAccessTrigger, {});
-                                return jsxRuntime.jsx(ProjectDataLocale, {
-                                  locales: project.languages,
-                                  children: _ref8 => {
-                                    let dataLocale = _ref8.locale,
-                                      setProjectDataLocale = _ref8.setProjectDataLocale;
-                                    return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
-                                      user: user,
-                                      project: project,
-                                      projectDataLocale: dataLocale,
-                                      environment: applicationEnvironment,
-                                      children: jsxRuntime.jsx(QuickAccessTrigger, {
-                                        onChangeProjectDataLocale: setProjectDataLocale
-                                      })
-                                    });
-                                  }
-                                });
-                              }
-                            });
-                          }
-                        }), jsxRuntime.jsx("header", {
-                          css: /*#__PURE__*/react$1.css("grid-row:", isNewNavigationEnabled ? '2/3' : '2', ";grid-column:", isNewNavigationEnabled ? '2/3' : '1/3', ";" + ("" ), "" ),
-                          children: jsxRuntime.jsx(AppBar, {
-                            user: user,
-                            projectKeyFromUrl: projectKeyFromUrl,
-                            isNewNavigationEnabled: isNewNavigationEnabled
-                          })
-                        }), jsxRuntime.jsx("aside", {
-                          css: /*#__PURE__*/react$1.css(isNewNavigationEnabled === false && "position: relative;\n                                    grid-row: 3;\n                                    display: flex;\n                                    flex-direction: column;", " ", isNewNavigationEnabled === true && "grid-column: 1/2;\n                                    grid-row: 2/4;\n                                    overflow: hidden;", ";" + ("" ), "" ),
-                          children: (() => {
-                            // The <NavBar> should only be rendered within a project
-                            // context, therefore when there is a `projectKey`.
-                            // If there is no `projectKey` in the URL (e.g. `/account`
-                            // routes), we don't render it.
-                            // NOTE: we also "cache" the `projectKey` in localStorage
-                            // but this should only be used to "re-hydrate" the URL
-                            // location (e.g when you go to `/`, there should be a
-                            // redirect to `/:projectKey`). Therefore, we should not
-                            // rely on the value in localStorage to determine which
-                            // `projectKey` is currently used.
-                            if (!projectKeyFromUrl) return null;
-                            return jsxRuntime.jsx(FetchProject, {
-                              projectKey: projectKeyFromUrl,
+                children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                  children: [jsxRuntime.jsx(ThemeSwitcher, {}), jsxRuntime.jsx(VersionTracker, {}), jsxRuntime.jsx(RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
+                    user: user !== null && user !== void 0 ? user : undefined
+                  }), jsxRuntime.jsxs("div", {
+                    css: /*#__PURE__*/react$1.css("height:100vh;display:grid;grid-template-rows:auto ", oidc.DIMENSIONS.header, " 1fr;grid-template-columns:min-content 1fr;" + ("" ), "" ),
+                    children: [jsxRuntime.jsxs("div", {
+                      ref: notificationsGlobalRef,
+                      role: "region",
+                      "aria-live": "polite",
+                      css: _ref4,
+                      children: [jsxRuntime.jsx("div", {
+                        id: "above-top-navigation"
+                      }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
+                        domain: constants.DOMAINS.GLOBAL
+                      })]
+                    }), jsxRuntime.jsx(reactRouterDom.Route, {
+                      children: () => {
+                        if (!projectKeyFromUrl) return jsxRuntime.jsx(QuickAccessTrigger, {});
+                        return jsxRuntime.jsx(FetchProject, {
+                          projectKey: projectKeyFromUrl,
+                          children: _ref8 => {
+                            let isProjectLoading = _ref8.isLoading,
+                              project = _ref8.project;
+                            if (isProjectLoading || !project) return null;
+
+                            // when used outside of a project context,
+                            // or when the project is expired or supsended
+                            const shouldUseProjectContext = !(project.suspension && project.suspension.isActive || project.expiry && project.expiry.isActive);
+                            if (!shouldUseProjectContext) return jsxRuntime.jsx(QuickAccessTrigger, {});
+                            return jsxRuntime.jsx(ProjectDataLocale, {
+                              locales: project.languages,
                               children: _ref9 => {
-                                let isLoadingProject = _ref9.isLoading,
-                                  project = _ref9.project;
-                                const isLoading = isLoadingUser || isLoadingLocaleData || isLoadingProject || !locale || !project;
+                                let dataLocale = _ref9.locale,
+                                  setProjectDataLocale = _ref9.setProjectDataLocale;
                                 return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
                                   user: user,
-                                  environment: applicationEnvironment
-                                  // NOTE: do not pass the `project` into the application context.
-                                  // The permissions for the Navbar are resolved separately, within
-                                  // a different React context.
-                                  ,
-                                  children: jsxRuntime.jsx(Navbar, {
-                                    applicationLocale: locale,
-                                    projectKey: projectKeyFromUrl,
-                                    project: project,
-                                    environment: applicationEnvironment,
-                                    onMenuItemClick: props.onMenuItemClick,
-                                    isLoading: isLoading,
-                                    isNewNavigationEnabled: isNewNavigationEnabled,
-                                    isNewNavigationEnabledEvaluationReady: isNewNavigationEnabledEvaluationReady
+                                  project: project,
+                                  projectDataLocale: dataLocale,
+                                  environment: applicationEnvironment,
+                                  children: jsxRuntime.jsx(QuickAccessTrigger, {
+                                    onChangeProjectDataLocale: setProjectDataLocale
                                   })
                                 });
                               }
                             });
-                          })()
-                        }), isLoadingUser || isLoadingLocaleData ? jsxRuntime.jsx(MainContainer, {
-                          isNewNavigationEnabled: isNewNavigationEnabled,
-                          role: "main",
-                          children: jsxRuntime.jsx(ApplicationLoader, {})
-                        }) : jsxRuntime.jsxs(MainContainer, {
-                          isNewNavigationEnabled: isNewNavigationEnabled,
-                          role: "main",
-                          children: [jsxRuntime.jsx("div", {
-                            ref: notificationsPageRef,
-                            children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                              domain: constants.DOMAINS.PAGE
+                          }
+                        });
+                      }
+                    }), jsxRuntime.jsx("header", {
+                      css: _ref3,
+                      children: jsxRuntime.jsx(AppBar, {
+                        user: user,
+                        projectKeyFromUrl: projectKeyFromUrl
+                      })
+                    }), jsxRuntime.jsx("aside", {
+                      css: _ref2,
+                      children: (() => {
+                        // The <NavBar> should only be rendered within a project
+                        // context, therefore when there is a `projectKey`.
+                        // If there is no `projectKey` in the URL (e.g. `/account`
+                        // routes), we don't render it.
+                        // NOTE: we also "cache" the `projectKey` in localStorage
+                        // but this should only be used to "re-hydrate" the URL
+                        // location (e.g when you go to `/`, there should be a
+                        // redirect to `/:projectKey`). Therefore, we should not
+                        // rely on the value in localStorage to determine which
+                        // `projectKey` is currently used.
+                        if (!projectKeyFromUrl) return null;
+                        return jsxRuntime.jsx(FetchProject, {
+                          projectKey: projectKeyFromUrl,
+                          children: _ref10 => {
+                            let isLoadingProject = _ref10.isLoading,
+                              project = _ref10.project;
+                            const isLoading = isLoadingUser || isLoadingLocaleData || isLoadingProject || !locale || !project;
+                            return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
+                              user: user,
+                              environment: applicationEnvironment
+                              // NOTE: do not pass the `project` into the application context.
+                              // The permissions for the Navbar are resolved separately, within
+                              // a different React context.
+                              ,
+                              children: jsxRuntime.jsx(Navbar, {
+                                applicationLocale: locale,
+                                projectKey: projectKeyFromUrl,
+                                project: project,
+                                environment: applicationEnvironment,
+                                onMenuItemClick: props.onMenuItemClick,
+                                isLoading: isLoading
+                              })
+                            });
+                          }
+                        });
+                      })()
+                    }), isLoadingUser || isLoadingLocaleData ? jsxRuntime.jsx(MainContainer, {
+                      role: "main",
+                      children: jsxRuntime.jsx(ApplicationLoader, {})
+                    }) : jsxRuntime.jsxs(MainContainer, {
+                      role: "main",
+                      children: [jsxRuntime.jsx("div", {
+                        ref: notificationsPageRef,
+                        children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
+                          domain: constants.DOMAINS.PAGE
+                        })
+                      }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
+                        domain: constants.DOMAINS.SIDE
+                      }), jsxRuntime.jsxs("div", {
+                        css: _ref,
+                        children: [jsxRuntime.jsx(applicationComponents.PortalsContainer
+                        // @ts-ignore
+                        , {
+                          ref: layoutRefs,
+                          offsetTop: oidc.DIMENSIONS.header,
+                          offsetLeft: projectKeyFromUrl ? oidc.DIMENSIONS.navMenu : '0px',
+                          offsetLeftOnExpandedMenu: projectKeyFromUrl ? oidc.DIMENSIONS.navMenuExpanded : '0px'
+                        }), jsxRuntime.jsxs(reactRouterDom.Switch, {
+                          children: [jsxRuntime.jsx(reactRouterDom.Redirect, {
+                            from: "/profile",
+                            to: "/account/profile"
+                          }), jsxRuntime.jsx(reactRouterDom.Route, {
+                            path: "/account",
+                            children:
+                            /**
+                             * In case the AppShell uses the `render` function, we assume it's one of two cases:
+                             * 1. The application does not use `children` and therefore implements the routes including
+                             * the <RouteCatchAll> (this is the "legacy" behavior).
+                             * 2. It's the account application, which always uses `render` and therefore should render as normal.
+                             *
+                             * In case the AppShell uses the `children` function, we can always assume that
+                             * it's a normal Custom Application and that it should trigger a force reload.
+                             */
+                            props.render ? jsxRuntime.jsx(jsxRuntime.Fragment, {
+                              children: props.render()
+                            }) : jsxRuntime.jsx(index.RouteCatchAll, {})
+                          }), jsxRuntime.jsx(reactRouterDom.Route, {
+                            exact: true,
+                            path: "/",
+                            children: (_user$defaultProjectK => {
+                              const previousProjectKey = getPreviousProjectKey((_user$defaultProjectK = user === null || user === void 0 ? void 0 : user.defaultProjectKey) !== null && _user$defaultProjectK !== void 0 ? _user$defaultProjectK : undefined);
+
+                              /**
+                               * NOTE:
+                               *   Given the user has not been loaded a loading spinner is shown.
+                               *   Given the user was not working on a project previously nor has a default
+                               *   project, the user will be prompted to create one.
+                               *   Given the user was working on a project previously or has a default
+                               *   project, the application will redirect to that project.
+                               */
+                              if (!user) return jsxRuntime.jsx(ApplicationLoader, {});
+                              if (!previousProjectKey) return jsxRuntime.jsx(RedirectToProjectCreate, {});
+                              return jsxRuntime.jsx(reactRouterDom.Redirect, {
+                                to: "/".concat(previousProjectKey)
+                              });
+                            })()
+                          }), jsxRuntime.jsx(reactRouterDom.Route, {
+                            exact: false,
+                            path: "/:projectKey",
+                            children: jsxRuntime.jsx(ProjectContainer, {
+                              user: user,
+                              environment: applicationEnvironment,
+                              disableRoutePermissionCheck: props.disableRoutePermissionCheck
+                              // This effectively renders the
+                              // children, which is the application
+                              // specific part
+                              ,
+                              render: props.render,
+                              children: props.children
                             })
-                          }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                            domain: constants.DOMAINS.SIDE
-                          }), jsxRuntime.jsxs("div", {
-                            css: _ref,
-                            children: [jsxRuntime.jsx(applicationComponents.PortalsContainer
-                            // @ts-ignore
-                            , {
-                              ref: layoutRefs,
-                              offsetTop: oidc.DIMENSIONS.header,
-                              offsetLeft: projectKeyFromUrl ? isNewNavigationEnabled ? oidc.DIMENSIONS.newNavMenu : oidc.DIMENSIONS.navMenu : '0px',
-                              offsetLeftOnExpandedMenu: projectKeyFromUrl ? isNewNavigationEnabled ? oidc.DIMENSIONS.newNavMenuExpanded : oidc.DIMENSIONS.navMenuExpanded : '0px'
-                            }), jsxRuntime.jsxs(reactRouterDom.Switch, {
-                              children: [jsxRuntime.jsx(reactRouterDom.Redirect, {
-                                from: "/profile",
-                                to: "/account/profile"
-                              }), jsxRuntime.jsx(reactRouterDom.Route, {
-                                path: "/account",
-                                children:
-                                /**
-                                 * In case the AppShell uses the `render` function, we assume it's one of two cases:
-                                 * 1. The application does not use `children` and therefore implements the routes including
-                                 * the <RouteCatchAll> (this is the "legacy" behavior).
-                                 * 2. It's the account application, which always uses `render` and therefore should render as normal.
-                                 *
-                                 * In case the AppShell uses the `children` function, we can always assume that
-                                 * it's a normal Custom Application and that it should trigger a force reload.
-                                 */
-                                props.render ? jsxRuntime.jsx(jsxRuntime.Fragment, {
-                                  children: props.render()
-                                }) : jsxRuntime.jsx(index.RouteCatchAll, {})
-                              }), jsxRuntime.jsx(reactRouterDom.Route, {
-                                exact: true,
-                                path: "/",
-                                children: (_user$defaultProjectK => {
-                                  const previousProjectKey = getPreviousProjectKey((_user$defaultProjectK = user === null || user === void 0 ? void 0 : user.defaultProjectKey) !== null && _user$defaultProjectK !== void 0 ? _user$defaultProjectK : undefined);
-
-                                  /**
-                                   * NOTE:
-                                   *   Given the user has not been loaded a loading spinner is shown.
-                                   *   Given the user was not working on a project previously nor has a default
-                                   *   project, the user will be prompted to create one.
-                                   *   Given the user was working on a project previously or has a default
-                                   *   project, the application will redirect to that project.
-                                   */
-                                  if (!user) return jsxRuntime.jsx(ApplicationLoader, {});
-                                  if (!previousProjectKey) return jsxRuntime.jsx(RedirectToProjectCreate, {});
-                                  return jsxRuntime.jsx(reactRouterDom.Redirect, {
-                                    to: "/".concat(previousProjectKey)
-                                  });
-                                })()
-                              }), jsxRuntime.jsx(reactRouterDom.Route, {
-                                exact: false,
-                                path: "/:projectKey",
-                                children: jsxRuntime.jsx(ProjectContainer, {
-                                  user: user,
-                                  environment: applicationEnvironment,
-                                  disableRoutePermissionCheck: props.disableRoutePermissionCheck
-                                  // This effectively renders the
-                                  // children, which is the application
-                                  // specific part
-                                  ,
-                                  render: props.render,
-                                  children: props.children
-                                })
-                              })]
-                            })]
                           })]
                         })]
                       })]
-                    });
-                  }
+                    })]
+                  })]
                 })
               })
             }));
@@ -1405,7 +1347,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-27fd978b.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-c70d87ef.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
 
 function ownKeys$3(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$3(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$3(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$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1555,7 +1497,7 @@ const ApplicationShellProvider = props => {
 ApplicationShellProvider.propTypes = {};
 ApplicationShellProvider.displayName = 'ApplicationShellProvider';
 
-const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-ee9f3801.cjs.prod.js' /* webpackChunkName: "redirect-to-login" */); }));
+const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-2eb8c713.cjs.prod.js' /* webpackChunkName: "redirect-to-login" */); }));
 
 const styles = {
   name: "1prreal",
@@ -1611,7 +1553,7 @@ ApplicationShell.version = applicationShellVersion;
 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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(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$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const CustomViewWithPermissionCheck = props => {
-  const permissionKeys = ssr.entryPointUriPathToPermissionKeys(props.customViewId);
+  const permissionKeys = ssr.entryPointUriPathToPermissionKeys(constants.CUSTOM_VIEW_HOST_ENTRY_POINT_URI_PATH);
 
   // Require View permission to render the application.
   const canView = permissions.useIsAuthorized({
@@ -1672,7 +1614,6 @@ function CustomViewShellAuthenticated(props) {
                       projectDataLocale: props.dataLocale,
                       environment: props.environment,
                       children: jsxRuntime.jsx(CustomViewWithPermissionCheck, {
-                        customViewId: props.customViewConfig.id,
                         children: props.children
                       })
                     });
@@ -1920,7 +1861,6 @@ exports.CustomViewShellWrapper = CustomViewShellWrapper;
 exports.ErrorBoundary = ErrorBoundary;
 exports.FetchProject = FetchProject;
 exports.InjectReducers = InjectReducers;
-exports.LoadingPlaceholder = LoadingPlaceholder;
 exports.ProjectDataLocale = ProjectDataLocale;
 exports.ProjectSwitcher = ProjectSwitcher;
 exports.REQUESTS_IN_FLIGHT_LOADER_DOM_ID = REQUESTS_IN_FLIGHT_LOADER_DOM_ID;