@commercetools-frontend/application-shell 22.0.1 → 22.1.0

package/dist/{index-c5ad1971.cjs.dev.js → index-ad6ca4c7.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var configureApollo = require('./configure-apollo-f39c0788.cjs.dev.js');
+var configureApollo = require('./configure-apollo-29a074f0.cjs.dev.js');
 var _pt = require('prop-types');
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
@@ -24,7 +24,7 @@ var constants$1 = require('@commercetools-frontend/constants');
 var i18n = require('@commercetools-frontend/i18n');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var sentry = require('@commercetools-frontend/sentry');
-var constants = require('./constants-e6f058e5.cjs.dev.js');
+var constants = require('./constants-b201d328.cjs.dev.js');
 require('uuid');
 require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -73,7 +73,7 @@ var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var reactRedux = require('react-redux');
 var history = require('@commercetools-frontend/browser-history');
 var upperFirst = require('lodash/upperFirst');
-var oidc = require('./oidc-0638d0c8.cjs.dev.js');
+var oidc = require('./oidc-15d3a4c1.cjs.dev.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
@@ -125,7 +125,7 @@ var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-5bef7ee5.cjs.dev.js'
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-7a739081.cjs.dev.js'
 /* webpackChunkName: "requests-in-flight-loader" */
 ); }));
 
@@ -480,7 +480,7 @@ ProjectSwitcher.displayName = 'ProjectSwitcher';
 // eslint-disable-next-line import/prefer-default-export
 const REQUESTS_IN_FLIGHT_LOADER_DOM_ID = 'loader-for-requests-in-flight';
 
-const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-0c5c0a74.cjs.dev.js'
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-691b4cdf.cjs.dev.js'
 /* webpackChunkName: "user-settings-menu" */
 ); }));
 
@@ -704,7 +704,7 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-6ec7da97.cjs.dev.js'
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-ec8d2fff.cjs.dev.js'
 /* webpackChunkName: "navbar" */
 ); }));
 
@@ -1191,7 +1191,7 @@ const LoadingNavBar = () => {
 
 LoadingNavBar.displayName = 'LoadingNavBar';
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-573e3ff5.cjs.dev.js'
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-52bfe2e7.cjs.dev.js'
 /* webpackChunkName: "project-container" */
 ); }));
 
@@ -1334,7 +1334,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-e0596452.cjs.dev.js'
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-0929aac7.cjs.dev.js'
 /* webpackChunkName: "quick-access" */
 ); }));
 
@@ -1428,7 +1428,7 @@ QuickAccessTrigger.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-f5d567b2.cjs.dev.js'
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-11e5c1ed.cjs.dev.js'
 /* webpackChunkName: "redirect-to-logout" */
 ); }));
 
@@ -1611,16 +1611,39 @@ SetupFlopFlipProvider.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 SetupFlopFlipProvider.displayName = 'SetupFlopFlipProvider';
 
+const NewDesignReleaseInfoDialog = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./new-design-release-info-dialog-629191c2.cjs.dev.js'); }));
+
+function useDisableRedesignAnnouncement() {
+  const disableRedesignAnnouncement = applicationShellConnectors.useApplicationContext(context => context.environment.disableRedesignAnnouncement);
+  return Boolean(disableRedesignAnnouncement);
+}
+
 const ThemeSwitcher = () => {
   const isNewThemeEnabled = reactBroadcast.useFeatureToggle(UI_REDESIGN);
+  const isRedesignAnnouncementDisabled = useDisableRedesignAnnouncement();
   const theme = isNewThemeEnabled ? 'test' : 'default';
-  return jsxRuntime.jsx(designSystem.ThemeProvider, {
-    theme: theme,
-    themeOverrides: applicationComponents.themesOverrides[theme]
+
+  const _useState = react.useState(window.localStorage.getItem(constants.STORAGE_KEYS.IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED) === 'true'),
+        _useState2 = _slicedToArray(_useState, 2),
+        hasUserSeenNewDesignReleaseNotificationDialog = _useState2[0],
+        setHasUserSeenNewDesignReleaseNotificationDialog = _useState2[1];
+
+  const handleCloseDialog = () => {
+    window.localStorage.setItem(constants.STORAGE_KEYS.IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED, 'true');
+    setHasUserSeenNewDesignReleaseNotificationDialog(true);
+  };
+
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(designSystem.ThemeProvider, {
+      theme: theme,
+      themeOverrides: applicationComponents.themesOverrides[theme]
+    }), !isRedesignAnnouncementDisabled && !hasUserSeenNewDesignReleaseNotificationDialog && isNewThemeEnabled ? jsxRuntime.jsx(NewDesignReleaseInfoDialog, {
+      onClose: handleCloseDialog
+    }) : null]
   });
 };
 
-const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-87f40efd.cjs.dev.js'
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-a11261a0.cjs.dev.js'
 /* webpackChunkName: "version-tracker" */
 ); }));
 
@@ -2161,7 +2184,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-d6332169.cjs.dev.js'
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-7de9c5c5.cjs.dev.js'
 /* webpackChunkName: "oidc-callback" */
 ); }));
 
@@ -2332,7 +2355,7 @@ ApplicationShellProvider.displayName = 'ApplicationShellProvider'; // This is us
 
 ApplicationShellProvider.history = history__default["default"];
 
-const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-a978bc81.cjs.dev.js'
+const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-d23ba78e.cjs.dev.js'
 /* webpackChunkName: "redirect-to-login" */
 ); }));
 

package/dist/{navbar-153cb4ba.cjs.prod.js → navbar-3b87603a.cjs.prod.js}

@@ -20,15 +20,15 @@ var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var icons = require('@commercetools-uikit/icons');
-var dist_commercetoolsFrontendApplicationShell = require('./index-90509897.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-1383bdf9.cjs.prod.js');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var isNil = require('lodash/isNil');
 var throttle = require('lodash/throttle');
 var sentry = require('@commercetools-frontend/sentry');
-var constants$1 = require('./constants-e6409334.cjs.prod.js');
-var useApplicationsMenu = require('./use-applications-menu-306109c6.cjs.prod.js');
+var constants$1 = require('./constants-a3c2194a.cjs.prod.js');
+var useApplicationsMenu = require('./use-applications-menu-673b31e9.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('./configure-apollo-709a05c9.cjs.prod.js');
+require('./configure-apollo-49d386ca.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
@@ -95,7 +95,7 @@ require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-540a091a.cjs.prod.js');
+require('./oidc-6c79100b.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-config/ssr');

package/dist/{navbar-ee6d9597.esm.js → navbar-5843dcbd.esm.js}

@@ -18,15 +18,15 @@ import { useLocation, matchPath } from 'react-router-dom';
 import { normalizeAllAppliedPermissions, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities } from '@commercetools-frontend/application-shell-connectors';
 import { GRAPHQL_TARGETS, SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants';
 import { SupportIcon } from '@commercetools-uikit/icons';
-import { u as useMcQuery, N as NavBarLayout, M as MenuGroup, a as MenuItemDivider, F as Faded, b as MenuItem, c as MenuExpander, d as RestrictedMenuItem, e as MenuItemLink, I as IconSwitcher, f as MenuLabel } from './index-8b1929c9.esm.js';
+import { u as useMcQuery, N as NavBarLayout, M as MenuGroup, a as MenuItemDivider, F as Faded, b as MenuItem, c as MenuExpander, d as RestrictedMenuItem, e as MenuItemLink, I as IconSwitcher, f as MenuLabel } from './index-67a9e304.esm.js';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import isNil from 'lodash/isNil';
 import throttle from 'lodash/throttle';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
-import { S as STORAGE_KEYS } from './constants-7f04db3f.esm.js';
-import { u as useApplicationsMenu } from './use-applications-menu-e349fcad.esm.js';
+import { S as STORAGE_KEYS } from './constants-940f343f.esm.js';
+import { u as useApplicationsMenu } from './use-applications-menu-61a2bf34.esm.js';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import './configure-apollo-faeb9a07.esm.js';
+import './configure-apollo-034f9603.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@babel/runtime-corejs3/core-js-stable/reflect/has';
@@ -93,7 +93,7 @@ import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
 import 'react-redux';
 import 'lodash/upperFirst';
-import './oidc-10fa96f0.esm.js';
+import './oidc-77115492.esm.js';
 import '@commercetools-uikit/design-system/materials/resets.css';
 import '@commercetools-frontend/actions-global';
 import '@commercetools-frontend/application-config/ssr';

package/dist/{navbar-6ec7da97.cjs.dev.js → navbar-ec8d2fff.cjs.dev.js}

@@ -20,15 +20,15 @@ var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var icons = require('@commercetools-uikit/icons');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c5ad1971.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ad6ca4c7.cjs.dev.js');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var isNil = require('lodash/isNil');
 var throttle = require('lodash/throttle');
 var sentry = require('@commercetools-frontend/sentry');
-var constants$1 = require('./constants-e6f058e5.cjs.dev.js');
-var useApplicationsMenu = require('./use-applications-menu-8b9e9cda.cjs.dev.js');
+var constants$1 = require('./constants-b201d328.cjs.dev.js');
+var useApplicationsMenu = require('./use-applications-menu-13724373.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('./configure-apollo-f39c0788.cjs.dev.js');
+require('./configure-apollo-29a074f0.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
@@ -95,7 +95,7 @@ require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-0638d0c8.cjs.dev.js');
+require('./oidc-15d3a4c1.cjs.dev.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-config/ssr');

package/dist/new-design-release-info-dialog-629191c2.cjs.dev.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var reactIntl = require('react-intl');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var mcRedesignAnnouncement = require('@commercetools-frontend/assets/images/mc-redesign-announcement.svg');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var mcRedesignAnnouncement__default = /*#__PURE__*/_interopDefault(mcRedesignAnnouncement);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+var messages = reactIntl.defineMessages({
+  title: {
+    id: 'NewDesignInfoDialog.title',
+    defaultMessage: 'Enjoy the fresh look of the Merchant Center'
+  },
+  content: {
+    id: 'NewDesignInfoDialog.content',
+    defaultMessage: 'Managing commerce takes work. Empowering our Merchant Center users is among our top priorities. Enjoy a wide range of UX and ease-of-use improvements, a new contemporary look, clearer visual hierarchy and better readability.'
+  }
+});
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
+const NewDesignReleaseInfoDialog = props => {
+  const intl = reactIntl.useIntl();
+  return jsxRuntime.jsx(applicationComponents.InfoDialog, {
+    title: intl.formatMessage(messages.title),
+    isOpen: true,
+    onClose: props.onClose,
+    size: "l",
+    children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+      scale: "xl",
+      children: [jsxRuntime.jsx("img", {
+        style: {
+          height: '300px',
+          padding: '16px 16px 0'
+        },
+        src: mcRedesignAnnouncement__default["default"],
+        alt: "merchant center redesign announcement"
+      }), jsxRuntime.jsx(Text__default["default"].Body, {
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.content))
+      })]
+    })
+  });
+};
+
+exports["default"] = NewDesignReleaseInfoDialog;

package/dist/new-design-release-info-dialog-6e19106c.esm.js

@@ -0,0 +1,55 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
+import { InfoDialog } from '@commercetools-frontend/application-components';
+import mcRedesignAnnouncement from '@commercetools-frontend/assets/images/mc-redesign-announcement.svg';
+import Spacings from '@commercetools-uikit/spacings';
+import Text from '@commercetools-uikit/text';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+
+var messages = defineMessages({
+  title: {
+    id: 'NewDesignInfoDialog.title',
+    defaultMessage: 'Enjoy the fresh look of the Merchant Center'
+  },
+  content: {
+    id: 'NewDesignInfoDialog.content',
+    defaultMessage: 'Managing commerce takes work. Empowering our Merchant Center users is among our top priorities. Enjoy a wide range of UX and ease-of-use improvements, a new contemporary look, clearer visual hierarchy and better readability.'
+  }
+});
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const NewDesignReleaseInfoDialog = props => {
+  const intl = useIntl();
+  return jsx(InfoDialog, {
+    title: intl.formatMessage(messages.title),
+    isOpen: true,
+    onClose: props.onClose,
+    size: "l",
+    children: jsxs(Spacings.Stack, {
+      scale: "xl",
+      children: [jsx("img", {
+        style: {
+          height: '300px',
+          padding: '16px 16px 0'
+        },
+        src: mcRedesignAnnouncement,
+        alt: "merchant center redesign announcement"
+      }), jsx(Text.Body, {
+        children: jsx(FormattedMessage, _objectSpread({}, messages.content))
+      })]
+    })
+  });
+};
+
+export { NewDesignReleaseInfoDialog as default };

package/dist/new-design-release-info-dialog-879a4af8.cjs.prod.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var reactIntl = require('react-intl');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var mcRedesignAnnouncement = require('@commercetools-frontend/assets/images/mc-redesign-announcement.svg');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var mcRedesignAnnouncement__default = /*#__PURE__*/_interopDefault(mcRedesignAnnouncement);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+var messages = reactIntl.defineMessages({
+  title: {
+    id: 'NewDesignInfoDialog.title',
+    defaultMessage: 'Enjoy the fresh look of the Merchant Center'
+  },
+  content: {
+    id: 'NewDesignInfoDialog.content',
+    defaultMessage: 'Managing commerce takes work. Empowering our Merchant Center users is among our top priorities. Enjoy a wide range of UX and ease-of-use improvements, a new contemporary look, clearer visual hierarchy and better readability.'
+  }
+});
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
+const NewDesignReleaseInfoDialog = props => {
+  const intl = reactIntl.useIntl();
+  return jsxRuntime.jsx(applicationComponents.InfoDialog, {
+    title: intl.formatMessage(messages.title),
+    isOpen: true,
+    onClose: props.onClose,
+    size: "l",
+    children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+      scale: "xl",
+      children: [jsxRuntime.jsx("img", {
+        style: {
+          height: '300px',
+          padding: '16px 16px 0'
+        },
+        src: mcRedesignAnnouncement__default["default"],
+        alt: "merchant center redesign announcement"
+      }), jsxRuntime.jsx(Text__default["default"].Body, {
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.content))
+      })]
+    })
+  });
+};
+
+exports["default"] = NewDesignReleaseInfoDialog;

package/dist/{oidc-0638d0c8.cjs.dev.js → oidc-15d3a4c1.cjs.dev.js}

@@ -3,7 +3,7 @@
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-var constants = require('./constants-e6f058e5.cjs.dev.js');
+var constants = require('./constants-b201d328.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{oidc-540a091a.cjs.prod.js → oidc-6c79100b.cjs.prod.js}

@@ -3,7 +3,7 @@
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-var constants = require('./constants-e6409334.cjs.prod.js');
+var constants = require('./constants-a3c2194a.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{oidc-10fa96f0.esm.js → oidc-77115492.esm.js}

@@ -1,7 +1,7 @@
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
-import { O as OIDC_CLAIMS } from './constants-7f04db3f.esm.js';
+import { O as OIDC_CLAIMS } from './constants-940f343f.esm.js';
 
 const buildOidcScope = options => {
   var _context2, _options$oAuthScopes$, _options$oAuthScopes, _context4, _options$oAuthScopes$2, _options$oAuthScopes2;

package/dist/{oidc-callback-dbdfdd52.cjs.prod.js → oidc-callback-45c9455d.cjs.prod.js}

@@ -4,7 +4,7 @@ var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var jwtDecode = require('jwt-decode');
 var qss = require('qss');
 var reactRouterDom = require('react-router-dom');
-var configureApollo = require('./configure-apollo-709a05c9.cjs.prod.js');
+var configureApollo = require('./configure-apollo-49d386ca.cjs.prod.js');
 var redirector = require('./redirector-77ce2f5c.cjs.prod.js');
 var _styled = require('@emotion/styled/base');
 var applicationComponents = require('@commercetools-frontend/application-components');
@@ -18,7 +18,7 @@ var icons = require('@commercetools-uikit/icons');
 var notifications = require('@commercetools-uikit/notifications');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-90509897.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-1383bdf9.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -45,7 +45,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 require('@commercetools-frontend/sentry');
-require('./constants-e6409334.cjs.prod.js');
+require('./constants-a3c2194a.cjs.prod.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('redux-logger');
@@ -101,7 +101,7 @@ require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-540a091a.cjs.prod.js');
+require('./oidc-6c79100b.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-config/ssr');

package/dist/{oidc-callback-48bc2d46.esm.js → oidc-callback-76009a34.esm.js}

@@ -2,7 +2,7 @@ import _URL from '@babel/runtime-corejs3/core-js-stable/url';
 import jwtDecode from 'jwt-decode';
 import { decode } from 'qss';
 import { useHistory, useLocation } from 'react-router-dom';
-import { t as getSessionState, u as setActiveSession } from './configure-apollo-faeb9a07.esm.js';
+import { t as getSessionState, u as setActiveSession } from './configure-apollo-034f9603.esm.js';
 import { R as Redirector } from './redirector-47a6be71.esm.js';
 import _styled from '@emotion/styled/base';
 import { PublicPageLayout } from '@commercetools-frontend/application-components';
@@ -16,7 +16,7 @@ import { AngleLeftIcon } from '@commercetools-uikit/icons';
 import { ContentNotification } from '@commercetools-uikit/notifications';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { C as ConfigureIntlProvider } from './index-8b1929c9.esm.js';
+import { C as ConfigureIntlProvider } from './index-67a9e304.esm.js';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -43,7 +43,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import '@commercetools-frontend/sentry';
-import './constants-7f04db3f.esm.js';
+import './constants-940f343f.esm.js';
 import '@commercetools-frontend/react-notifications';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import 'redux-logger';
@@ -99,7 +99,7 @@ import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
 import 'react-redux';
 import 'lodash/upperFirst';
-import './oidc-10fa96f0.esm.js';
+import './oidc-77115492.esm.js';
 import '@commercetools-uikit/design-system/materials/resets.css';
 import '@commercetools-frontend/actions-global';
 import '@commercetools-frontend/application-config/ssr';

package/dist/{oidc-callback-d6332169.cjs.dev.js → oidc-callback-7de9c5c5.cjs.dev.js}

@@ -4,7 +4,7 @@ var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var jwtDecode = require('jwt-decode');
 var qss = require('qss');
 var reactRouterDom = require('react-router-dom');
-var configureApollo = require('./configure-apollo-f39c0788.cjs.dev.js');
+var configureApollo = require('./configure-apollo-29a074f0.cjs.dev.js');
 var redirector = require('./redirector-0d98f9df.cjs.dev.js');
 var _styled = require('@emotion/styled/base');
 var applicationComponents = require('@commercetools-frontend/application-components');
@@ -18,7 +18,7 @@ var icons = require('@commercetools-uikit/icons');
 var notifications = require('@commercetools-uikit/notifications');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c5ad1971.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ad6ca4c7.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -45,7 +45,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 require('@commercetools-frontend/sentry');
-require('./constants-e6f058e5.cjs.dev.js');
+require('./constants-b201d328.cjs.dev.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('redux-logger');
@@ -101,7 +101,7 @@ require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-0638d0c8.cjs.dev.js');
+require('./oidc-15d3a4c1.cjs.dev.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-config/ssr');

package/dist/{project-container-573e3ff5.cjs.dev.js → project-container-52bfe2e7.cjs.dev.js}

@@ -10,9 +10,9 @@ var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants$1 = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
-var constants = require('./constants-e6f058e5.cjs.dev.js');
-var applicationEntryPoint = require('./application-entry-point-c63d1ec4.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c5ad1971.cjs.dev.js');
+var constants = require('./constants-b201d328.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-8f99b7c5.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ad6ca4c7.cjs.dev.js');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -33,7 +33,7 @@ require('tiny-invariant');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
-require('./configure-apollo-f39c0788.cjs.dev.js');
+require('./configure-apollo-29a074f0.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
@@ -97,7 +97,7 @@ require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-0638d0c8.cjs.dev.js');
+require('./oidc-15d3a4c1.cjs.dev.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 
@@ -220,19 +220,19 @@ LocaleSwitcher.propTypes = process.env.NODE_ENV !== "production" ? {
   availableLocales: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired
 } : {};
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-8811f723.cjs.dev.js'
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-3baaf8aa.cjs.dev.js'
 /* webpackChunkName: "project-expired" */
 ); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-a56e9b3b.cjs.dev.js'
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-77e036ab.cjs.dev.js'
 /* webpackChunkName: "project-not-found" */
 ); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-d7ac52c0.cjs.dev.js'
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-1de1982f.cjs.dev.js'
 /* webpackChunkName: "project-not-initialized" */
 ); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-af56c4a7.cjs.dev.js'
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-6c920276.cjs.dev.js'
 /* webpackChunkName: "project-suspended" */
 ); }));