@commercetools-frontend/application-shell 21.14.0 → 21.14.2

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

@@ -14,7 +14,7 @@ import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entrie
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _Reflect$has from '@babel/runtime-corejs3/core-js-stable/reflect/has';
 import mapValues from 'lodash/mapValues';
-import { applyMiddleware, createStore, combineReducers, compose } from 'redux';
+import { applyMiddleware, configureStore, combineReducers } from '@reduxjs/toolkit';
 import thunk from 'redux-thunk';
 import omitEmpty from 'omit-empty-es';
 import { ADD_NOTIFICATION, removeNotification, REMOVE_NOTIFICATION, reducer, middleware } from '@commercetools-frontend/notifications';
@@ -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.14.0";
+var version = "21.14.2";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -81,7 +81,7 @@ var isHideAllNotificationsAction = function isHideAllNotificationsAction(action)
   return action.type === HIDE_ALL_PAGE_NOTIFICATIONS;
 };
 
-var hideNotificationsMiddleware = (function (_ref) {
+var hideNotificationsMiddleware = function hideNotificationsMiddleware(_ref) {
   var getState = _ref.getState;
   return function (next) {
     return function (action) {
@@ -98,7 +98,7 @@ var hideNotificationsMiddleware = (function (_ref) {
       return next(action);
     };
   };
-});
+};
 
 /* eslint-disable no-console */
 var isLoggerEnabled = function isLoggerEnabled() {
@@ -438,10 +438,6 @@ function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys(object); if
 
 function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys$5(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var identityStoreEnhancer = function identityStoreEnhancer(noop) {
-  return noop;
-};
-
 var mergeObjectValues = function mergeObjectValues(object) {
   var _context;
 
@@ -471,6 +467,10 @@ var sdkMiddleware = createMiddleware({
   getProjectKey: selectProjectKeyFromUrl,
   getAdditionalHeaders: getAdditionalHeaders
 });
+/**
+ * @deprecated: This function should not be used directly anymore.
+ */
+
 var applyDefaultMiddlewares = function applyDefaultMiddlewares() {
   for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {
     middlewares[_key] = arguments[_key];
@@ -503,13 +503,26 @@ var createInternalReducer = function createInternalReducer() {
 
 
 var createReduxStore = function createReduxStore() {
-  var _context2;
-
   var preloadedState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var additionalMiddlewares = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var store = createStore(createInternalReducer(undefined, preloadedState), preloadedState, compose(applyDefaultMiddlewares.apply(void 0, _concatInstanceProperty(_context2 = _toConsumableArray(additionalMiddlewares)).call(_context2, [hideNotificationsMiddleware, middleware, sdkMiddleware])), window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__({
-    actionsBlacklist: [SHOW_LOADING, HIDE_LOADING]
-  }) : identityStoreEnhancer));
+  var store = configureStore({
+    preloadedState: preloadedState,
+    reducer: createInternalReducer(undefined, preloadedState),
+    devTools: {
+      actionsDenylist: [SHOW_LOADING, HIDE_LOADING]
+    },
+    middleware: function middleware$1(getDefaultMiddleware) {
+      var _context2;
+
+      return _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(additionalMiddlewares), [hideNotificationsMiddleware, middleware, sdkMiddleware], _toConsumableArray(getDefaultMiddleware({
+        // https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data
+        serializableCheck: {
+          // Ignore these field paths in all actions
+          ignoredActionPaths: ['dismiss']
+        }
+      })), [loggerMiddleware]);
+    }
+  });
   var enhancedStore = store; // Enable reducers to be injected on runtime (see `<InjectReducer>`)
 
   enhancedStore.injectedReducers = {};

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

@@ -16,7 +16,7 @@ var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entr
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _Reflect$has = require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 var mapValues = require('lodash/mapValues');
-var redux = require('redux');
+var toolkit = require('@reduxjs/toolkit');
 var thunk = require('redux-thunk');
 var omitEmpty = require('omit-empty-es');
 var notifications = require('@commercetools-frontend/notifications');
@@ -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.14.0";
+var version = "21.14.2";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -123,7 +123,7 @@ var isHideAllNotificationsAction = function isHideAllNotificationsAction(action)
   return action.type === constants.HIDE_ALL_PAGE_NOTIFICATIONS;
 };
 
-var hideNotificationsMiddleware = (function (_ref) {
+var hideNotificationsMiddleware = function hideNotificationsMiddleware(_ref) {
   var getState = _ref.getState;
   return function (next) {
     return function (action) {
@@ -140,7 +140,7 @@ var hideNotificationsMiddleware = (function (_ref) {
       return next(action);
     };
   };
-});
+};
 
 /* eslint-disable no-console */
 var isLoggerEnabled = function isLoggerEnabled() {
@@ -472,10 +472,6 @@ function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["d
 
 function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-var identityStoreEnhancer = function identityStoreEnhancer(noop) {
-  return noop;
-};
-
 var mergeObjectValues = function mergeObjectValues(object) {
   var _context;
 
@@ -505,12 +501,16 @@ var sdkMiddleware = sdk.createMiddleware({
   getProjectKey: selectProjectKeyFromUrl,
   getAdditionalHeaders: getAdditionalHeaders
 });
+/**
+ * @deprecated: This function should not be used directly anymore.
+ */
+
 var applyDefaultMiddlewares = function applyDefaultMiddlewares() {
   for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {
     middlewares[_key] = arguments[_key];
   }
 
-  return redux.applyMiddleware.apply(void 0, _concatInstanceProperty__default["default"](middlewares).call(middlewares, [thunk__default["default"], loggerMiddleware]));
+  return toolkit.applyMiddleware.apply(void 0, _concatInstanceProperty__default["default"](middlewares).call(middlewares, [thunk__default["default"], loggerMiddleware]));
 };
 
 var createInternalReducer = function createInternalReducer() {
@@ -528,7 +528,7 @@ var createInternalReducer = function createInternalReducer() {
   }); // NOTE: since we don't know in advance which reducers will be injected,
   // we pass an `unknown` type to express this uncertainty and make the compiler happy.
 
-  return redux.combineReducers(_objectSpread$5(_objectSpread$5({
+  return toolkit.combineReducers(_objectSpread$5(_objectSpread$5({
     requestsInFlight: requestsInFlightReducer,
     notifications: notifications.reducer
   }, injectedReducers), preloadedStateReducers));
@@ -537,13 +537,26 @@ var createInternalReducer = function createInternalReducer() {
 
 
 var createReduxStore = function createReduxStore() {
-  var _context2;
-
   var preloadedState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var additionalMiddlewares = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var store = redux.createStore(createInternalReducer(undefined, preloadedState), preloadedState, redux.compose(applyDefaultMiddlewares.apply(void 0, _concatInstanceProperty__default["default"](_context2 = _toConsumableArray(additionalMiddlewares)).call(_context2, [hideNotificationsMiddleware, notifications.middleware, sdkMiddleware])), window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__({
-    actionsBlacklist: [constants.SHOW_LOADING, constants.HIDE_LOADING]
-  }) : identityStoreEnhancer));
+  var store = toolkit.configureStore({
+    preloadedState: preloadedState,
+    reducer: createInternalReducer(undefined, preloadedState),
+    devTools: {
+      actionsDenylist: [constants.SHOW_LOADING, constants.HIDE_LOADING]
+    },
+    middleware: function middleware(getDefaultMiddleware) {
+      var _context2;
+
+      return _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(additionalMiddlewares), [hideNotificationsMiddleware, notifications.middleware, sdkMiddleware], _toConsumableArray(getDefaultMiddleware({
+        // https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data
+        serializableCheck: {
+          // Ignore these field paths in all actions
+          ignoredActionPaths: ['dismiss']
+        }
+      })), [loggerMiddleware]);
+    }
+  });
   var enhancedStore = store; // Enable reducers to be injected on runtime (see `<InjectReducer>`)
 
   enhancedStore.injectedReducers = {};

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

@@ -16,7 +16,7 @@ var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entr
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _Reflect$has = require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 var mapValues = require('lodash/mapValues');
-var redux = require('redux');
+var toolkit = require('@reduxjs/toolkit');
 var thunk = require('redux-thunk');
 var omitEmpty = require('omit-empty-es');
 var notifications = require('@commercetools-frontend/notifications');
@@ -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.14.0";
+var version = "21.14.2";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -124,7 +124,7 @@ var isHideAllNotificationsAction = function isHideAllNotificationsAction(action)
   return action.type === constants.HIDE_ALL_PAGE_NOTIFICATIONS;
 };
 
-var hideNotificationsMiddleware = (function (_ref) {
+var hideNotificationsMiddleware = function hideNotificationsMiddleware(_ref) {
   var getState = _ref.getState;
   return function (next) {
     return function (action) {
@@ -141,7 +141,7 @@ var hideNotificationsMiddleware = (function (_ref) {
       return next(action);
     };
   };
-});
+};
 
 /* eslint-disable no-console */
 var isLoggerEnabled = function isLoggerEnabled() {
@@ -481,10 +481,6 @@ function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["d
 
 function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-var identityStoreEnhancer = function identityStoreEnhancer(noop) {
-  return noop;
-};
-
 var mergeObjectValues = function mergeObjectValues(object) {
   var _context;
 
@@ -514,12 +510,16 @@ var sdkMiddleware = sdk.createMiddleware({
   getProjectKey: selectProjectKeyFromUrl,
   getAdditionalHeaders: getAdditionalHeaders
 });
+/**
+ * @deprecated: This function should not be used directly anymore.
+ */
+
 var applyDefaultMiddlewares = function applyDefaultMiddlewares() {
   for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {
     middlewares[_key] = arguments[_key];
   }
 
-  return redux.applyMiddleware.apply(void 0, _concatInstanceProperty__default["default"](middlewares).call(middlewares, [thunk__default["default"], loggerMiddleware]));
+  return toolkit.applyMiddleware.apply(void 0, _concatInstanceProperty__default["default"](middlewares).call(middlewares, [thunk__default["default"], loggerMiddleware]));
 };
 
 var createInternalReducer = function createInternalReducer() {
@@ -537,7 +537,7 @@ var createInternalReducer = function createInternalReducer() {
   }); // NOTE: since we don't know in advance which reducers will be injected,
   // we pass an `unknown` type to express this uncertainty and make the compiler happy.
 
-  return redux.combineReducers(_objectSpread$5(_objectSpread$5({
+  return toolkit.combineReducers(_objectSpread$5(_objectSpread$5({
     requestsInFlight: requestsInFlightReducer,
     notifications: notifications.reducer
   }, injectedReducers), preloadedStateReducers));
@@ -546,13 +546,26 @@ var createInternalReducer = function createInternalReducer() {
 
 
 var createReduxStore = function createReduxStore() {
-  var _context2;
-
   var preloadedState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var additionalMiddlewares = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var store = redux.createStore(createInternalReducer(undefined, preloadedState), preloadedState, redux.compose(applyDefaultMiddlewares.apply(void 0, _concatInstanceProperty__default["default"](_context2 = _toConsumableArray(additionalMiddlewares)).call(_context2, [hideNotificationsMiddleware, notifications.middleware, sdkMiddleware])), window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__({
-    actionsBlacklist: [constants.SHOW_LOADING, constants.HIDE_LOADING]
-  }) : identityStoreEnhancer));
+  var store = toolkit.configureStore({
+    preloadedState: preloadedState,
+    reducer: createInternalReducer(undefined, preloadedState),
+    devTools: {
+      actionsDenylist: [constants.SHOW_LOADING, constants.HIDE_LOADING]
+    },
+    middleware: function middleware(getDefaultMiddleware) {
+      var _context2;
+
+      return _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(additionalMiddlewares), [hideNotificationsMiddleware, notifications.middleware, sdkMiddleware], _toConsumableArray(getDefaultMiddleware({
+        // https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data
+        serializableCheck: {
+          // Ignore these field paths in all actions
+          ignoredActionPaths: ['dismiss']
+        }
+      })), [loggerMiddleware]);
+    }
+  });
   var enhancedStore = store; // Enable reducers to be injected on runtime (see `<InjectReducer>`)
 
   enhancedStore.injectedReducers = {};

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-379ddfbf.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-bf785dc5.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-fc681745.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-02fb791d.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -24,7 +24,7 @@ require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('lodash/mapValues');
-require('redux');
+require('@reduxjs/toolkit');
 require('redux-thunk');
 require('omit-empty-es');
 require('@commercetools-frontend/notifications');
@@ -136,6 +136,7 @@ exports.getMcApiUrl = applicationEntryPoint.getMcApiUrl;
 exports.selectProjectKeyFromUrl = applicationEntryPoint.selectProjectKeyFromUrl;
 exports.selectUserId = applicationEntryPoint.selectUserId;
 exports.version = applicationEntryPoint.version;
+exports.ApplicationPageTitle = dist_commercetoolsFrontendApplicationShell.ApplicationPageTitle;
 exports.ApplicationShell = dist_commercetoolsFrontendApplicationShell.ApplicationShell;
 exports.ApplicationShellProvider = dist_commercetoolsFrontendApplicationShell.ApplicationShellProvider;
 exports.ConfigureIntlProvider = dist_commercetoolsFrontendApplicationShell.ConfigureIntlProvider;

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-d7ed60b0.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-23885269.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-c063e0e6.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-9a633459.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -24,7 +24,7 @@ require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('lodash/mapValues');
-require('redux');
+require('@reduxjs/toolkit');
 require('redux-thunk');
 require('omit-empty-es');
 require('@commercetools-frontend/notifications');
@@ -136,6 +136,7 @@ exports.getMcApiUrl = applicationEntryPoint.getMcApiUrl;
 exports.selectProjectKeyFromUrl = applicationEntryPoint.selectProjectKeyFromUrl;
 exports.selectUserId = applicationEntryPoint.selectUserId;
 exports.version = applicationEntryPoint.version;
+exports.ApplicationPageTitle = dist_commercetoolsFrontendApplicationShell.ApplicationPageTitle;
 exports.ApplicationShell = dist_commercetoolsFrontendApplicationShell.ApplicationShell;
 exports.ApplicationShellProvider = dist_commercetoolsFrontendApplicationShell.ApplicationShellProvider;
 exports.ConfigureIntlProvider = dist_commercetoolsFrontendApplicationShell.ConfigureIntlProvider;

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-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';
+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-a9e70072.esm.js';
+export { b as ApplicationPageTitle, A as ApplicationShell, a as ApplicationShellProvider, C as ConfigureIntlProvider, G as GtmContext, d as GtmUserLogoutTracker, I as InjectReducers, S as SetupFlopFlipProvider, e as SuspendedRoute, c as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, f as useMcLazyQuery, g as useMcMutation, u as useMcQuery } from './index-a8623473.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import 'uuid';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
@@ -20,7 +20,7 @@ import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/reflect/has';
 import 'lodash/mapValues';
-import 'redux';
+import '@reduxjs/toolkit';
 import 'redux-thunk';
 import 'omit-empty-es';
 import '@commercetools-frontend/notifications';

package/dist/declarations/src/configure-store.d.ts

@@ -1,4 +1,4 @@
-import type { ReducersMapObject, Store, Middleware, StoreEnhancer } from 'redux';
+import { type ReducersMapObject, type Store, type Middleware, type StoreEnhancer } from '@reduxjs/toolkit';
 export declare type TEnhancedStore = Store & {
     injectedReducers: {
         [key: string]: ReducersMapObject;

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

@@ -2,6 +2,7 @@ export * from './export-types';
 export { default as version } from './version';
 export { default as ApplicationShell } from './components/application-shell';
 export { default as ApplicationShellProvider } from './components/application-shell-provider';
+export { default as ApplicationPageTitle } from './components/application-page-title';
 export { default as createApolloClient } from './configure-apollo';
 export { applyDefaultMiddlewares } from './configure-store';
 export { default as InjectReducers } from './components/inject-reducers';

package/dist/declarations/src/middleware/hide-notifications.d.ts

@@ -1,3 +1,3 @@
 import type { Action, Dispatch, MiddlewareAPI } from 'redux';
-declare const _default: ({ getState }: MiddlewareAPI) => (next: Dispatch<Action>) => (action: Action) => Action<any>;
-export default _default;
+declare const hideNotificationsMiddleware: ({ getState }: MiddlewareAPI) => (next: Dispatch<Action>) => (action: Action) => Action<any>;
+export default hideNotificationsMiddleware;

package/dist/declarations/src/test-utils/test-utils.d.ts

@@ -1,13 +1,13 @@
-import type { MockedResponse } from '@apollo/client/testing';
-import type { TFlags } from '@flopflip/types';
-import type { TProviderProps } from '@commercetools-frontend/application-shell-connectors';
-import type { TMapNotificationToComponentProps } from '@commercetools-frontend/react-notifications';
-import type { TSdkMock } from '@commercetools-frontend/sdk/test-utils';
-import { ReactElement } from 'react';
-import { ApolloClient, NormalizedCacheObject } from '@apollo/client';
+import { type ReactElement } from 'react';
+import { ApolloClient, type NormalizedCacheObject } from '@apollo/client';
+import { type MockedResponse } from '@apollo/client/testing';
 import * as rtl from '@testing-library/react';
 import * as rtlHooks from '@testing-library/react-hooks';
+import type { TFlags } from '@flopflip/types';
 import { createEnhancedHistory } from '@commercetools-frontend/browser-history';
+import { type TProviderProps } from '@commercetools-frontend/application-shell-connectors';
+import { type TMapNotificationToComponentProps } from '@commercetools-frontend/react-notifications';
+import { type TSdkMock } from '@commercetools-frontend/sdk/test-utils';
 import { createReduxStore } from '../configure-store';
 declare type TPermissions = {
     [key: string]: boolean;
@@ -44,7 +44,7 @@ declare type TAllAppliedDataFence = {
 };
 declare const denormalizeDataFences: (dataFences?: TNormalizedDataFences) => TAllAppliedDataFence[];
 declare const mapResourceAccessToAppliedPermissions: (resourceAccesses: string[]) => TAllAppliedPermission[];
-export declare type TRenderAppOptions<AdditionalEnvironmentProperties = {}> = {
+export declare type TRenderAppOptions<AdditionalEnvironmentProperties extends {} = {}> = {
     locale: string;
     mocks?: ReadonlyArray<MockedResponse>;
     apolloClient?: ApolloClient<NormalizedCacheObject>;
@@ -58,19 +58,19 @@ export declare type TRenderAppOptions<AdditionalEnvironmentProperties = {}> = {
     project: Partial<TProviderProps<AdditionalEnvironmentProperties>['project']>;
     dataLocale: TProviderProps<AdditionalEnvironmentProperties>['projectDataLocale'];
 } & rtl.RenderOptions;
-declare type TRenderAppResult<AdditionalEnvironmentProperties = {}> = rtl.RenderResult & Pick<TRenderAppOptions<AdditionalEnvironmentProperties>, 'history' | 'user' | 'project' | 'environment'>;
-declare function renderApp<AdditionalEnvironmentProperties = {}>(ui: ReactElement, options?: Partial<TRenderAppOptions<AdditionalEnvironmentProperties>>): TRenderAppResult<AdditionalEnvironmentProperties>;
-export declare type TRenderAppWithReduxOptions<AdditionalEnvironmentProperties = {}, StoreState = {}> = {
+declare type TRenderAppResult<AdditionalEnvironmentProperties extends {} = {}> = rtl.RenderResult & Pick<TRenderAppOptions<AdditionalEnvironmentProperties>, 'history' | 'user' | 'project' | 'environment'>;
+declare function renderApp<AdditionalEnvironmentProperties extends {} = {}>(ui: ReactElement, options?: Partial<TRenderAppOptions<AdditionalEnvironmentProperties>>): TRenderAppResult<AdditionalEnvironmentProperties>;
+export declare type TRenderAppWithReduxOptions<AdditionalEnvironmentProperties extends {} = {}, StoreState extends {} = {}> = {
     store: ReturnType<typeof createReduxStore>;
     storeState: StoreState;
     sdkMocks: TSdkMock[];
     mapNotificationToComponent: TMapNotificationToComponentProps['mapNotificationToComponent'];
 } & TRenderAppOptions<AdditionalEnvironmentProperties>;
-declare type TRenderAppWithReduxResult<AdditionalEnvironmentProperties = {}, StoreState = {}> = TRenderAppResult<AdditionalEnvironmentProperties> & Pick<TRenderAppWithReduxOptions<AdditionalEnvironmentProperties, StoreState>, 'store'>;
-declare function renderAppWithRedux<AdditionalEnvironmentProperties = {}, StoreState = {}>(ui: ReactElement, options?: Partial<TRenderAppWithReduxOptions<AdditionalEnvironmentProperties, StoreState>>): TRenderAppWithReduxResult<AdditionalEnvironmentProperties, StoreState>;
-export declare type TRenderHookOptions<RenderedHookProps, AdditionalEnvironmentProperties = {}, StoreState = {}> = TRenderAppWithReduxOptions<AdditionalEnvironmentProperties, StoreState> & rtlHooks.RenderHookOptions<RenderedHookProps>;
-export declare type TRenderHookResult<RenderHookCallbackProps, RenderHookCallbackValue, AdditionalEnvironmentProperties = {}, StoreState = {}> = rtlHooks.RenderHookResult<RenderHookCallbackProps, RenderHookCallbackValue> & Pick<TRenderAppWithReduxResult<AdditionalEnvironmentProperties, StoreState>, 'store' | 'history' | 'user' | 'project' | 'environment'>;
-declare function renderHook<RenderedHookProps, RenderedHookResult, AdditionalEnvironmentProperties = {}, StoreState = {}>(callback: (props: RenderedHookProps) => RenderedHookResult, options?: Partial<TRenderHookOptions<RenderedHookProps, AdditionalEnvironmentProperties, StoreState>>): TRenderHookResult<RenderedHookProps, RenderedHookResult, AdditionalEnvironmentProperties, StoreState>;
+declare type TRenderAppWithReduxResult<AdditionalEnvironmentProperties extends {} = {}, StoreState extends {} = {}> = TRenderAppResult<AdditionalEnvironmentProperties> & Pick<TRenderAppWithReduxOptions<AdditionalEnvironmentProperties, StoreState>, 'store'>;
+declare function renderAppWithRedux<AdditionalEnvironmentProperties extends {} = {}, StoreState extends {} = {}>(ui: ReactElement, options?: Partial<TRenderAppWithReduxOptions<AdditionalEnvironmentProperties, StoreState>>): TRenderAppWithReduxResult<AdditionalEnvironmentProperties, StoreState>;
+export declare type TRenderHookOptions<RenderedHookProps, AdditionalEnvironmentProperties extends {} = {}, StoreState extends {} = {}> = TRenderAppWithReduxOptions<AdditionalEnvironmentProperties, StoreState> & rtlHooks.RenderHookOptions<RenderedHookProps>;
+export declare type TRenderHookResult<RenderHookCallbackProps, RenderHookCallbackValue, AdditionalEnvironmentProperties extends {} = {}, StoreState extends {} = {}> = rtlHooks.RenderHookResult<RenderHookCallbackProps, RenderHookCallbackValue> & Pick<TRenderAppWithReduxResult<AdditionalEnvironmentProperties, StoreState>, 'store' | 'history' | 'user' | 'project' | 'environment'>;
+declare function renderHook<RenderedHookProps, RenderedHookResult, AdditionalEnvironmentProperties extends {} = {}, StoreState extends {} = {}>(callback: (props: RenderedHookProps) => RenderedHookResult, options?: Partial<TRenderHookOptions<RenderedHookProps, AdditionalEnvironmentProperties, StoreState>>): TRenderHookResult<RenderedHookProps, RenderedHookResult, AdditionalEnvironmentProperties, StoreState>;
 export * from '@testing-library/react';
 declare const hooks: {
     renderHook: typeof renderHook;

package/dist/{index-bf785dc5.cjs.dev.js → index-02fb791d.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var applicationEntryPoint = require('./application-entry-point-379ddfbf.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-fc681745.cjs.dev.js');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 var _pt = require('prop-types');
@@ -821,7 +821,7 @@ Redirector.propTypes = {
 };
 Redirector.displayName = 'Redirector';
 
-var Divider = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+var Divider = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e57nw7s0"
 } : {
   target: "e57nw7s0",
@@ -1059,17 +1059,15 @@ var defaultProps$1 = {
   additionalParts: []
 };
 
-var usePageTitle = function usePageTitle(props) {
-  var _context, _context3;
-
-  var location = reactRouterDom.useLocation();
+var getPageTitle = function getPageTitle(pathname, additionalParts) {
+  var _context2;
 
-  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 _pathname$split = pathname.split('/'),
+      _pathname$split2 = _slicedToArray(_pathname$split, 3),
+      projectKeyOrStaticPath = _pathname$split2[1],
+      entryPointUriPath = _pathname$split2[2];
 
-  var customTitleParts = _mapInstanceProperty__default["default"](_context = props.additionalParts).call(_context, function (titlePart) {
+  var customTitleParts = _mapInstanceProperty__default["default"](additionalParts).call(additionalParts, function (titlePart) {
     if (titlePart.length <= maxTitleCharLength) {
       return titlePart;
     }
@@ -1078,19 +1076,20 @@ var usePageTitle = function usePageTitle(props) {
   });
 
   if (_includesInstanceProperty__default["default"](staticPaths).call(staticPaths, projectKeyOrStaticPath)) {
-    var _context2;
+    var _context;
 
-    return _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(customTitleParts || []), [upperFirst__default["default"](projectKeyOrStaticPath), 'Merchant Center']).join(' - ');
+    return _concatInstanceProperty__default["default"](_context = []).call(_context, _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(' - ');
+  return _concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(customTitleParts || []), [upperFirst__default["default"](entryPointUriPath), projectKeyOrStaticPath, 'Merchant Center']).join(' - ');
 };
 
 var ApplicationPageTitle = function ApplicationPageTitle(props) {
-  var pageTitle = usePageTitle(props);
+  var location = reactRouterDom.useLocation();
   react.useLayoutEffect(function () {
+    var pageTitle = getPageTitle(location.pathname, props.additionalParts);
     document.title = pageTitle;
-  }, [pageTitle]);
+  }, [location.pathname, props.additionalParts]);
   return null;
 };
 
@@ -1754,7 +1753,7 @@ var renderLabel = function renderLabel(menu, applicationLanguage) {
   return constants$1.NO_VALUE_FALLBACK;
 };
 
-var MenuItem$1 = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+var MenuItem$1 = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e1al5ftg0"
 } : {
   target: "e1al5ftg0",
@@ -2286,7 +2285,7 @@ var getRadiusBySize = function getRadiusBySize(props) {
   }
 };
 
-var LoadingPlaceholder = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+var LoadingPlaceholder = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e4c5pm00"
 } : {
   target: "e4c5pm00",
@@ -2498,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-f4588a92.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./project-not-found-52a2113f.cjs.dev.js'
   /* webpackChunkName: "project-not-found" */
   ); });
 });
 
 var ProjectExpired = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-expired-884349ac.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./project-expired-958d21c6.cjs.dev.js'
   /* webpackChunkName: "project-expired" */
   ); });
 });
 
 var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-initialized-e14aec3c.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./project-not-initialized-a019f3f4.cjs.dev.js'
   /* webpackChunkName: "project-not-initialized" */
   ); });
 });
@@ -2557,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-9dc74eb9.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./project-suspended-de237fcf.cjs.dev.js'
   /* webpackChunkName: "project-suspended" */
   ); });
 });
@@ -3878,7 +3877,7 @@ var trackingEvents = {
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-var ButlerContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+var ButlerContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e1fuwyk10"
 } : {
   target: "e1fuwyk10",
@@ -3903,7 +3902,7 @@ var pimIndexerStates = {
 };
 
 var QuickAccess = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./quick-access-529bfe5e.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./quick-access-0739e5e1.cjs.dev.js'
   /* webpackChunkName: "quick-access" */
   ); });
 });
@@ -4185,7 +4184,7 @@ var getHasUserBeenDeletedError = function getHasUserBeenDeletedError(graphQLErro
   });
 };
 
-var MainContainer = _styled__default["default"]("main", process.env.NODE_ENV === "production" ? {
+var MainContainer = /*#__PURE__*/_styled__default["default"]("main", process.env.NODE_ENV === "production" ? {
   target: "e1kyr09u0"
 } : {
   target: "e1kyr09u0",
@@ -4701,6 +4700,7 @@ var SuspendedRoute = function SuspendedRoute(props) {
 
 SuspendedRoute.displayName = 'SuspendedRoute';
 
+exports.ApplicationPageTitle = ApplicationPageTitle;
 exports.ApplicationShell = ApplicationShell;
 exports.ApplicationShellProvider = ApplicationShellProvider;
 exports.ButlerContainer = ButlerContainer;