@commercetools-frontend/application-shell 22.0.1 → 22.1.0

package/dist/{application-entry-point-c89675d8.esm.js → application-entry-point-019dc469.esm.js}

@@ -14,7 +14,7 @@ import invariant from 'tiny-invariant';
 import { PageUnauthorized } from '@commercetools-frontend/application-components';
 import { entryPointUriPathToPermissionKeys } from '@commercetools-frontend/application-config/ssr';
 import { useIsAuthorized } from '@commercetools-frontend/permissions';
-import { R as RouteCatchAll } from './configure-apollo-faeb9a07.esm.js';
+import { R as RouteCatchAll } from './configure-apollo-034f9603.esm.js';
 import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
 
 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; }

package/dist/{application-entry-point-3e616b2e.cjs.prod.js → application-entry-point-21f7e437.cjs.prod.js}

@@ -16,7 +16,7 @@ var invariant = require('tiny-invariant');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var permissions = require('@commercetools-frontend/permissions');
-var configureApollo = require('./configure-apollo-709a05c9.cjs.prod.js');
+var configureApollo = require('./configure-apollo-49d386ca.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{application-entry-point-c63d1ec4.cjs.dev.js → application-entry-point-8f99b7c5.cjs.dev.js}

@@ -16,7 +16,7 @@ var invariant = require('tiny-invariant');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var permissions = require('@commercetools-frontend/permissions');
-var configureApollo = require('./configure-apollo-f39c0788.cjs.dev.js');
+var configureApollo = require('./configure-apollo-29a074f0.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var configureApollo = require('./configure-apollo-f39c0788.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c5ad1971.cjs.dev.js');
+var configureApollo = require('./configure-apollo-29a074f0.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ad6ca4c7.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -33,7 +33,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');
@@ -96,7 +96,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-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');
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var configureApollo = require('./configure-apollo-709a05c9.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-90509897.cjs.prod.js');
+var configureApollo = require('./configure-apollo-49d386ca.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-1383bdf9.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -33,7 +33,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');
@@ -96,7 +96,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-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');
 

package/dist/commercetools-frontend-application-shell.esm.js

@@ -1,5 +1,5 @@
-export { R as RouteCatchAll, h as applyDefaultMiddlewares, k as buildApiUrl, d as createApolloClient, l as createHttpClientOptions, m as executeHttpClientRequest, g as getMcApiUrl, a as selectProjectKeyFromUrl, j as selectUserId, f as version } from './configure-apollo-faeb9a07.esm.js';
-export { m as ApplicationPageTitle, k as ApplicationShell, l as ApplicationShellProvider, C as ConfigureIntlProvider, n as InjectReducers, S as SetupFlopFlipProvider, q as SuspendedRoute, o as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, r as useMcLazyQuery, t as useMcMutation, u as useMcQuery, v as useRoutesCreator } from './index-8b1929c9.esm.js';
+export { R as RouteCatchAll, h as applyDefaultMiddlewares, k as buildApiUrl, d as createApolloClient, l as createHttpClientOptions, m as executeHttpClientRequest, g as getMcApiUrl, a as selectProjectKeyFromUrl, j as selectUserId, f as version } from './configure-apollo-034f9603.esm.js';
+export { m as ApplicationPageTitle, k as ApplicationShell, l as ApplicationShellProvider, C as ConfigureIntlProvider, n as InjectReducers, S as SetupFlopFlipProvider, q as SuspendedRoute, o as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, r as useMcLazyQuery, t as useMcMutation, u as useMcQuery, v as useRoutesCreator } from './index-67a9e304.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import 'uuid';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
@@ -29,7 +29,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';
@@ -92,6 +92,6 @@ import '@flopflip/combine-adapters';
 import '@flopflip/http-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';

package/dist/{configure-apollo-faeb9a07.esm.js → configure-apollo-034f9603.esm.js}

@@ -23,7 +23,7 @@ import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/inst
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
-import { S as STORAGE_KEYS, L as LOGIN_STRATEGY_OIDC, a as SUPPORTED_HEADERS } from './constants-7f04db3f.esm.js';
+import { S as STORAGE_KEYS, L as LOGIN_STRATEGY_OIDC, a as SUPPORTED_HEADERS } from './constants-940f343f.esm.js';
 import { selectPageNotifications } from '@commercetools-frontend/react-notifications';
 import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import { createLogger } from 'redux-logger';
@@ -52,7 +52,7 @@ import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringif
 import { RetryLink } from '@apollo/client/link/retry';
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.0.1";
+var applicationShellVersion = "22.1.0";
 
 const isShowRequestInFlightAction = action => action.type === SHOW_LOADING;
 

package/dist/{configure-apollo-f39c0788.cjs.dev.js → configure-apollo-29a074f0.cjs.dev.js}

@@ -25,7 +25,7 @@ var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var sentry = require('@commercetools-frontend/sentry');
-var constants$1 = require('./constants-e6f058e5.cjs.dev.js');
+var constants$1 = require('./constants-b201d328.cjs.dev.js');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var reduxLogger = require('redux-logger');
@@ -87,7 +87,7 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.0.1";
+var applicationShellVersion = "22.1.0";
 
 const isShowRequestInFlightAction = action => action.type === constants.SHOW_LOADING;
 

package/dist/{configure-apollo-709a05c9.cjs.prod.js → configure-apollo-49d386ca.cjs.prod.js}

@@ -25,7 +25,7 @@ var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var sentry = require('@commercetools-frontend/sentry');
-var constants$1 = require('./constants-e6409334.cjs.prod.js');
+var constants$1 = require('./constants-a3c2194a.cjs.prod.js');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var reduxLogger = require('redux-logger');
@@ -87,7 +87,7 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.0.1";
+var applicationShellVersion = "22.1.0";
 
 const isShowRequestInFlightAction = action => action.type === constants.SHOW_LOADING;
 

package/dist/{constants-7f04db3f.esm.js → constants-940f343f.esm.js}

@@ -34,7 +34,8 @@ const STORAGE_KEYS = {
   ACTIVE_TEAM_ID: 'activeTeamId',
   SELECTED_DATA_LOCALE: 'selectedDataLocale',
   IS_FORCED_MENU_OPEN: 'isForcedMenuOpen',
-  LOGIN_STRATEGY: 'loginStrategy'
+  LOGIN_STRATEGY: 'loginStrategy',
+  IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED: 'isNewDesignReleaseNotificationClosed'
 };
 const SUSPENSION_REASONS = {
   TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',

package/dist/{constants-e6409334.cjs.prod.js → constants-a3c2194a.cjs.prod.js}

@@ -36,7 +36,8 @@ const STORAGE_KEYS = {
   ACTIVE_TEAM_ID: 'activeTeamId',
   SELECTED_DATA_LOCALE: 'selectedDataLocale',
   IS_FORCED_MENU_OPEN: 'isForcedMenuOpen',
-  LOGIN_STRATEGY: 'loginStrategy'
+  LOGIN_STRATEGY: 'loginStrategy',
+  IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED: 'isNewDesignReleaseNotificationClosed'
 };
 const SUSPENSION_REASONS = {
   TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',

package/dist/{constants-e6f058e5.cjs.dev.js → constants-b201d328.cjs.dev.js}

@@ -36,7 +36,8 @@ const STORAGE_KEYS = {
   ACTIVE_TEAM_ID: 'activeTeamId',
   SELECTED_DATA_LOCALE: 'selectedDataLocale',
   IS_FORCED_MENU_OPEN: 'isForcedMenuOpen',
-  LOGIN_STRATEGY: 'loginStrategy'
+  LOGIN_STRATEGY: 'loginStrategy',
+  IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED: 'isNewDesignReleaseNotificationClosed'
 };
 const SUSPENSION_REASONS = {
   TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',

package/dist/declarations/src/components/theme-switcher/messages.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: {
+        id: string;
+        defaultMessage: string;
+    };
+    content: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/components/theme-switcher/new-design-release-info-dialog.d.ts

@@ -0,0 +1,5 @@
+type TNewDesignReleaseInfoDialog = {
+    onClose: () => void;
+};
+declare const NewDesignReleaseInfoDialog: (props: TNewDesignReleaseInfoDialog) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default NewDesignReleaseInfoDialog;

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

@@ -35,6 +35,7 @@ export declare const STORAGE_KEYS: {
     readonly SELECTED_DATA_LOCALE: "selectedDataLocale";
     readonly IS_FORCED_MENU_OPEN: "isForcedMenuOpen";
     readonly LOGIN_STRATEGY: "loginStrategy";
+    readonly IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED: "isNewDesignReleaseNotificationClosed";
 };
 export declare const SUSPENSION_REASONS: {
     readonly TEMPORARY_MAINTENANCE: "TemporaryMaintenance";

package/dist/{index-90509897.cjs.prod.js → index-1383bdf9.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var configureApollo = require('./configure-apollo-709a05c9.cjs.prod.js');
+var configureApollo = require('./configure-apollo-49d386ca.cjs.prod.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-e6409334.cjs.prod.js');
+var constants = require('./constants-a3c2194a.cjs.prod.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-540a091a.cjs.prod.js');
+var oidc = require('./oidc-6c79100b.cjs.prod.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-cea6ef4a.cjs.prod.js'
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-31bbb634.cjs.prod.js'
 /* webpackChunkName: "requests-in-flight-loader" */
 ); }));
 
@@ -455,7 +455,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-45acb005.cjs.prod.js'
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-59905161.cjs.prod.js'
 /* webpackChunkName: "user-settings-menu" */
 ); }));
 
@@ -664,7 +664,7 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-153cb4ba.cjs.prod.js'
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-3b87603a.cjs.prod.js'
 /* webpackChunkName: "navbar" */
 ); }));
 
@@ -1106,7 +1106,7 @@ const LoadingNavBar = () => {
 
 LoadingNavBar.displayName = 'LoadingNavBar';
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-d7613e23.cjs.prod.js'
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-90f4db39.cjs.prod.js'
 /* webpackChunkName: "project-container" */
 ); }));
 
@@ -1236,7 +1236,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-ca46617f.cjs.prod.js'
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-add7ae24.cjs.prod.js'
 /* webpackChunkName: "quick-access" */
 ); }));
 
@@ -1328,7 +1328,7 @@ const QuickAccessTrigger = props => {
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-90177c4e.cjs.prod.js'
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-43b84f27.cjs.prod.js'
 /* webpackChunkName: "redirect-to-logout" */
 ); }));
 
@@ -1486,16 +1486,39 @@ const SetupFlopFlipProvider = props => {
 SetupFlopFlipProvider.propTypes = {};
 SetupFlopFlipProvider.displayName = 'SetupFlopFlipProvider';
 
+const NewDesignReleaseInfoDialog = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./new-design-release-info-dialog-879a4af8.cjs.prod.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-21764aaa.cjs.prod.js'
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-515b62f3.cjs.prod.js'
 /* webpackChunkName: "version-tracker" */
 ); }));
 
@@ -1999,7 +2022,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-dbdfdd52.cjs.prod.js'
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-45c9455d.cjs.prod.js'
 /* webpackChunkName: "oidc-callback" */
 ); }));
 
@@ -2167,7 +2190,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-e89133da.cjs.prod.js'
+const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-b667b8cd.cjs.prod.js'
 /* webpackChunkName: "redirect-to-login" */
 ); }));
 

package/dist/{index-8b1929c9.esm.js → index-67a9e304.esm.js}

@@ -1,4 +1,4 @@
-import { g as getMcApiUrl, s as setActiveProjectKey, a as selectProjectKeyFromUrl, R as RouteCatchAll, b as getActiveProjectKey, r as removeActiveProjectKey, c as getSessionScope, d as createApolloClient, i as internalReduxStore, e as setCachedApolloClient, f as applicationShellVersion } from './configure-apollo-faeb9a07.esm.js';
+import { g as getMcApiUrl, s as setActiveProjectKey, a as selectProjectKeyFromUrl, R as RouteCatchAll, b as getActiveProjectKey, r as removeActiveProjectKey, c as getSessionScope, d as createApolloClient, i as internalReduxStore, e as setCachedApolloClient, f as applicationShellVersion } from './configure-apollo-034f9603.esm.js';
 import _pt from 'prop-types';
 import { lazy, useEffect, forwardRef, useLayoutEffect, useRef, useState, useCallback, Component, Suspense, useMemo } from 'react';
 import { NavLink, useLocation, Route, Switch, Redirect, Router, useRouteMatch, useHistory, generatePath } from 'react-router-dom';
@@ -22,7 +22,7 @@ import { GRAPHQL_TARGETS, NO_VALUE_FALLBACK, LOGOUT_REASONS, DOMAINS } from '@co
 import { AsyncLocaleData } from '@commercetools-frontend/i18n';
 import { NotificationsList } from '@commercetools-frontend/react-notifications';
 import { reportErrorToSentry, SentryUserTracker, boot } from '@commercetools-frontend/sentry';
-import { S as STORAGE_KEYS, D as DIMENSIONS, C as CONTAINERS, O as OIDC_CLAIMS } from './constants-7f04db3f.esm.js';
+import { S as STORAGE_KEYS, D as DIMENSIONS, C as CONTAINERS, O as OIDC_CLAIMS } from './constants-940f343f.esm.js';
 import 'uuid';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
@@ -71,14 +71,14 @@ import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/insta
 import { Provider, useStore } from 'react-redux';
 import history from '@commercetools-frontend/browser-history';
 import upperFirst from 'lodash/upperFirst';
-import { b as buildOidcScope } from './oidc-10fa96f0.esm.js';
+import { b as buildOidcScope } from './oidc-77115492.esm.js';
 import '@commercetools-uikit/design-system/materials/resets.css';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import { showUnexpectedErrorNotification } from '@commercetools-frontend/actions-global';
 import '@commercetools-frontend/application-config/ssr';
 
-const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-d53a4f5c.esm.js'
+const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-2b34990f.esm.js'
 /* webpackChunkName: "requests-in-flight-loader" */
 ));
 
@@ -433,7 +433,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__*/lazy(() => import('./user-settings-menu-33277bec.esm.js'
+const UserSettingsMenu = /*#__PURE__*/lazy(() => import('./user-settings-menu-31d69ebc.esm.js'
 /* webpackChunkName: "user-settings-menu" */
 ));
 
@@ -657,7 +657,7 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/lazy(() => import('./navbar-ee6d9597.esm.js'
+const Navbar = /*#__PURE__*/lazy(() => import('./navbar-5843dcbd.esm.js'
 /* webpackChunkName: "navbar" */
 ));
 
@@ -1144,7 +1144,7 @@ const LoadingNavBar = () => {
 
 LoadingNavBar.displayName = 'LoadingNavBar';
 
-const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-cb1a00c7.esm.js'
+const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-661eb3d0.esm.js'
 /* webpackChunkName: "project-container" */
 ));
 
@@ -1287,7 +1287,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/lazy(() => import('./quick-access-bc72277b.esm.js'
+const QuickAccess = /*#__PURE__*/lazy(() => import('./quick-access-3fa6fa1f.esm.js'
 /* webpackChunkName: "quick-access" */
 ));
 
@@ -1381,7 +1381,7 @@ QuickAccessTrigger.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-b4f76ad8.esm.js'
+const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-d24071c9.esm.js'
 /* webpackChunkName: "redirect-to-logout" */
 ));
 
@@ -1564,16 +1564,39 @@ SetupFlopFlipProvider.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 SetupFlopFlipProvider.displayName = 'SetupFlopFlipProvider';
 
+const NewDesignReleaseInfoDialog = /*#__PURE__*/lazy(() => import('./new-design-release-info-dialog-6e19106c.esm.js'));
+
+function useDisableRedesignAnnouncement() {
+  const disableRedesignAnnouncement = useApplicationContext(context => context.environment.disableRedesignAnnouncement);
+  return Boolean(disableRedesignAnnouncement);
+}
+
 const ThemeSwitcher = () => {
   const isNewThemeEnabled = useFeatureToggle(UI_REDESIGN);
+  const isRedesignAnnouncementDisabled = useDisableRedesignAnnouncement();
   const theme = isNewThemeEnabled ? 'test' : 'default';
-  return jsx(ThemeProvider, {
-    theme: theme,
-    themeOverrides: themesOverrides[theme]
+
+  const _useState = useState(window.localStorage.getItem(STORAGE_KEYS.IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED) === 'true'),
+        _useState2 = _slicedToArray(_useState, 2),
+        hasUserSeenNewDesignReleaseNotificationDialog = _useState2[0],
+        setHasUserSeenNewDesignReleaseNotificationDialog = _useState2[1];
+
+  const handleCloseDialog = () => {
+    window.localStorage.setItem(STORAGE_KEYS.IS_NEW_DESIGN_RELEASE_NOTIFICATION_CLOSED, 'true');
+    setHasUserSeenNewDesignReleaseNotificationDialog(true);
+  };
+
+  return jsxs(Fragment, {
+    children: [jsx(ThemeProvider, {
+      theme: theme,
+      themeOverrides: themesOverrides[theme]
+    }), !isRedesignAnnouncementDisabled && !hasUserSeenNewDesignReleaseNotificationDialog && isNewThemeEnabled ? jsx(NewDesignReleaseInfoDialog, {
+      onClose: handleCloseDialog
+    }) : null]
   });
 };
 
-const VersionTracker = /*#__PURE__*/lazy(() => import('./version-tracker-7caaf7be.esm.js'
+const VersionTracker = /*#__PURE__*/lazy(() => import('./version-tracker-2d2a4f31.esm.js'
 /* webpackChunkName: "version-tracker" */
 ));
 
@@ -2114,7 +2137,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-48bc2d46.esm.js'
+const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-76009a34.esm.js'
 /* webpackChunkName: "oidc-callback" */
 ));
 
@@ -2285,7 +2308,7 @@ ApplicationShellProvider.displayName = 'ApplicationShellProvider'; // This is us
 
 ApplicationShellProvider.history = history;
 
-const RedirectToLogin = /*#__PURE__*/lazy(() => import('./redirect-to-login-6b534edc.esm.js'
+const RedirectToLogin = /*#__PURE__*/lazy(() => import('./redirect-to-login-b867a3e1.esm.js'
 /* webpackChunkName: "redirect-to-login" */
 ));