@commercetools-frontend/application-shell 21.13.0 → 21.14.1

package/dist/{index-7c6d524e.cjs.prod.js → index-40a2f8e6.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var applicationEntryPoint = require('./application-entry-point-0712cf7e.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-8914057c.cjs.prod.js');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 var _pt = require('prop-types');
@@ -24,7 +24,7 @@ var applicationShellConnectors = require('@commercetools-frontend/application-sh
 var applicationComponents = require('@commercetools-frontend/application-components');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var i18n = require('@commercetools-frontend/i18n');
-var constants = require('./constants-c2c238ff.cjs.prod.js');
+var constants = require('./constants-9ffc458b.cjs.prod.js');
 var uuid = require('uuid');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -38,7 +38,7 @@ var reactRedux = require('react-redux');
 var history = require('@commercetools-frontend/browser-history');
 var reactIntl = require('react-intl');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-var oidc = require('./oidc-5b507512.cjs.prod.js');
+var oidc = require('./oidc-d13fc045.cjs.prod.js');
 var qss = require('qss');
 var jwtDecode = require('jwt-decode');
 var FailedAuthenticationSVG = require('@commercetools-frontend/assets/images/locked-diamond.svg');
@@ -49,6 +49,10 @@ var Card = require('@commercetools-uikit/card');
 var Text = require('@commercetools-uikit/text');
 var FlatButton = require('@commercetools-uikit/flat-button');
 var icons = require('@commercetools-uikit/icons');
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+var upperFirst = require('lodash/upperFirst');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
 var CTLogoSVG = require('@commercetools-frontend/assets/images/ct-logo.svg');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
@@ -64,7 +68,6 @@ var sdk = require('@commercetools-frontend/sdk');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var LogoSVG = require('@commercetools-frontend/assets/images/logo.svg');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var Downshift = require('downshift');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var Avatar = require('@commercetools-uikit/avatar');
@@ -83,9 +86,7 @@ var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/inst
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
 var httpAdapter = require('@flopflip/http-adapter');
 var combineAdapters = require('@flopflip/combine-adapters');
-require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
-require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
 var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
 var classnames = require('classnames');
@@ -126,6 +127,9 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var Card__default = /*#__PURE__*/_interopDefault(Card);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
+var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
 var LoadingSpinner__default = /*#__PURE__*/_interopDefault(LoadingSpinner);
 var CTLogoSVG__default = /*#__PURE__*/_interopDefault(CTLogoSVG);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
@@ -134,7 +138,6 @@ var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInsta
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var LogoSVG__default = /*#__PURE__*/_interopDefault(LogoSVG);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
 var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
 var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
@@ -1044,6 +1047,52 @@ GtmBooter.propTypes = {
 };
 GtmBooter.displayName = 'GtmBooter';
 
+var maxTitleCharLength = 24;
+var staticPaths = ['account', 'login'];
+var defaultProps$1 = {
+  additionalParts: []
+};
+
+var getPageTitle = function getPageTitle(pathname, additionalParts) {
+  var _context2;
+
+  var _pathname$split = pathname.split('/'),
+      _pathname$split2 = _slicedToArray(_pathname$split, 3),
+      projectKeyOrStaticPath = _pathname$split2[1],
+      entryPointUriPath = _pathname$split2[2];
+
+  var customTitleParts = _mapInstanceProperty__default["default"](additionalParts).call(additionalParts, function (titlePart) {
+    if (titlePart.length <= maxTitleCharLength) {
+      return titlePart;
+    }
+
+    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)) {
+    var _context;
+
+    return _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(customTitleParts || []), [upperFirst__default["default"](projectKeyOrStaticPath), 'Merchant Center']).join(' - ');
+  }
+
+  return _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(customTitleParts || []), [upperFirst__default["default"](entryPointUriPath), projectKeyOrStaticPath, 'Merchant Center']).join(' - ');
+};
+
+var ApplicationPageTitle = function ApplicationPageTitle(props) {
+  var location = reactRouterDom.useLocation();
+  react.useLayoutEffect(function () {
+    var pageTitle = getPageTitle(location.pathname, props.additionalParts);
+    document.title = pageTitle;
+  }, [location.pathname, props.additionalParts]);
+  return null;
+};
+
+ApplicationPageTitle.propTypes = {
+  additionalParts: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired
+};
+ApplicationPageTitle.displayName = 'ApplicationPageTitle';
+ApplicationPageTitle.defaultProps = defaultProps$1;
+
 var ApplicationLoader = function ApplicationLoader(props) {
   return jsxRuntime.jsxs("div", {
     css: /*#__PURE__*/react$2.css("display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;height:100vh;padding:", designSystem.customProperties.spacingL, ";>*+*{margin:", designSystem.customProperties.spacingL, " 0 0;}" + ("" ), "" ),
@@ -1253,9 +1302,9 @@ var ApplicationShellProvider = function ApplicationShellProvider(props) {
               fallback: jsxRuntime.jsx(ApplicationLoader, {}),
               children: jsxRuntime.jsx(reactRouterDom.Router, {
                 history: ApplicationShellProvider.history,
-                children: jsxRuntime.jsx(GtmBooter, {
+                children: jsxRuntime.jsxs(GtmBooter, {
                   trackingEventList: props.trackingEventList || {},
-                  children: jsxRuntime.jsx(AuthenticationRoutes, {
+                  children: [jsxRuntime.jsx(ApplicationPageTitle, {}), jsxRuntime.jsx(AuthenticationRoutes, {
                     locale: browserLocale,
                     applicationMessages: props.applicationMessages,
                     render: function render(_ref) {
@@ -1279,7 +1328,7 @@ var ApplicationShellProvider = function ApplicationShellProvider(props) {
                         }
                       });
                     }
-                  })
+                  })]
                 })
               })
             })
@@ -2354,19 +2403,19 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
 LocaleSwitcher.propTypes = {};
 
 var ProjectNotFound = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-found-6b730bb8.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-found-7b246064.cjs.prod.js'
   /* webpackChunkName: "project-not-found" */
   ); });
 });
 
 var ProjectExpired = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-expired-d3cd31db.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-expired-3052360c.cjs.prod.js'
   /* webpackChunkName: "project-expired" */
   ); });
 });
 
 var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-initialized-0d7bf4dc.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-initialized-8bfb5a7f.cjs.prod.js'
   /* webpackChunkName: "project-not-initialized" */
   ); });
 });
@@ -2413,7 +2462,7 @@ var RedirectToProjectCreate = function RedirectToProjectCreate() {
 RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
 
 var ProjectSuspended = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-suspended-6dcd1921.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-suspended-531ea8d4.cjs.prod.js'
   /* webpackChunkName: "project-suspended" */
   ); });
 });
@@ -3658,7 +3707,7 @@ var pimIndexerStates = {
 };
 
 var QuickAccess = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./quick-access-7507cee0.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./quick-access-126b87ae.cjs.prod.js'
   /* webpackChunkName: "quick-access" */
   ); });
 });
@@ -4407,6 +4456,7 @@ var SuspendedRoute = function SuspendedRoute(props) {
 
 SuspendedRoute.displayName = 'SuspendedRoute';
 
+exports.ApplicationPageTitle = ApplicationPageTitle;
 exports.ApplicationShell = ApplicationShell;
 exports.ApplicationShellProvider = ApplicationShellProvider;
 exports.ButlerContainer = ButlerContainer;

package/dist/{index-b3e5cace.cjs.dev.js → index-78444791.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var applicationEntryPoint = require('./application-entry-point-56bf2606.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-357edcbf.cjs.dev.js');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 var _pt = require('prop-types');
@@ -24,7 +24,7 @@ var applicationShellConnectors = require('@commercetools-frontend/application-sh
 var applicationComponents = require('@commercetools-frontend/application-components');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var i18n = require('@commercetools-frontend/i18n');
-var constants = require('./constants-d9a5241e.cjs.dev.js');
+var constants = require('./constants-41338dec.cjs.dev.js');
 var uuid = require('uuid');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -38,7 +38,7 @@ var reactRedux = require('react-redux');
 var history = require('@commercetools-frontend/browser-history');
 var reactIntl = require('react-intl');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-var oidc = require('./oidc-9134face.cjs.dev.js');
+var oidc = require('./oidc-a2126dac.cjs.dev.js');
 var qss = require('qss');
 var jwtDecode = require('jwt-decode');
 var FailedAuthenticationSVG = require('@commercetools-frontend/assets/images/locked-diamond.svg');
@@ -49,6 +49,10 @@ var Card = require('@commercetools-uikit/card');
 var Text = require('@commercetools-uikit/text');
 var FlatButton = require('@commercetools-uikit/flat-button');
 var icons = require('@commercetools-uikit/icons');
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+var upperFirst = require('lodash/upperFirst');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
 var CTLogoSVG = require('@commercetools-frontend/assets/images/ct-logo.svg');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
@@ -64,7 +68,6 @@ var sdk = require('@commercetools-frontend/sdk');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var LogoSVG = require('@commercetools-frontend/assets/images/logo.svg');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var Downshift = require('downshift');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var Avatar = require('@commercetools-uikit/avatar');
@@ -83,9 +86,7 @@ var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/inst
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
 var httpAdapter = require('@flopflip/http-adapter');
 var combineAdapters = require('@flopflip/combine-adapters');
-require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
-require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
 var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
 var classnames = require('classnames');
@@ -126,6 +127,9 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var Card__default = /*#__PURE__*/_interopDefault(Card);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
+var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
 var LoadingSpinner__default = /*#__PURE__*/_interopDefault(LoadingSpinner);
 var CTLogoSVG__default = /*#__PURE__*/_interopDefault(CTLogoSVG);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
@@ -134,7 +138,6 @@ var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInsta
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var LogoSVG__default = /*#__PURE__*/_interopDefault(LogoSVG);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
 var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
 var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
@@ -1050,6 +1053,52 @@ GtmBooter.propTypes = {
 };
 GtmBooter.displayName = 'GtmBooter';
 
+var maxTitleCharLength = 24;
+var staticPaths = ['account', 'login'];
+var defaultProps$1 = {
+  additionalParts: []
+};
+
+var getPageTitle = function getPageTitle(pathname, additionalParts) {
+  var _context2;
+
+  var _pathname$split = pathname.split('/'),
+      _pathname$split2 = _slicedToArray(_pathname$split, 3),
+      projectKeyOrStaticPath = _pathname$split2[1],
+      entryPointUriPath = _pathname$split2[2];
+
+  var customTitleParts = _mapInstanceProperty__default["default"](additionalParts).call(additionalParts, function (titlePart) {
+    if (titlePart.length <= maxTitleCharLength) {
+      return titlePart;
+    }
+
+    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)) {
+    var _context;
+
+    return _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(customTitleParts || []), [upperFirst__default["default"](projectKeyOrStaticPath), 'Merchant Center']).join(' - ');
+  }
+
+  return _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(customTitleParts || []), [upperFirst__default["default"](entryPointUriPath), projectKeyOrStaticPath, 'Merchant Center']).join(' - ');
+};
+
+var ApplicationPageTitle = function ApplicationPageTitle(props) {
+  var location = reactRouterDom.useLocation();
+  react.useLayoutEffect(function () {
+    var pageTitle = getPageTitle(location.pathname, props.additionalParts);
+    document.title = pageTitle;
+  }, [location.pathname, props.additionalParts]);
+  return null;
+};
+
+ApplicationPageTitle.propTypes = {
+  additionalParts: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired
+};
+ApplicationPageTitle.displayName = 'ApplicationPageTitle';
+ApplicationPageTitle.defaultProps = defaultProps$1;
+
 var ApplicationLoader = function ApplicationLoader(props) {
   return jsxRuntime.jsxs("div", {
     css: /*#__PURE__*/react$2.css("display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;height:100vh;padding:", designSystem.customProperties.spacingL, ";>*+*{margin:", designSystem.customProperties.spacingL, " 0 0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ApplicationLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcGxpY2F0aW9uLWxvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV1kiLCJmaWxlIjoiYXBwbGljYXRpb24tbG9hZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBMb2FkaW5nU3Bpbm5lciBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9sb2FkaW5nLXNwaW5uZXInO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENUTG9nb1NWRyBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hc3NldHMvaW1hZ2VzL2N0LWxvZ28uc3ZnJztcblxudHlwZSBQcm9wcyA9IHtcbiAgc2hvd0xvZ28/OiBib29sZWFuO1xufTtcblxuY29uc3QgQXBwbGljYXRpb25Mb2FkZXIgPSAocHJvcHM6IFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBmbGV4OiAxO1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ0x9O1xuXG4gICAgICA+ICogKyAqIHtcbiAgICAgICAgbWFyZ2luOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ0x9IDAgMDtcbiAgICAgIH1cbiAgICBgfVxuICAgIGRhdGEtdGVzdGlkPVwiYXBwbGljYXRpb24tbG9hZGVyXCJcbiAgPlxuICAgIDxMb2FkaW5nU3Bpbm5lciAvPlxuICAgIHtwcm9wcy5zaG93TG9nbyA9PT0gdHJ1ZSA/IChcbiAgICAgIDxpbWcgYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCIgc3JjPXtDVExvZ29TVkd9IC8+XG4gICAgKSA6IG51bGx9XG4gIDwvZGl2PlxuKTtcbkFwcGxpY2F0aW9uTG9hZGVyLmRpc3BsYXlOYW1lID0gJ0FwcGxpY2F0aW9uTG9hZGVyJztcblxuZXhwb3J0IGRlZmF1bHQgQXBwbGljYXRpb25Mb2FkZXI7XG4iXX0= */"),
@@ -1268,9 +1317,9 @@ var ApplicationShellProvider = function ApplicationShellProvider(props) {
               fallback: jsxRuntime.jsx(ApplicationLoader, {}),
               children: jsxRuntime.jsx(reactRouterDom.Router, {
                 history: ApplicationShellProvider.history,
-                children: jsxRuntime.jsx(GtmBooter, {
+                children: jsxRuntime.jsxs(GtmBooter, {
                   trackingEventList: props.trackingEventList || {},
-                  children: jsxRuntime.jsx(AuthenticationRoutes, {
+                  children: [jsxRuntime.jsx(ApplicationPageTitle, {}), jsxRuntime.jsx(AuthenticationRoutes, {
                     locale: browserLocale,
                     applicationMessages: props.applicationMessages,
                     render: function render(_ref) {
@@ -1294,7 +1343,7 @@ var ApplicationShellProvider = function ApplicationShellProvider(props) {
                         }
                       });
                     }
-                  })
+                  })]
                 })
               })
             })
@@ -2448,19 +2497,19 @@ LocaleSwitcher.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 
 var ProjectNotFound = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-found-8c9e17dd.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./project-not-found-d6b078fe.cjs.dev.js'
   /* webpackChunkName: "project-not-found" */
   ); });
 });
 
 var ProjectExpired = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-expired-438ef0b1.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./project-expired-e2deb0f4.cjs.dev.js'
   /* webpackChunkName: "project-expired" */
   ); });
 });
 
 var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-initialized-7fa9142a.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./project-not-initialized-8e0d9015.cjs.dev.js'
   /* webpackChunkName: "project-not-initialized" */
   ); });
 });
@@ -2507,7 +2556,7 @@ var RedirectToProjectCreate = function RedirectToProjectCreate() {
 RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
 
 var ProjectSuspended = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-suspended-edeef9ee.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./project-suspended-6fef215f.cjs.dev.js'
   /* webpackChunkName: "project-suspended" */
   ); });
 });
@@ -3853,7 +3902,7 @@ var pimIndexerStates = {
 };
 
 var QuickAccess = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./quick-access-6d91795e.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./quick-access-0069b1d7.cjs.dev.js'
   /* webpackChunkName: "quick-access" */
   ); });
 });
@@ -4651,6 +4700,7 @@ var SuspendedRoute = function SuspendedRoute(props) {
 
 SuspendedRoute.displayName = 'SuspendedRoute';
 
+exports.ApplicationPageTitle = ApplicationPageTitle;
 exports.ApplicationShell = ApplicationShell;
 exports.ApplicationShellProvider = ApplicationShellProvider;
 exports.ButlerContainer = ButlerContainer;

package/dist/{oidc-5cae2dba.esm.js → oidc-4c509f49.esm.js}

@@ -1,7 +1,7 @@
 import _toConsumableArray from '@babel/runtime-corejs3/helpers/esm/toConsumableArray';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import { O as OIDC_CLAIMS } from './constants-a3c850be.esm.js';
+import { O as OIDC_CLAIMS } from './constants-0d48a7ae.esm.js';
 
 var buildOidcScope = function buildOidcScope(options) {
   var _context2, _options$oAuthScopes$, _options$oAuthScopes, _context4, _options$oAuthScopes$2, _options$oAuthScopes2, _context7;

package/dist/{oidc-9134face.cjs.dev.js → oidc-a2126dac.cjs.dev.js}

@@ -3,7 +3,7 @@
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var constants = require('./constants-d9a5241e.cjs.dev.js');
+var constants = require('./constants-41338dec.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{oidc-5b507512.cjs.prod.js → oidc-d13fc045.cjs.prod.js}

@@ -3,7 +3,7 @@
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var constants = require('./constants-c2c238ff.cjs.prod.js');
+var constants = require('./constants-9ffc458b.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{project-expired-c12c6746.esm.js → project-expired-008678a2.esm.js}

@@ -10,13 +10,13 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import ProjectExpiredSVG from '@commercetools-frontend/assets/images/hourglass.svg';
 import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-8015085f.esm.js';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-83f138af.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@emotion/styled/base';
 import 'react-router-dom';
 import '@commercetools-frontend/application-shell-connectors';
-import './index-4381d726.esm.js';
-import './application-entry-point-7cff60bd.esm.js';
+import './index-33893109.esm.js';
+import './application-entry-point-ede05690.esm.js';
 import '@babel/runtime-corejs3/helpers/toConsumableArray';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
@@ -30,7 +30,7 @@ import 'omit-empty-es';
 import '@commercetools-frontend/notifications';
 import '@commercetools-frontend/sdk';
 import '@commercetools-frontend/constants';
-import './constants-a3c850be.esm.js';
+import './constants-0d48a7ae.esm.js';
 import '@commercetools-frontend/react-notifications';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';
@@ -79,7 +79,7 @@ import 'perfume.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/reverse';
 import 'lodash/camelCase';
 import '@apollo/client/react';
-import './oidc-5cae2dba.esm.js';
+import './oidc-4c509f49.esm.js';
 import 'qss';
 import 'jwt-decode';
 import '@commercetools-frontend/assets/images/locked-diamond.svg';
@@ -90,6 +90,7 @@ import '@commercetools-uikit/card';
 import '@commercetools-uikit/text';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
+import 'lodash/upperFirst';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-frontend/assets/images/icecream.svg';
 import '@commercetools-frontend/l10n';

package/dist/{project-expired-d3cd31db.cjs.prod.js → project-expired-3052360c.cjs.prod.js}

@@ -12,13 +12,13 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var ProjectExpiredSVG = require('@commercetools-frontend/assets/images/hourglass.svg');
 var applicationComponents = require('@commercetools-frontend/application-components');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-ee31b66a.cjs.prod.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-a788f738.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@emotion/styled/base');
 require('react-router-dom');
 require('@commercetools-frontend/application-shell-connectors');
-require('./index-7c6d524e.cjs.prod.js');
-require('./application-entry-point-0712cf7e.cjs.prod.js');
+require('./index-40a2f8e6.cjs.prod.js');
+require('./application-entry-point-8914057c.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
@@ -32,7 +32,7 @@ require('omit-empty-es');
 require('@commercetools-frontend/notifications');
 require('@commercetools-frontend/sdk');
 require('@commercetools-frontend/constants');
-require('./constants-c2c238ff.cjs.prod.js');
+require('./constants-9ffc458b.cjs.prod.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -81,7 +81,7 @@ require('perfume.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
 require('lodash/camelCase');
 require('@apollo/client/react');
-require('./oidc-5b507512.cjs.prod.js');
+require('./oidc-d13fc045.cjs.prod.js');
 require('qss');
 require('jwt-decode');
 require('@commercetools-frontend/assets/images/locked-diamond.svg');
@@ -92,6 +92,7 @@ require('@commercetools-uikit/card');
 require('@commercetools-uikit/text');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
+require('lodash/upperFirst');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-frontend/assets/images/icecream.svg');
 require('@commercetools-frontend/l10n');

package/dist/{project-expired-438ef0b1.cjs.dev.js → project-expired-e2deb0f4.cjs.dev.js}

@@ -12,13 +12,13 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var ProjectExpiredSVG = require('@commercetools-frontend/assets/images/hourglass.svg');
 var applicationComponents = require('@commercetools-frontend/application-components');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-777675d0.cjs.dev.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-5335c3a7.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@emotion/styled/base');
 require('react-router-dom');
 require('@commercetools-frontend/application-shell-connectors');
-require('./index-b3e5cace.cjs.dev.js');
-require('./application-entry-point-56bf2606.cjs.dev.js');
+require('./index-78444791.cjs.dev.js');
+require('./application-entry-point-357edcbf.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
@@ -32,7 +32,7 @@ require('omit-empty-es');
 require('@commercetools-frontend/notifications');
 require('@commercetools-frontend/sdk');
 require('@commercetools-frontend/constants');
-require('./constants-d9a5241e.cjs.dev.js');
+require('./constants-41338dec.cjs.dev.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -81,7 +81,7 @@ require('perfume.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
 require('lodash/camelCase');
 require('@apollo/client/react');
-require('./oidc-9134face.cjs.dev.js');
+require('./oidc-a2126dac.cjs.dev.js');
 require('qss');
 require('jwt-decode');
 require('@commercetools-frontend/assets/images/locked-diamond.svg');
@@ -92,6 +92,7 @@ require('@commercetools-uikit/card');
 require('@commercetools-uikit/text');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
+require('lodash/upperFirst');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-frontend/assets/images/icecream.svg');
 require('@commercetools-frontend/l10n');

package/dist/{project-not-found-6b730bb8.cjs.prod.js → project-not-found-7b246064.cjs.prod.js}

@@ -12,13 +12,13 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var FailedAuthorizationSVG = require('@commercetools-frontend/assets/images/folder-full-locked.svg');
 var applicationComponents = require('@commercetools-frontend/application-components');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-ee31b66a.cjs.prod.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-a788f738.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@emotion/styled/base');
 require('react-router-dom');
 require('@commercetools-frontend/application-shell-connectors');
-require('./index-7c6d524e.cjs.prod.js');
-require('./application-entry-point-0712cf7e.cjs.prod.js');
+require('./index-40a2f8e6.cjs.prod.js');
+require('./application-entry-point-8914057c.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
@@ -32,7 +32,7 @@ require('omit-empty-es');
 require('@commercetools-frontend/notifications');
 require('@commercetools-frontend/sdk');
 require('@commercetools-frontend/constants');
-require('./constants-c2c238ff.cjs.prod.js');
+require('./constants-9ffc458b.cjs.prod.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -81,7 +81,7 @@ require('perfume.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
 require('lodash/camelCase');
 require('@apollo/client/react');
-require('./oidc-5b507512.cjs.prod.js');
+require('./oidc-d13fc045.cjs.prod.js');
 require('qss');
 require('jwt-decode');
 require('@commercetools-frontend/assets/images/locked-diamond.svg');
@@ -92,6 +92,7 @@ require('@commercetools-uikit/card');
 require('@commercetools-uikit/text');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
+require('lodash/upperFirst');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-frontend/assets/images/icecream.svg');
 require('@commercetools-frontend/l10n');

package/dist/{project-not-found-cd6c819e.esm.js → project-not-found-b5308ce5.esm.js}

@@ -10,13 +10,13 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import FailedAuthorizationSVG from '@commercetools-frontend/assets/images/folder-full-locked.svg';
 import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-8015085f.esm.js';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-83f138af.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@emotion/styled/base';
 import 'react-router-dom';
 import '@commercetools-frontend/application-shell-connectors';
-import './index-4381d726.esm.js';
-import './application-entry-point-7cff60bd.esm.js';
+import './index-33893109.esm.js';
+import './application-entry-point-ede05690.esm.js';
 import '@babel/runtime-corejs3/helpers/toConsumableArray';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
@@ -30,7 +30,7 @@ import 'omit-empty-es';
 import '@commercetools-frontend/notifications';
 import '@commercetools-frontend/sdk';
 import '@commercetools-frontend/constants';
-import './constants-a3c850be.esm.js';
+import './constants-0d48a7ae.esm.js';
 import '@commercetools-frontend/react-notifications';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';
@@ -79,7 +79,7 @@ import 'perfume.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/reverse';
 import 'lodash/camelCase';
 import '@apollo/client/react';
-import './oidc-5cae2dba.esm.js';
+import './oidc-4c509f49.esm.js';
 import 'qss';
 import 'jwt-decode';
 import '@commercetools-frontend/assets/images/locked-diamond.svg';
@@ -90,6 +90,7 @@ import '@commercetools-uikit/card';
 import '@commercetools-uikit/text';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
+import 'lodash/upperFirst';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-frontend/assets/images/icecream.svg';
 import '@commercetools-frontend/l10n';