@commercetools-frontend/application-shell 21.13.1 → 21.14.0

package/dist/{application-entry-point-9c924b81.esm.js → application-entry-point-0de0fed2.esm.js}

@@ -20,7 +20,7 @@ import omitEmpty from 'omit-empty-es';
 import { ADD_NOTIFICATION, removeNotification, REMOVE_NOTIFICATION, reducer, middleware } from '@commercetools-frontend/notifications';
 import { createMiddleware } from '@commercetools-frontend/sdk';
 import { HIDE_ALL_PAGE_NOTIFICATIONS, NOTIFICATION_KINDS_PAGE, SHOW_LOADING, HIDE_LOADING, GRAPHQL_TARGETS, STATUS_CODES, LOGOUT_REASONS } from '@commercetools-frontend/constants';
-import { S as STORAGE_KEYS, L as LOGIN_STRATEGY_OIDC, c as SUPPORTED_HEADERS } from './constants-a3c850be.esm.js';
+import { S as STORAGE_KEYS, L as LOGIN_STRATEGY_OIDC, c as SUPPORTED_HEADERS } from './constants-0d48a7ae.esm.js';
 import { selectPageNotifications } from '@commercetools-frontend/react-notifications';
 import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
@@ -70,7 +70,7 @@ import { entryPointUriPathToPermissionKeys } from '@commercetools-frontend/appli
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.13.1";
+var version = "21.14.0";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -670,13 +670,19 @@ var getAppliedForwardToHeaders = function getAppliedForwardToHeaders(forwardToCo
     throw new Error("Missing required \"uri\" option.");
   }
 
+  var exchangeTokenClaims = [];
+
+  if (forwardToConfig.includeUserPermissions) {
+    exchangeTokenClaims.push('permissions');
+  }
+
   return _objectSpread$3(_objectSpread$3({}, _reduceInstanceProperty(_context2 = _Object$entries((_forwardToConfig$head = forwardToConfig.headers) !== null && _forwardToConfig$head !== void 0 ? _forwardToConfig$head : {})).call(_context2, function (customForwardHeaders, _ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         headerName = _ref2[0],
         headerValue = _ref2[1];
 
     return _objectSpread$3(_objectSpread$3({}, customForwardHeaders), {}, _defineProperty({}, "x-forward-header-".concat(headerName), headerValue));
-  }, {})), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, SUPPORTED_HEADERS.ACCEPT_VERSION, (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion), _defineProperty(_objectSpread3, SUPPORTED_HEADERS.X_FORWARD_TO, forwardToConfig.uri), _defineProperty(_objectSpread3, SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY, (_forwardToConfig$audi = forwardToConfig.audiencePolicy) !== null && _forwardToConfig$audi !== void 0 ? _forwardToConfig$audi : defaultForwardToAudiencePolicy), _objectSpread3));
+  }, {})), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, SUPPORTED_HEADERS.ACCEPT_VERSION, (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion), _defineProperty(_objectSpread3, SUPPORTED_HEADERS.X_FORWARD_TO, forwardToConfig.uri), _defineProperty(_objectSpread3, SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY, (_forwardToConfig$audi = forwardToConfig.audiencePolicy) !== null && _forwardToConfig$audi !== void 0 ? _forwardToConfig$audi : defaultForwardToAudiencePolicy), _defineProperty(_objectSpread3, SUPPORTED_HEADERS.X_FORWARD_TO_CLAIMS, exchangeTokenClaims.join(' ')), _objectSpread3));
 };
 
 function createHttpClientOptions() {

package/dist/{application-entry-point-43fd73f5.cjs.dev.js → application-entry-point-379ddfbf.cjs.dev.js}

@@ -22,7 +22,7 @@ var omitEmpty = require('omit-empty-es');
 var notifications = require('@commercetools-frontend/notifications');
 var sdk = require('@commercetools-frontend/sdk');
 var constants = require('@commercetools-frontend/constants');
-var constants$1 = require('./constants-d9a5241e.cjs.dev.js');
+var constants$1 = require('./constants-41338dec.cjs.dev.js');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -113,7 +113,7 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.13.1";
+var version = "21.14.0";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -713,13 +713,19 @@ var getAppliedForwardToHeaders = function getAppliedForwardToHeaders(forwardToCo
     throw new Error("Missing required \"uri\" option.");
   }
 
+  var exchangeTokenClaims = [];
+
+  if (forwardToConfig.includeUserPermissions) {
+    exchangeTokenClaims.push('permissions');
+  }
+
   return _objectSpread$3(_objectSpread$3({}, _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"]((_forwardToConfig$head = forwardToConfig.headers) !== null && _forwardToConfig$head !== void 0 ? _forwardToConfig$head : {})).call(_context2, function (customForwardHeaders, _ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         headerName = _ref2[0],
         headerValue = _ref2[1];
 
     return _objectSpread$3(_objectSpread$3({}, customForwardHeaders), {}, _defineProperty({}, "x-forward-header-".concat(headerName), headerValue));
-  }, {})), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.ACCEPT_VERSION, (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO, forwardToConfig.uri), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY, (_forwardToConfig$audi = forwardToConfig.audiencePolicy) !== null && _forwardToConfig$audi !== void 0 ? _forwardToConfig$audi : defaultForwardToAudiencePolicy), _objectSpread3));
+  }, {})), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.ACCEPT_VERSION, (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO, forwardToConfig.uri), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY, (_forwardToConfig$audi = forwardToConfig.audiencePolicy) !== null && _forwardToConfig$audi !== void 0 ? _forwardToConfig$audi : defaultForwardToAudiencePolicy), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO_CLAIMS, exchangeTokenClaims.join(' ')), _objectSpread3));
 };
 
 function createHttpClientOptions() {

package/dist/{application-entry-point-f5a19490.cjs.prod.js → application-entry-point-d7ed60b0.cjs.prod.js}

@@ -22,7 +22,7 @@ var omitEmpty = require('omit-empty-es');
 var notifications = require('@commercetools-frontend/notifications');
 var sdk = require('@commercetools-frontend/sdk');
 var constants = require('@commercetools-frontend/constants');
-var constants$1 = require('./constants-c2c238ff.cjs.prod.js');
+var constants$1 = require('./constants-9ffc458b.cjs.prod.js');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -112,7 +112,7 @@ var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRunt
 var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.13.1";
+var version = "21.14.0";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -704,13 +704,19 @@ var getAppliedForwardToHeaders = function getAppliedForwardToHeaders(forwardToCo
     throw new Error("Missing required \"uri\" option.");
   }
 
+  var exchangeTokenClaims = [];
+
+  if (forwardToConfig.includeUserPermissions) {
+    exchangeTokenClaims.push('permissions');
+  }
+
   return _objectSpread$3(_objectSpread$3({}, _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"]((_forwardToConfig$head = forwardToConfig.headers) !== null && _forwardToConfig$head !== void 0 ? _forwardToConfig$head : {})).call(_context2, function (customForwardHeaders, _ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         headerName = _ref2[0],
         headerValue = _ref2[1];
 
     return _objectSpread$3(_objectSpread$3({}, customForwardHeaders), {}, _defineProperty({}, "x-forward-header-".concat(headerName), headerValue));
-  }, {})), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.ACCEPT_VERSION, (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO, forwardToConfig.uri), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY, (_forwardToConfig$audi = forwardToConfig.audiencePolicy) !== null && _forwardToConfig$audi !== void 0 ? _forwardToConfig$audi : defaultForwardToAudiencePolicy), _objectSpread3));
+  }, {})), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.ACCEPT_VERSION, (_forwardToConfig$vers = forwardToConfig.version) !== null && _forwardToConfig$vers !== void 0 ? _forwardToConfig$vers : defaultForwardToVersion), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO, forwardToConfig.uri), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO_AUDIENCE_POLICY, (_forwardToConfig$audi = forwardToConfig.audiencePolicy) !== null && _forwardToConfig$audi !== void 0 ? _forwardToConfig$audi : defaultForwardToAudiencePolicy), _defineProperty(_objectSpread3, constants$1.SUPPORTED_HEADERS.X_FORWARD_TO_CLAIMS, exchangeTokenClaims.join(' ')), _objectSpread3));
 };
 
 function createHttpClientOptions() {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var applicationEntryPoint = require('./application-entry-point-43fd73f5.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-e4a6db71.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-379ddfbf.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-bf785dc5.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -30,7 +30,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');
@@ -83,7 +83,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');
@@ -94,6 +94,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/commercetools-frontend-application-shell.cjs.prod.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var applicationEntryPoint = require('./application-entry-point-f5a19490.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-a544deff.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-d7ed60b0.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-23885269.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -30,7 +30,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');
@@ -83,7 +83,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');
@@ -94,6 +94,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/commercetools-frontend-application-shell.esm.js

@@ -1,5 +1,5 @@
-export { p as RouteCatchAll, q as applyDefaultMiddlewares, w as buildApiUrl, f as createApolloClient, x as createHttpClientOptions, y as executeHttpClientRequest, g as getMcApiUrl, n as selectProjectKeyFromUrl, t as selectUserId, v as version } from './application-entry-point-9c924b81.esm.js';
-export { A as ApplicationShell, a as ApplicationShellProvider, C as ConfigureIntlProvider, G as GtmContext, b as GtmUserLogoutTracker, I as InjectReducers, S as SetupFlopFlipProvider, d as SuspendedRoute, c as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, e as useMcLazyQuery, f as useMcMutation, u as useMcQuery } from './index-428502d7.esm.js';
+export { p as RouteCatchAll, q as applyDefaultMiddlewares, w as buildApiUrl, f as createApolloClient, x as createHttpClientOptions, y as executeHttpClientRequest, g as getMcApiUrl, n as selectProjectKeyFromUrl, t as selectUserId, v as version } from './application-entry-point-0de0fed2.esm.js';
+export { A as ApplicationShell, a as ApplicationShellProvider, C as ConfigureIntlProvider, G as GtmContext, b as GtmUserLogoutTracker, I as InjectReducers, S as SetupFlopFlipProvider, d as SuspendedRoute, c as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, e as useMcLazyQuery, f as useMcMutation, u as useMcQuery } from './index-aee304c6.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import 'uuid';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
@@ -26,7 +26,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/{constants-a3c850be.esm.js → constants-0d48a7ae.esm.js}

@@ -13,6 +13,7 @@ var SUPPORTED_HEADERS = {
   X_FEATURE_FLAG: 'X-Feature-Flag',
   X_FORWARD_TO: 'X-Forward-To',
   X_FORWARD_TO_AUDIENCE_POLICY: 'X-Forward-To-Audience-Policy',
+  X_FORWARD_TO_CLAIMS: 'X-Forward-To-Claims',
   X_GRAPHQL_TARGET: 'X-Graphql-Target',
   X_GRAPHQL_OPERATION_NAME: 'X-Graphql-Operation-Name',
   X_PROJECT_KEY: 'X-Project-Key',

package/dist/{constants-c2c238ff.cjs.prod.js → constants-41338dec.cjs.dev.js}

@@ -15,6 +15,7 @@ var SUPPORTED_HEADERS = {
   X_FEATURE_FLAG: 'X-Feature-Flag',
   X_FORWARD_TO: 'X-Forward-To',
   X_FORWARD_TO_AUDIENCE_POLICY: 'X-Forward-To-Audience-Policy',
+  X_FORWARD_TO_CLAIMS: 'X-Forward-To-Claims',
   X_GRAPHQL_TARGET: 'X-Graphql-Target',
   X_GRAPHQL_OPERATION_NAME: 'X-Graphql-Operation-Name',
   X_PROJECT_KEY: 'X-Project-Key',

package/dist/{constants-d9a5241e.cjs.dev.js → constants-9ffc458b.cjs.prod.js}

@@ -15,6 +15,7 @@ var SUPPORTED_HEADERS = {
   X_FEATURE_FLAG: 'X-Feature-Flag',
   X_FORWARD_TO: 'X-Forward-To',
   X_FORWARD_TO_AUDIENCE_POLICY: 'X-Forward-To-Audience-Policy',
+  X_FORWARD_TO_CLAIMS: 'X-Forward-To-Claims',
   X_GRAPHQL_TARGET: 'X-Graphql-Target',
   X_GRAPHQL_OPERATION_NAME: 'X-Graphql-Operation-Name',
   X_PROJECT_KEY: 'X-Project-Key',

package/dist/declarations/src/components/application-page-title/application-page-title.d.ts

@@ -0,0 +1,9 @@
+declare type TApplicationPageTitleProps = {
+    additionalParts: string[];
+};
+declare const ApplicationPageTitle: {
+    (props: TApplicationPageTitleProps): null;
+    displayName: string;
+    defaultProps: TApplicationPageTitleProps;
+};
+export default ApplicationPageTitle;

package/dist/declarations/src/components/application-page-title/index.d.ts

@@ -0,0 +1 @@
+export { default } from './application-page-title';

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

@@ -8,7 +8,7 @@ declare type MenuItemLinkProps = {
     onClick?: <TrackFn>(event: SyntheticEvent<HTMLAnchorElement>, track: TrackFn) => void;
     useFullRedirectsForLinks?: boolean;
 };
-export declare const getIconColor: (isActive: boolean, isAlternativeTheme: boolean) => "surface" | "neutral60" | "primary40";
+export declare const getIconColor: (isActive: boolean, isAlternativeTheme: boolean) => "neutral60" | "surface" | "primary40";
 declare type NavbarProps<AdditionalEnvironmentProperties extends {}> = {
     applicationLocale: string;
     projectKey: string;

package/dist/declarations/src/constants.d.ts

@@ -13,6 +13,7 @@ export declare const SUPPORTED_HEADERS: {
     readonly X_FEATURE_FLAG: "X-Feature-Flag";
     readonly X_FORWARD_TO: "X-Forward-To";
     readonly X_FORWARD_TO_AUDIENCE_POLICY: "X-Forward-To-Audience-Policy";
+    readonly X_FORWARD_TO_CLAIMS: "X-Forward-To-Claims";
     readonly X_GRAPHQL_TARGET: "X-Graphql-Target";
     readonly X_GRAPHQL_OPERATION_NAME: "X-Graphql-Operation-Name";
     readonly X_PROJECT_KEY: "X-Project-Key";

package/dist/declarations/src/utils/http-client.d.ts

@@ -1,10 +1,12 @@
 export declare type THeaders = Record<string, string>;
 export declare type TForwardToAudiencePolicy = 'forward-url-full-path' | 'forward-url-origin';
+export declare type TForwardToExchangeTokenClaim = 'permissions';
 export declare type TForwardToConfigVersion = 'v1' | 'v2';
 export declare type TForwardToConfig = {
     uri: string;
     headers?: THeaders;
     audiencePolicy?: TForwardToAudiencePolicy;
+    includeUserPermissions?: boolean;
     version?: TForwardToConfigVersion;
 };
 export declare type TConfig = {

package/dist/{index-a544deff.cjs.prod.js → index-23885269.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var applicationEntryPoint = require('./application-entry-point-f5a19490.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-d7ed60b0.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,53 @@ GtmBooter.propTypes = {
 };
 GtmBooter.displayName = 'GtmBooter';
 
+var maxTitleCharLength = 24;
+var staticPaths = ['account', 'login'];
+var defaultProps$1 = {
+  additionalParts: []
+};
+
+var usePageTitle = function usePageTitle(props) {
+  var _context, _context3;
+
+  var location = reactRouterDom.useLocation();
+
+  var _location$pathname$sp = location.pathname.split('/'),
+      _location$pathname$sp2 = _slicedToArray(_location$pathname$sp, 3),
+      projectKeyOrStaticPath = _location$pathname$sp2[1],
+      entryPointUriPath = _location$pathname$sp2[2];
+
+  var customTitleParts = _mapInstanceProperty__default["default"](_context = props.additionalParts).call(_context, 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 _context2;
+
+    return _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(customTitleParts || []), [upperFirst__default["default"](projectKeyOrStaticPath), 'Merchant Center']).join(' - ');
+  }
+
+  return _concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(customTitleParts || []), [upperFirst__default["default"](entryPointUriPath), projectKeyOrStaticPath, 'Merchant Center']).join(' - ');
+};
+
+var ApplicationPageTitle = function ApplicationPageTitle(props) {
+  var pageTitle = usePageTitle(props);
+  react.useLayoutEffect(function () {
+    document.title = pageTitle;
+  }, [pageTitle]);
+  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 +1303,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 +1329,7 @@ var ApplicationShellProvider = function ApplicationShellProvider(props) {
                         }
                       });
                     }
-                  })
+                  })]
                 })
               })
             })
@@ -2354,19 +2404,19 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
 LocaleSwitcher.propTypes = {};
 
 var ProjectNotFound = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-found-56537969.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-found-1bb414bd.cjs.prod.js'
   /* webpackChunkName: "project-not-found" */
   ); });
 });
 
 var ProjectExpired = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-expired-110383bb.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-expired-b70d0be4.cjs.prod.js'
   /* webpackChunkName: "project-expired" */
   ); });
 });
 
 var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-initialized-ecf77673.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-initialized-730e8f66.cjs.prod.js'
   /* webpackChunkName: "project-not-initialized" */
   ); });
 });
@@ -2413,7 +2463,7 @@ var RedirectToProjectCreate = function RedirectToProjectCreate() {
 RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
 
 var ProjectSuspended = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-suspended-0d7731b8.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-suspended-021b826a.cjs.prod.js'
   /* webpackChunkName: "project-suspended" */
   ); });
 });
@@ -3658,7 +3708,7 @@ var pimIndexerStates = {
 };
 
 var QuickAccess = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./quick-access-28ff2c5f.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./quick-access-06faafe4.cjs.prod.js'
   /* webpackChunkName: "quick-access" */
   ); });
 });