@commercetools-frontend/application-shell 27.10.0 → 27.11.0

package/dist/{index-ce507805.cjs.prod.js → index-fc58c6bb.cjs.prod.js}

@@ -2,29 +2,31 @@
 
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
-var index = require('./index-245e2980.cjs.prod.js');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _styled = require('@emotion/styled/base');
-var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
-var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+var constants = require('@commercetools-frontend/constants');
+var applicationEntryPoint = require('./application-entry-point-516fd72c.cjs.prod.js');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _styled = require('@emotion/styled/base');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var react$1 = require('@emotion/react');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-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-0cba182b.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var designSystem = require('@commercetools-uikit/design-system');
 var Spacings = require('@commercetools-uikit/spacings');
@@ -34,7 +36,6 @@ var icons = require('@commercetools-uikit/icons');
 var location = require('./location-537e0660.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var memoize = require('memoize-one');
 var reactSelect = require('react-select');
 var AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
@@ -55,7 +56,6 @@ var launchdarklyAdapter = require('@flopflip/launchdarkly-adapter');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var types = require('@flopflip/types');
 var reactRedux = require('react-redux');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
@@ -74,22 +74,22 @@ var actionsGlobal = require('@commercetools-frontend/actions-global');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
-var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
-var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
-var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
 var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
+var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var memoize__default = /*#__PURE__*/_interopDefault(memoize);
 var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
 var SelectInput__default = /*#__PURE__*/_interopDefault(SelectInput);
@@ -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 = "27.10.0";
+var version = "27.11.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-b33d695b.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-7cc3150d.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -123,6 +123,25 @@ const getPreviousProjectKey = defaultProjectKeyOfUser => {
   return;
 };
 
+// Resolves the project key the application runs in, which is usually the one
+// in the URL. On paths like `/agent-sphere` the project key is not part of the
+// URL, so it falls back to the previously used project.
+const selectProjectKeyInContext = _ref => {
+  let pathname = _ref.pathname,
+    defaultProjectKeyOfUser = _ref.defaultProjectKeyOfUser;
+  const projectKeyFromUrl = applicationShellConnectors.selectProjectKeyFromUrl(pathname);
+  if (projectKeyFromUrl) {
+    return projectKeyFromUrl;
+  }
+  const _pathname$split = pathname.split('/'),
+    _pathname$split2 = _slicedToArray(_pathname$split, 2),
+    topLevelPath = _pathname$split2[1];
+  if (constants.isProjectKeylessApplicationEntryPointInProjectContext(topLevelPath)) {
+    return getPreviousProjectKey(defaultProjectKeyOfUser);
+  }
+  return undefined;
+};
+
 const PERFORMANCE_MARKS = {
   SKELETON_VISIBLE: 'mc:skeleton-visible',
   SHELL_CHROME_MOUNTED: 'mc:shell-chrome-mounted',
@@ -412,8 +431,9 @@ 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-2235add2.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-06f023d0.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
 
+const isStaticRouteWithoutProjectContext = topLevelPath => Boolean(topLevelPath) && constants.isStaticUrlPathInPositionOfProjectKey(topLevelPath) && !constants.isProjectKeylessApplicationEntryPointInProjectContext(topLevelPath);
 var _ref$2 = {
   name: "zjik7",
   styles: "display:flex"
@@ -427,6 +447,11 @@ var _ref3$1 = {
   styles: "height:22px"
 } ;
 const AppBar = props => {
+  const _useLocation = reactRouterDom.useLocation(),
+    pathname = _useLocation.pathname;
+  const _pathname$split = pathname.split('/'),
+    _pathname$split2 = _slicedToArray(_pathname$split, 2),
+    topLevelPath = _pathname$split2[1];
   const previousProjectKey = getPreviousProjectKey(props.user?.defaultProjectKey ?? undefined);
   return jsxRuntime.jsxs("div", {
     css: /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorSurface, ";box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.15);padding:0 40px;min-height:", oidc.DIMENSIONS.header, ";position:relative;width:100%;z-index:20000;display:flex;align-items:center;justify-content:space-between;" + ("" ), "" ),
@@ -446,10 +471,12 @@ const AppBar = props => {
               });
             }
             // The `<ProjectSwitcher>` should be rendered only if the
-            // user is fetched and the user has projects while the app runs in an project context.
-            if (props.user.projects.total > 0 && props.projectKeyFromUrl) {
+            // user is fetched and the user has projects while the app runs in a
+            // project context. Static routes like `/account` have no project
+            // context, even when a previously used project key is available.
+            if (props.user.projects.total > 0 && props.projectKey && !isStaticRouteWithoutProjectContext(topLevelPath)) {
               var _context;
-              const selectedProject = _findInstanceProperty__default["default"](_context = props.user.projects.results).call(_context, project => project.key === props.projectKeyFromUrl);
+              const selectedProject = _findInstanceProperty__default["default"](_context = props.user.projects.results).call(_context, project => project.key === props.projectKey);
               return jsxRuntime.jsxs("div", {
                 css: /*#__PURE__*/react$1.css("display:flex;gap:", designSystem.designTokens.spacing20, ";align-items:center;" + ("" ), "" ),
                 children: [selectedProject?.isProductionProject && jsxRuntime.jsx("div", {
@@ -462,11 +489,13 @@ const AppBar = props => {
                 // This is fine becase the user has still the possibility to "switch"
                 // to a project.
                 , {
-                  projectKey: props.projectKeyFromUrl || previousProjectKey
+                  projectKey: props.projectKey
                 })]
               });
             }
-            if (!props.user.defaultProjectKey) return null;
+            if (!props.user.defaultProjectKey) {
+              return null;
+            }
             return jsxRuntime.jsx(BackToProject, {
               projectKey: previousProjectKey
             });
@@ -620,7 +649,7 @@ const FetchProject = props => {
 };
 FetchProject.displayName = 'FetchProject';
 
-var LoggedInUserQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchLoggedInUser" }, 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: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "gravatarHash" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "language" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "numberFormat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "timeZone" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingGroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingSubgroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingTeam" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingCloudEnvironment" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultProjectKey" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "businessRole" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { 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: [] }] } }, { kind: "Field", name: { kind: "Name", value: "isProductionProject" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "idTokenUserInfo" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "iss" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "sub" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "aud" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "exp" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "iat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "additionalClaims" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 692, source: { body: "query FetchLoggedInUser {\n  user: me {\n    id\n    email\n    createdAt\n    gravatarHash\n    firstName\n    lastName\n    language\n    numberFormat\n    timeZone\n    launchdarklyTrackingId\n    launchdarklyTrackingGroup\n    launchdarklyTrackingSubgroup\n    launchdarklyTrackingTeam\n    launchdarklyTrackingCloudEnvironment\n    defaultProjectKey\n    businessRole\n    projects {\n      total\n      results {\n        name\n        key\n        suspension {\n          isActive\n        }\n        expiry {\n          isActive\n        }\n        isProductionProject\n      }\n    }\n    idTokenUserInfo {\n      iss\n      sub\n      aud\n      exp\n      iat\n      email\n      name\n      additionalClaims\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
+var LoggedInUserQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchLoggedInUser" }, 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: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "gravatarHash" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "language" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "numberFormat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "timeZone" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingGroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingSubgroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingTeam" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingCloudEnvironment" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultProjectKey" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "isAdminOfAnyOrganization" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "businessRole" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { 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: [] }] } }, { kind: "Field", name: { kind: "Name", value: "isProductionProject" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "idTokenUserInfo" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "iss" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "sub" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "aud" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "exp" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "iat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "additionalClaims" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 721, source: { body: "query FetchLoggedInUser {\n  user: me {\n    id\n    email\n    createdAt\n    gravatarHash\n    firstName\n    lastName\n    language\n    numberFormat\n    timeZone\n    launchdarklyTrackingId\n    launchdarklyTrackingGroup\n    launchdarklyTrackingSubgroup\n    launchdarklyTrackingTeam\n    launchdarklyTrackingCloudEnvironment\n    defaultProjectKey\n    isAdminOfAnyOrganization\n    businessRole\n    projects {\n      total\n      results {\n        name\n        key\n        suspension {\n          isActive\n        }\n        expiry {\n          isActive\n        }\n        isProductionProject\n      }\n    }\n    idTokenUserInfo {\n      iss\n      sub\n      aud\n      exp\n      iat\n      email\n      name\n      additionalClaims\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const FetchUser = props => {
   const _useMcQuery = applicationShellConnectors.useMcQuery(LoggedInUserQuery, {
       context: {
@@ -646,7 +675,7 @@ const FetchUser = props => {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-f4b2552d.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-4bc16e7b.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
 const PerformanceMark = _ref => {
   let mark = _ref.mark;
@@ -656,11 +685,11 @@ const PerformanceMark = _ref => {
   return null;
 };
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-d44394a1.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-4f14fd7c.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-71e8db26.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-a42e3df6.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" */); }));
+const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-603634dd.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
 function ownKeys$9(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$9(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$9(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$9(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -780,7 +809,7 @@ const ThemeSwitcher = () => {
 };
 
 function ownKeys$8(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$8(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$8(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$8(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$8(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$8(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getHasUnauthorizedError = graphQLErrors => _findInstanceProperty__default["default"](graphQLErrors).call(graphQLErrors, gqlError => gqlError.extensions && gqlError.extensions.code && gqlError.extensions.code === 'UNAUTHENTICATED');
 const getHasUserBeenDeletedError = graphQLErrors => _findInstanceProperty__default["default"](graphQLErrors).call(graphQLErrors, gqlError => {
   var _context;
@@ -866,7 +895,6 @@ const ApplicationShellAuthenticated = props => {
           }
         });
       }
-      const projectKeyFromUrl = applicationShellConnectors.selectProjectKeyFromUrl(location.pathname);
 
       // Check if user is ct staff, and if so get language selected via staff bar from local storage
       const staffBarLanguage = user?.launchdarklyTrackingGroup === 'commercetools' || user?.launchdarklyTrackingGroup === 'mailosaur' ? applicationShellConnectors.selectUserLanguageFromStorage() : undefined;
@@ -874,6 +902,10 @@ const ApplicationShellAuthenticated = props => {
         // set the staff bar language if applicable
         language: staffBarLanguage ?? user.language
       }) : undefined;
+      const projectKeyInContext = selectProjectKeyInContext({
+        pathname: location.pathname,
+        defaultProjectKeyOfUser: normalizedUser?.defaultProjectKey ?? undefined
+      });
       return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
         user: normalizedUser,
         environment: applicationEnvironment,
@@ -881,6 +913,7 @@ const ApplicationShellAuthenticated = props => {
           locale: normalizedUser?.language,
           applicationMessages: props.applicationMessages,
           children: _ref7 => {
+            var _context2;
             let isLoadingLocaleData = _ref7.isLoading,
               locale = _ref7.locale,
               messages = _ref7.messages;
@@ -895,7 +928,7 @@ const ApplicationShellAuthenticated = props => {
                 mark: PERFORMANCE_MARKS.INTL_READY
               }), jsxRuntime.jsx(SetupFlopFlipProvider, {
                 user: normalizedUser,
-                projectKey: projectKeyFromUrl,
+                projectKey: projectKeyInContext,
                 ldClientSideId: applicationEnvironment.ldClientSideId,
                 flags: props.featureFlags,
                 defaultFlags: props.defaultFeatureFlags,
@@ -921,24 +954,20 @@ const ApplicationShellAuthenticated = props => {
                       css: _ref3,
                       children: jsxRuntime.jsx(AppBar, {
                         user: normalizedUser,
-                        projectKeyFromUrl: projectKeyFromUrl
+                        projectKey: projectKeyInContext
                       })
                     }), 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;
+                        // On `/account` routes there is none, so we don't render it.
+                        // NOTE: for paths that run in a project context without
+                        // carrying the `projectKey` in the URL (e.g. `/agent-sphere`),
+                        // the key is resolved from the previously used project.
+                        if (!projectKeyInContext) return null;
                         return jsxRuntime.jsx(FetchProject, {
-                          projectKey: projectKeyFromUrl,
+                          projectKey: projectKeyInContext,
                           children: _ref8 => {
                             let isLoadingProject = _ref8.isLoading,
                               project = _ref8.project;
@@ -952,7 +981,7 @@ const ApplicationShellAuthenticated = props => {
                               ,
                               children: jsxRuntime.jsx(Navbar, {
                                 applicationLocale: locale,
-                                projectKey: projectKeyFromUrl,
+                                projectKey: projectKeyInContext,
                                 project: project,
                                 environment: applicationEnvironment,
                                 onMenuItemClick: props.onMenuItemClick,
@@ -983,16 +1012,16 @@ const ApplicationShellAuthenticated = props => {
                         , {
                           ref: layoutRefs,
                           offsetTop: oidc.DIMENSIONS.header,
-                          offsetLeft: projectKeyFromUrl ? oidc.NAVBAR.widthLeftNavigation : '0px',
-                          offsetLeftOnExpandedMenu: projectKeyFromUrl ? oidc.NAVBAR.widthLeftNavigationWhenExpanded : '0px'
+                          offsetLeft: projectKeyInContext ? oidc.NAVBAR.widthLeftNavigation : '0px',
+                          offsetLeftOnExpandedMenu: projectKeyInContext ? oidc.NAVBAR.widthLeftNavigationWhenExpanded : '0px'
                         }), jsxRuntime.jsxs(reactRouterDom.Switch, {
                           children: [jsxRuntime.jsx(reactRouterDom.Route, {
                             path: "/profile",
                             render: () => jsxRuntime.jsx(reactRouterDom.Redirect, {
-                              to: "/account/profile"
+                              to: `/${constants.STATIC_URL_PATHS.ACCOUNT}/profile`
                             })
                           }), jsxRuntime.jsx(reactRouterDom.Route, {
-                            path: "/account",
+                            path: _mapInstanceProperty__default["default"](_context2 = _filterInstanceProperty__default["default"](constants.PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS).call(constants.PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS, entryPointUriPath => !constants.isProjectKeylessApplicationEntryPointInProjectContext(entryPointUriPath))).call(_context2, entryPointUriPath => `/${entryPointUriPath}`),
                             children:
                             /**
                              * In case the AppShell uses the `render` function, we assume it's one of two cases:
@@ -1005,21 +1034,50 @@ const ApplicationShellAuthenticated = props => {
                              */
                             props.render ? jsxRuntime.jsx(jsxRuntime.Fragment, {
                               children: props.render()
-                            }) : jsxRuntime.jsx(index.RouteCatchAll, {})
+                            }) : jsxRuntime.jsx(applicationEntryPoint.RouteCatchAll, {})
+                          }), jsxRuntime.jsx(reactRouterDom.Route, {
+                            path: _mapInstanceProperty__default["default"](constants.PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS_IN_PROJECT_CONTEXT).call(constants.PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS_IN_PROJECT_CONTEXT, entryPointUriPath => `/${entryPointUriPath}`),
+                            children: constants.isProjectKeylessApplicationEntryPointInProjectContext(applicationEnvironment.entryPointUriPath) ? jsxRuntime.jsx(applicationEntryPoint.ApplicationEntryPoint, {
+                              environment: applicationEnvironment
+                              // There is no project in ApplicationContext on this
+                              // path, so the default View-permission check cannot
+                              // succeed. Access is gated in the app via a user flag.
+                              ,
+                              disableRoutePermissionCheck: true,
+                              render: props.render,
+                              children: props.children
+                            }) : props.render ?
+                            /**
+                             * Same as `/account`: a `render` app implements its own
+                             * catch-all. A `children` Custom Application must reload
+                             * so the proxy can hand the request to agent-sphere.
+                             */
+                            jsxRuntime.jsx(jsxRuntime.Fragment, {
+                              children: props.render()
+                            }) : jsxRuntime.jsx(applicationEntryPoint.RouteCatchAll, {})
                           }), jsxRuntime.jsx(reactRouterDom.Route, {
                             exact: true,
                             path: "/",
                             children: (() => {
+                              const entryPointUriPath = applicationEnvironment.entryPointUriPath;
                               const previousProjectKey = getPreviousProjectKey(normalizedUser?.defaultProjectKey ?? undefined);
 
                               /**
                                * NOTE:
+                               *   Given the application does not run on a `/:projectKey` route
+                               *   (e.g. `agent-sphere`), the application redirects to its own
+                               *   entry point instead of to a project.
                                *   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 (constants.isProjectKeylessApplicationEntryPoint(entryPointUriPath)) {
+                                return jsxRuntime.jsx(reactRouterDom.Redirect, {
+                                  to: `/${entryPointUriPath}`
+                                });
+                              }
                               if (!normalizedUser) return jsxRuntime.jsx(ApplicationLoader, {});
                               if (!previousProjectKey) return jsxRuntime.jsx(RedirectToProjectCreate, {});
                               return jsxRuntime.jsx(reactRouterDom.Redirect, {
@@ -1057,7 +1115,6 @@ const ApplicationShellAuthenticated = props => {
 ApplicationShellAuthenticated.displayName = 'ApplicationShellAuthenticated';
 
 const maxTitleCharLength = 24;
-const staticPaths = ['account', 'login'];
 const getPageTitle = (pathname, additionalParts) => {
   const _pathname$split = pathname.split('/'),
     _pathname$split2 = _slicedToArray(_pathname$split, 3),
@@ -1069,7 +1126,7 @@ const getPageTitle = (pathname, additionalParts) => {
     }
     return [_sliceInstanceProperty__default["default"](titlePart).call(titlePart, 0, maxTitleCharLength / 2), _sliceInstanceProperty__default["default"](titlePart).call(titlePart, titlePart.length - maxTitleCharLength / 2)].join('...');
   });
-  if (_includesInstanceProperty__default["default"](staticPaths).call(staticPaths, projectKeyOrStaticPath)) {
+  if (constants.isStaticUrlPathInPositionOfProjectKey(projectKeyOrStaticPath)) {
     return [...(customTitleParts || []), projectKeyOrStaticPath, 'Merchant Center'].join(' - ');
   }
   return [...(customTitleParts || []), entryPointUriPath, projectKeyOrStaticPath, 'Merchant Center'].join(' - ');
@@ -1207,7 +1264,7 @@ const hasCachedAuthenticationState = () => {
         // THEN we assume that the application does not need a project context.
         // GIVEN The application is not requesting a project key,
         // THEN we remove the cached project key.
-        // This is the case of an application like `account`.
+        // This is the case of a project-keyless application like `account` or `agent-sphere`.
         if (!window.app.__DEVELOPMENT__?.oidc?.initialProjectKey) {
           applicationShellConnectors.oidcStorage.removeActiveProjectKey();
         }
@@ -1260,7 +1317,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-5b213b4f.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-b0d573ac.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; }
@@ -1290,23 +1347,27 @@ const Authenticated = props => {
   return jsxRuntime.jsx(AmILoggedIn, _objectSpread$4({}, props));
 };
 Authenticated.displayName = 'Authenticated';
-const AuthenticationRoutes = props => jsxRuntime.jsxs(reactRouterDom.Switch, {
-  children: [jsxRuntime.jsx(SuspendedRoute, {
-    path: `/account/oidc/callback`,
-    children: jsxRuntime.jsx(OidcCallback, {
-      locale: props.locale,
-      applicationMessages: props.applicationMessages
-    })
-  }), jsxRuntime.jsx(SuspendedRoute, {
-    path: `/:projectKey/:identifier/oidc/callback`,
-    children: jsxRuntime.jsx(OidcCallback, {
-      locale: props.locale,
-      applicationMessages: props.applicationMessages
-    })
-  }), jsxRuntime.jsx(reactRouterDom.Route, {
-    children: jsxRuntime.jsx(Authenticated, _objectSpread$4({}, props))
-  })]
-});
+const projectKeylessOidcCallbackPaths = [..._mapInstanceProperty__default["default"](constants.PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS).call(constants.PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS, entryPointUriPath => `/${entryPointUriPath}/oidc/callback`),
+// Nested apps under a project-keyless-in-project-context prefix
+// (e.g. `/agent-sphere/registry/oidc/callback`).
+..._mapInstanceProperty__default["default"](constants.PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS_IN_PROJECT_CONTEXT).call(constants.PROJECT_KEYLESS_APPLICATION_ENTRY_POINTS_IN_PROJECT_CONTEXT, entryPointUriPath => `/${entryPointUriPath}/:app/oidc/callback`)];
+const AuthenticationRoutes = props => {
+  const oidcCallback = jsxRuntime.jsx(OidcCallback, {
+    locale: props.locale,
+    applicationMessages: props.applicationMessages
+  });
+  return jsxRuntime.jsxs(reactRouterDom.Switch, {
+    children: [jsxRuntime.jsx(SuspendedRoute, {
+      path: projectKeylessOidcCallbackPaths,
+      children: oidcCallback
+    }), jsxRuntime.jsx(SuspendedRoute, {
+      path: `/:projectKey/:identifier/oidc/callback`,
+      children: oidcCallback
+    }), jsxRuntime.jsx(reactRouterDom.Route, {
+      children: jsxRuntime.jsx(Authenticated, _objectSpread$4({}, props))
+    })]
+  });
+};
 AuthenticationRoutes.displayName = 'AuthenticationRoutes';
 
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -1423,7 +1484,7 @@ const ApplicationShellProvider = props => {
       children: jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
         environment: coercedEnvironmentValues,
         children: jsxRuntime.jsx(reactRedux.Provider, {
-          store: index.internalReduxStore,
+          store: applicationEntryPoint.internalReduxStore,
           children: jsxRuntime.jsx(react$2.ApolloProvider, {
             client: apolloClient,
             children: jsxRuntime.jsxs(reactRouterDom.Router, {
@@ -1462,7 +1523,7 @@ const ApplicationShellProvider = props => {
 };
 ApplicationShellProvider.displayName = 'ApplicationShellProvider';
 
-const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-6675c038.cjs.prod.js' /* webpackChunkName: "redirect-to-login" */); }));
+const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-18f6e1b8.cjs.prod.js' /* webpackChunkName: "redirect-to-login" */); }));
 
 const styles = {
   name: "gx7yk8",
@@ -1486,7 +1547,7 @@ const StrictModeEnablement$1 = props => {
 const ApplicationShell = props => {
   react.useEffect(() => {
     props.onRegisterErrorListeners?.({
-      dispatch: index.internalReduxStore.dispatch
+      dispatch: applicationEntryPoint.internalReduxStore.dispatch
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []); // <-- run only once, when component mounts
@@ -1502,7 +1563,7 @@ const ApplicationShell = props => {
         if (isAuthenticated) {
           return jsxRuntime.jsxs(reactRouterDom.Switch, {
             children: [jsxRuntime.jsx(SuspendedRoute, {
-              path: "/logout",
+              path: `/${constants.STATIC_URL_PATHS.LOGOUT}`,
               children: jsxRuntime.jsx(RedirectToLogout, {})
             }), jsxRuntime.jsx(SuspendedRoute, {
               children: jsxRuntime.jsx(ApplicationShellAuthenticated, {
@@ -1525,7 +1586,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-c5cae7af.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-24cfaf96.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({
@@ -1912,7 +1973,7 @@ function setupGlobalErrorListener() {
   window.addEventListener('unhandledrejection', event => {
     if (shouldErrorBeTracked(event)) {
       const errorId = sentry.reportErrorToSentry(event);
-      index.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
+      applicationEntryPoint.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
         errorId
       }));
     }
@@ -1922,7 +1983,7 @@ function setupGlobalErrorListener() {
   window.addEventListener('error', errorEvent => {
     if (shouldErrorBeTracked(errorEvent)) {
       const errorId = sentry.reportErrorToSentry(errorEvent);
-      index.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
+      applicationEntryPoint.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
         errorId
       }));
     }