@commercetools-frontend/application-shell 22.17.2 → 22.19.0

package/dist/{project-container-a7b22509.cjs.prod.js → project-container-554de6c1.cjs.prod.js}

@@ -12,7 +12,7 @@ var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var oidc = require('./oidc-cfa56c46.cjs.prod.js');
 var applicationEntryPoint = require('./application-entry-point-bde45acf.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-3d6cf404.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-e452a65f.cjs.prod.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');
@@ -21,18 +21,21 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 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 _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var react$1 = require('@emotion/react');
 var reactSelect = require('react-select');
+var applicationComponents = require('@commercetools-frontend/application-components');
 var AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
 var designSystem = require('@commercetools-uikit/design-system');
+var IconButton = require('@commercetools-uikit/icon-button');
 var icons = require('@commercetools-uikit/icons');
 var SelectInput = require('@commercetools-uikit/select-input');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('tiny-invariant');
-require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
 require('./index-6cd618cc.cjs.prod.js');
@@ -54,14 +57,12 @@ require('redux-logger');
 require('@emotion/styled/base');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('@emotion/react');
 require('@commercetools-frontend/i18n');
 require('@babel/runtime-corejs3/core-js-stable/url');
-require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
 require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
-require('@babel/runtime-corejs3/helpers/extends');
 require('memoize-one');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
@@ -83,6 +84,7 @@ require('@flopflip/react-broadcast');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');
+require('@flopflip/memory-adapter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('@commercetools-frontend/actions-global');
@@ -101,30 +103,41 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
+var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
 var SelectInput__default = /*#__PURE__*/_interopDefault(SelectInput);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
 
 var messages$1 = reactIntl.defineMessages({
   localesLabel: {
     id: 'LocaleSwitcher.localesLabel',
     description: 'The label for project dropdown switcher',
-    defaultMessage: 'Locales menu'
+    defaultMessage: 'Locales'
+  },
+  dialogLocaleTitle: {
+    id: 'LocaleSwitcher.dialogLocaleTitle',
+    description: 'The title for the data locale dialog',
+    defaultMessage: 'Selecting a data locale'
+  },
+  dialogLocaleDescription: {
+    id: 'LocaleSwitcher.dialogLocaleDescription',
+    description: 'The description for the data locale dialog',
+    defaultMessage: "The selected data locale will serve as the default setting for all localized fields within the Merchant Center, including names, descriptions, and other localized attributes. <newline></newline><newline></newline> It's important to note that this selection does not affect the interface language of the Merchant Center or any data formatting options. To modify these settings, navigate to your user profile."
   }
 });
 
+const _excluded = ["setIsOpen"];
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const LOCALE_SWITCHER_LABEL_ID = 'locale-switcher-label';
-var _ref = {
-  name: "lmfqdl",
-  styles: "flex:1;align-items:center;display:flex"
-} ;
 const SingleValue = props => {
-  return jsxRuntime.jsxs("div", {
-    css: _ref,
+  return jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+    scale: "xs",
+    alignItems: "center",
     children: [jsxRuntime.jsx(icons.WorldIcon, {
       size: "big"
-    }), jsxRuntime.jsx("span", {
-      css: /*#__PURE__*/react$1.css("margin-left:2px;flex:1;color:", designSystem.designTokens.colorAccent, ";" + ("" ), "" ),
+    }), jsxRuntime.jsx(Text__default["default"].Body, {
+      fontWeight: "medium",
       children: props.children
     })]
   });
@@ -144,12 +157,46 @@ const CustomMenuList = props => {
     children: props.children
   }));
 };
+const CustomGroupHeading = props => {
+  const setIsOpen = props.setIsOpen,
+    groupProps = _objectWithoutProperties(props, _excluded);
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: jsxRuntime.jsx(reactSelect.components.GroupHeading, _objectSpread(_objectSpread({}, groupProps), {}, {
+      children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+        scale: "xs",
+        alignItems: "center",
+        children: [jsxRuntime.jsx("span", {
+          children: groupProps.children
+        }), jsxRuntime.jsx(IconButton__default["default"], {
+          icon: jsxRuntime.jsx(icons.InformationIcon, {}),
+          label: "Locales info",
+          size: "small",
+          onClick: () => setIsOpen(true)
+        })]
+      })
+    }))
+  });
+};
+CustomGroupHeading.displayName = 'CustomGroupHeading';
 const LocaleSwitcher = props => {
   var _context;
+  const _useModalState = applicationComponents.useModalState(),
+    isModalOpen = _useModalState.isModalOpen,
+    openModal = _useModalState.openModal,
+    closeModal = _useModalState.closeModal;
   const setProjectDataLocale = props.setProjectDataLocale;
+  const getNewLine = () => jsxRuntime.jsx("br", {});
+  const intl = reactIntl.useIntl();
   const handleSelection = react.useCallback(event => {
     setProjectDataLocale(event.target.value);
   }, [setProjectDataLocale]);
+  const localeOptions = [{
+    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages$1.localesLabel)),
+    options: _mapInstanceProperty__default["default"](_context = props.availableLocales).call(_context, locale => ({
+      label: locale,
+      value: locale
+    }))
+  }];
   return jsxRuntime.jsxs("div", {
     children: [jsxRuntime.jsx(AccessibleHidden__default["default"], {
       children: jsxRuntime.jsx("span", {
@@ -161,33 +208,45 @@ const LocaleSwitcher = props => {
       name: "locale-switcher",
       "aria-labelledby": LOCALE_SWITCHER_LABEL_ID,
       onChange: handleSelection,
-      options: _mapInstanceProperty__default["default"](_context = props.availableLocales).call(_context, locale => ({
-        label: locale,
-        value: locale
-      })),
+      options: localeOptions,
       components: {
         SingleValue,
         ValueContainer: PatchedValueContainer,
-        MenuList: CustomMenuList
+        MenuList: CustomMenuList,
+        GroupHeading: groupProps => jsxRuntime.jsx(CustomGroupHeading, _objectSpread(_objectSpread({}, groupProps), {}, {
+          setIsOpen: openModal
+        }))
       },
       isClearable: false,
       backspaceRemovesValue: false,
       isSearchable: false,
       horizontalConstraint: 'auto',
       appearance: "quiet",
-      maxMenuHeight: 360
+      maxMenuHeight: 360,
+      minMenuWidth: 3
+    }), jsxRuntime.jsx(applicationComponents.InfoDialog, {
+      isOpen: isModalOpen,
+      title: intl.formatMessage(messages$1.dialogLocaleTitle),
+      onClose: closeModal,
+      children: jsxRuntime.jsx(Text__default["default"].Body, {
+        intlMessage: _objectSpread(_objectSpread({}, messages$1.dialogLocaleDescription), {}, {
+          values: {
+            newline: getNewLine
+          }
+        })
+      })
     })]
   });
 };
 LocaleSwitcher.propTypes = {};
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-198fe545.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-5f2aa2af.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-aee676f3.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-e58533fe.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-855e47a8.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-8bb6ed39.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-3ef95f71.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-97719959.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {

package/dist/{project-container-695b6d00.esm.js → project-container-8cb0493d.esm.js}

@@ -3,14 +3,14 @@ import _pt from 'prop-types';
 import { useCallback, lazy, useState, useEffect, Suspense } from 'react';
 import isNil from 'lodash/isNil';
 import ReactDOM from 'react-dom';
-import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
+import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { useLocation, useRouteMatch, Redirect, Switch, Route } from 'react-router-dom';
 import { ApplicationContextProvider } from '@commercetools-frontend/application-shell-connectors';
 import { STORAGE_KEYS, LOGOUT_REASONS, DOMAINS } from '@commercetools-frontend/constants';
 import { Notifier } from '@commercetools-frontend/react-notifications';
 import { C as CONTAINERS, S as SUSPENSION_REASONS } from './oidc-ff53dfd3.esm.js';
 import { A as ApplicationEntryPoint } from './application-entry-point-3613e4a5.esm.js';
-import { a as RedirectToProjectCreate, E as ErrorBoundary, b as ApplicationLoader, F as FetchProject, P as ProjectDataLocale } from './index-5f138907.esm.js';
+import { a as RedirectToProjectCreate, E as ErrorBoundary, b as ApplicationLoader, F as FetchProject, P as ProjectDataLocale } from './index-fe5ba32e.esm.js';
 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';
@@ -19,18 +19,21 @@ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/inst
 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 _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import { css } from '@emotion/react';
 import { components } from 'react-select';
+import { useModalState, InfoDialog } from '@commercetools-frontend/application-components';
 import AccessibleHidden from '@commercetools-uikit/accessible-hidden';
 import { designTokens } from '@commercetools-uikit/design-system';
-import { WorldIcon } from '@commercetools-uikit/icons';
+import IconButton from '@commercetools-uikit/icon-button';
+import { WorldIcon, InformationIcon } from '@commercetools-uikit/icons';
 import SelectInput from '@commercetools-uikit/select-input';
-import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
+import Spacings from '@commercetools-uikit/spacings';
+import Text from '@commercetools-uikit/text';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'tiny-invariant';
-import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/application-config/ssr';
 import '@commercetools-frontend/permissions';
 import './index-89e5711a.esm.js';
@@ -52,14 +55,12 @@ import 'redux-logger';
 import '@emotion/styled/base';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/array/is-array';
+import '@emotion/react';
 import '@commercetools-frontend/i18n';
 import '@babel/runtime-corejs3/core-js-stable/url';
-import '@commercetools-uikit/spacings';
 import '@commercetools-uikit/flat-button';
 import './use-is-served-by-proxy-77984220.esm.js';
 import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
-import '@babel/runtime-corejs3/helpers/objectDestructuringEmpty';
-import '@babel/runtime-corejs3/helpers/extends';
 import 'memoize-one';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-uikit/loading-spinner';
@@ -81,6 +82,7 @@ import '@flopflip/react-broadcast';
 import 'react-redux';
 import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';
+import '@flopflip/memory-adapter';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@babel/runtime-corejs3/core-js-stable/instance/some';
 import '@commercetools-frontend/actions-global';
@@ -89,30 +91,32 @@ var messages$1 = defineMessages({
   localesLabel: {
     id: 'LocaleSwitcher.localesLabel',
     description: 'The label for project dropdown switcher',
-    defaultMessage: 'Locales menu'
+    defaultMessage: 'Locales'
+  },
+  dialogLocaleTitle: {
+    id: 'LocaleSwitcher.dialogLocaleTitle',
+    description: 'The title for the data locale dialog',
+    defaultMessage: 'Selecting a data locale'
+  },
+  dialogLocaleDescription: {
+    id: 'LocaleSwitcher.dialogLocaleDescription',
+    description: 'The description for the data locale dialog',
+    defaultMessage: "The selected data locale will serve as the default setting for all localized fields within the Merchant Center, including names, descriptions, and other localized attributes. <newline></newline><newline></newline> It's important to note that this selection does not affect the interface language of the Merchant Center or any data formatting options. To modify these settings, navigate to your user profile."
   }
 });
 
+const _excluded = ["setIsOpen"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { 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)."; }
 const LOCALE_SWITCHER_LABEL_ID = 'locale-switcher-label';
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "lmfqdl",
-  styles: "flex:1;align-items:center;display:flex"
-} : {
-  name: "v1qg5m-SingleValue",
-  styles: "flex:1;align-items:center;display:flex;label:SingleValue;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsZS1zd2l0Y2hlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6ImxvY2FsZS1zd2l0Y2hlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB0eXBlIHtcbiAgU2luZ2xlVmFsdWVQcm9wcyxcbiAgVmFsdWVDb250YWluZXJQcm9wcyxcbiAgTWVudUxpc3RQcm9wcyxcbn0gZnJvbSAncmVhY3Qtc2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IEFjY2Vzc2libGVIaWRkZW4gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1oaWRkZW4nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBXb3JsZEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgU2VsZWN0SW5wdXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc2VsZWN0LWlucHV0JztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgcHJvamVjdERhdGFMb2NhbGU6IHN0cmluZztcbiAgc2V0UHJvamVjdERhdGFMb2NhbGU6IChsb2NhbGU6IHN0cmluZykgPT4gdm9pZDtcbiAgYXZhaWxhYmxlTG9jYWxlczogc3RyaW5nW107XG59O1xuXG5jb25zdCBMT0NBTEVfU1dJVENIRVJfTEFCRUxfSUQgPSAnbG9jYWxlLXN3aXRjaGVyLWxhYmVsJztcblxuZXhwb3J0IGNvbnN0IFNpbmdsZVZhbHVlID0gKHByb3BzOiBTaW5nbGVWYWx1ZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXg6IDE7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxXb3JsZEljb24gc2l6ZT1cImJpZ1wiIC8+XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMnB4O1xuICAgICAgICAgIGZsZXg6IDE7XG4gICAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50fTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICApO1xufTtcblNpbmdsZVZhbHVlLmRpc3BsYXlOYW1lID0gJ1NpbmdsZVZhbHVlJztcblxuY29uc3QgUGF0Y2hlZFZhbHVlQ29udGFpbmVyID0gKHByb3BzOiBWYWx1ZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxTZWxlY3RJbnB1dC5WYWx1ZUNvbnRhaW5lclxuICAgIHsuLi5wcm9wc31cbiAgICBpbm5lclByb3BzPXt7XG4gICAgICBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcsIGZvbnRXZWlnaHQ6IGRlc2lnblRva2Vucy5mb250V2VpZ2h0NTAwIH0sXG4gICAgfX1cbiAgLz5cbik7XG5QYXRjaGVkVmFsdWVDb250YWluZXIuZGlzcGxheU5hbWUgPSAnUGF0Y2hlZFZhbHVlQ29udGFpbmVyJztcblxuY29uc3QgQ3VzdG9tTWVudUxpc3QgPSAocHJvcHM6IE1lbnVMaXN0UHJvcHMpID0+IHtcbiAgcmV0dXJuIDxjb21wb25lbnRzLk1lbnVMaXN0IHsuLi5wcm9wc30+e3Byb3BzLmNoaWxkcmVufTwvY29tcG9uZW50cy5NZW51TGlzdD47XG59O1xuXG5jb25zdCBMb2NhbGVTd2l0Y2hlciA9IChwcm9wczogUHJvcHMpID0+IHtcbiAgY29uc3QgeyBzZXRQcm9qZWN0RGF0YUxvY2FsZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGhhbmRsZVNlbGVjdGlvbiA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgc2V0UHJvamVjdERhdGFMb2NhbGUoZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgICB9LFxuICAgIFtzZXRQcm9qZWN0RGF0YUxvY2FsZV1cbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPEFjY2Vzc2libGVIaWRkZW4+XG4gICAgICAgIDxzcGFuIGlkPXtMT0NBTEVfU1dJVENIRVJfTEFCRUxfSUR9PlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5sb2NhbGVzTGFiZWx9IC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvQWNjZXNzaWJsZUhpZGRlbj5cbiAgICAgIDxTZWxlY3RJbnB1dFxuICAgICAgICB2YWx1ZT17cHJvcHMucHJvamVjdERhdGFMb2NhbGV9XG4gICAgICAgIG5hbWU9XCJsb2NhbGUtc3dpdGNoZXJcIlxuICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e0xPQ0FMRV9TV0lUQ0hFUl9MQUJFTF9JRH1cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVNlbGVjdGlvbn1cbiAgICAgICAgb3B0aW9ucz17cHJvcHMuYXZhaWxhYmxlTG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4gKHtcbiAgICAgICAgICBsYWJlbDogbG9jYWxlLFxuICAgICAgICAgIHZhbHVlOiBsb2NhbGUsXG4gICAgICAgIH0pKX1cbiAgICAgICAgY29tcG9uZW50cz17e1xuICAgICAgICAgIFNpbmdsZVZhbHVlLFxuICAgICAgICAgIFZhbHVlQ29udGFpbmVyOiBQYXRjaGVkVmFsdWVDb250YWluZXIsXG4gICAgICAgICAgTWVudUxpc3Q6IEN1c3RvbU1lbnVMaXN0LFxuICAgICAgICB9fVxuICAgICAgICBpc0NsZWFyYWJsZT17ZmFsc2V9XG4gICAgICAgIGJhY2tzcGFjZVJlbW92ZXNWYWx1ZT17ZmFsc2V9XG4gICAgICAgIGlzU2VhcmNoYWJsZT17ZmFsc2V9XG4gICAgICAgIGhvcml6b250YWxDb25zdHJhaW50PXsnYXV0byd9XG4gICAgICAgIGFwcGVhcmFuY2U9XCJxdWlldFwiXG4gICAgICAgIG1heE1lbnVIZWlnaHQ9ezM2MH1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMb2NhbGVTd2l0Y2hlcjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
 const SingleValue = props => {
-  return jsxs("div", {
-    css: _ref,
+  return jsxs(Spacings.Inline, {
+    scale: "xs",
+    alignItems: "center",
     children: [jsx(WorldIcon, {
       size: "big"
-    }), jsx("span", {
-      css: /*#__PURE__*/css("margin-left:2px;flex:1;color:", designTokens.colorAccent, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SingleValue;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsZS1zd2l0Y2hlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnQiIsImZpbGUiOiJsb2NhbGUtc3dpdGNoZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgdHlwZSB7XG4gIFNpbmdsZVZhbHVlUHJvcHMsXG4gIFZhbHVlQ29udGFpbmVyUHJvcHMsXG4gIE1lbnVMaXN0UHJvcHMsXG59IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBjb21wb25lbnRzIH0gZnJvbSAncmVhY3Qtc2VsZWN0JztcbmltcG9ydCBBY2Nlc3NpYmxlSGlkZGVuIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtaGlkZGVuJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgV29ybGRJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNlbGVjdElucHV0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NlbGVjdC1pbnB1dCc7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHByb2plY3REYXRhTG9jYWxlOiBzdHJpbmc7XG4gIHNldFByb2plY3REYXRhTG9jYWxlOiAobG9jYWxlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGF2YWlsYWJsZUxvY2FsZXM6IHN0cmluZ1tdO1xufTtcblxuY29uc3QgTE9DQUxFX1NXSVRDSEVSX0xBQkVMX0lEID0gJ2xvY2FsZS1zd2l0Y2hlci1sYWJlbCc7XG5cbmV4cG9ydCBjb25zdCBTaW5nbGVWYWx1ZSA9IChwcm9wczogU2luZ2xlVmFsdWVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8V29ybGRJY29uIHNpemU9XCJiaWdcIiAvPlxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDJweDtcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckFjY2VudH07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5TaW5nbGVWYWx1ZS5kaXNwbGF5TmFtZSA9ICdTaW5nbGVWYWx1ZSc7XG5cbmNvbnN0IFBhdGNoZWRWYWx1ZUNvbnRhaW5lciA9IChwcm9wczogVmFsdWVDb250YWluZXJQcm9wcykgPT4gKFxuICA8U2VsZWN0SW5wdXQuVmFsdWVDb250YWluZXJcbiAgICB7Li4ucHJvcHN9XG4gICAgaW5uZXJQcm9wcz17e1xuICAgICAgc3R5bGU6IHsgZGlzcGxheTogJ2ZsZXgnLCBmb250V2VpZ2h0OiBkZXNpZ25Ub2tlbnMuZm9udFdlaWdodDUwMCB9LFxuICAgIH19XG4gIC8+XG4pO1xuUGF0Y2hlZFZhbHVlQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1BhdGNoZWRWYWx1ZUNvbnRhaW5lcic7XG5cbmNvbnN0IEN1c3RvbU1lbnVMaXN0ID0gKHByb3BzOiBNZW51TGlzdFByb3BzKSA9PiB7XG4gIHJldHVybiA8Y29tcG9uZW50cy5NZW51TGlzdCB7Li4ucHJvcHN9Pntwcm9wcy5jaGlsZHJlbn08L2NvbXBvbmVudHMuTWVudUxpc3Q+O1xufTtcblxuY29uc3QgTG9jYWxlU3dpdGNoZXIgPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgc2V0UHJvamVjdERhdGFMb2NhbGUgfSA9IHByb3BzO1xuICBjb25zdCBoYW5kbGVTZWxlY3Rpb24gPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIHNldFByb2plY3REYXRhTG9jYWxlKGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gICAgfSxcbiAgICBbc2V0UHJvamVjdERhdGFMb2NhbGVdXG4gICk7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxBY2Nlc3NpYmxlSGlkZGVuPlxuICAgICAgICA8c3BhbiBpZD17TE9DQUxFX1NXSVRDSEVSX0xBQkVMX0lEfT5cbiAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ubWVzc2FnZXMubG9jYWxlc0xhYmVsfSAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L0FjY2Vzc2libGVIaWRkZW4+XG4gICAgICA8U2VsZWN0SW5wdXRcbiAgICAgICAgdmFsdWU9e3Byb3BzLnByb2plY3REYXRhTG9jYWxlfVxuICAgICAgICBuYW1lPVwibG9jYWxlLXN3aXRjaGVyXCJcbiAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtMT0NBTEVfU1dJVENIRVJfTEFCRUxfSUR9XG4gICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVTZWxlY3Rpb259XG4gICAgICAgIG9wdGlvbnM9e3Byb3BzLmF2YWlsYWJsZUxvY2FsZXMubWFwKChsb2NhbGUpID0+ICh7XG4gICAgICAgICAgbGFiZWw6IGxvY2FsZSxcbiAgICAgICAgICB2YWx1ZTogbG9jYWxlLFxuICAgICAgICB9KSl9XG4gICAgICAgIGNvbXBvbmVudHM9e3tcbiAgICAgICAgICBTaW5nbGVWYWx1ZSxcbiAgICAgICAgICBWYWx1ZUNvbnRhaW5lcjogUGF0Y2hlZFZhbHVlQ29udGFpbmVyLFxuICAgICAgICAgIE1lbnVMaXN0OiBDdXN0b21NZW51TGlzdCxcbiAgICAgICAgfX1cbiAgICAgICAgaXNDbGVhcmFibGU9e2ZhbHNlfVxuICAgICAgICBiYWNrc3BhY2VSZW1vdmVzVmFsdWU9e2ZhbHNlfVxuICAgICAgICBpc1NlYXJjaGFibGU9e2ZhbHNlfVxuICAgICAgICBob3Jpem9udGFsQ29uc3RyYWludD17J2F1dG8nfVxuICAgICAgICBhcHBlYXJhbmNlPVwicXVpZXRcIlxuICAgICAgICBtYXhNZW51SGVpZ2h0PXszNjB9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTG9jYWxlU3dpdGNoZXI7XG4iXX0= */"),
+    }), jsx(Text.Body, {
+      fontWeight: "medium",
       children: props.children
     })]
   });
@@ -132,12 +136,46 @@ const CustomMenuList = props => {
     children: props.children
   }));
 };
+const CustomGroupHeading = props => {
+  const setIsOpen = props.setIsOpen,
+    groupProps = _objectWithoutProperties(props, _excluded);
+  return jsx(Fragment, {
+    children: jsx(components.GroupHeading, _objectSpread(_objectSpread({}, groupProps), {}, {
+      children: jsxs(Spacings.Inline, {
+        scale: "xs",
+        alignItems: "center",
+        children: [jsx("span", {
+          children: groupProps.children
+        }), jsx(IconButton, {
+          icon: jsx(InformationIcon, {}),
+          label: "Locales info",
+          size: "small",
+          onClick: () => setIsOpen(true)
+        })]
+      })
+    }))
+  });
+};
+CustomGroupHeading.displayName = 'CustomGroupHeading';
 const LocaleSwitcher = props => {
   var _context;
+  const _useModalState = useModalState(),
+    isModalOpen = _useModalState.isModalOpen,
+    openModal = _useModalState.openModal,
+    closeModal = _useModalState.closeModal;
   const setProjectDataLocale = props.setProjectDataLocale;
+  const getNewLine = () => jsx("br", {});
+  const intl = useIntl();
   const handleSelection = useCallback(event => {
     setProjectDataLocale(event.target.value);
   }, [setProjectDataLocale]);
+  const localeOptions = [{
+    label: jsx(FormattedMessage, _objectSpread({}, messages$1.localesLabel)),
+    options: _mapInstanceProperty(_context = props.availableLocales).call(_context, locale => ({
+      label: locale,
+      value: locale
+    }))
+  }];
   return jsxs("div", {
     children: [jsx(AccessibleHidden, {
       children: jsx("span", {
@@ -149,21 +187,33 @@ const LocaleSwitcher = props => {
       name: "locale-switcher",
       "aria-labelledby": LOCALE_SWITCHER_LABEL_ID,
       onChange: handleSelection,
-      options: _mapInstanceProperty(_context = props.availableLocales).call(_context, locale => ({
-        label: locale,
-        value: locale
-      })),
+      options: localeOptions,
       components: {
         SingleValue,
         ValueContainer: PatchedValueContainer,
-        MenuList: CustomMenuList
+        MenuList: CustomMenuList,
+        GroupHeading: groupProps => jsx(CustomGroupHeading, _objectSpread(_objectSpread({}, groupProps), {}, {
+          setIsOpen: openModal
+        }))
       },
       isClearable: false,
       backspaceRemovesValue: false,
       isSearchable: false,
       horizontalConstraint: 'auto',
       appearance: "quiet",
-      maxMenuHeight: 360
+      maxMenuHeight: 360,
+      minMenuWidth: 3
+    }), jsx(InfoDialog, {
+      isOpen: isModalOpen,
+      title: intl.formatMessage(messages$1.dialogLocaleTitle),
+      onClose: closeModal,
+      children: jsx(Text.Body, {
+        intlMessage: _objectSpread(_objectSpread({}, messages$1.dialogLocaleDescription), {}, {
+          values: {
+            newline: getNewLine
+          }
+        })
+      })
     })]
   });
 };
@@ -173,13 +223,13 @@ LocaleSwitcher.propTypes = process.env.NODE_ENV !== "production" ? {
   availableLocales: _pt.arrayOf(_pt.string).isRequired
 } : {};
 
-const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-4a84dc5d.esm.js' /* webpackChunkName: "project-expired" */));
+const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-0424eced.esm.js' /* webpackChunkName: "project-expired" */));
 
-const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-43c7b3d9.esm.js' /* webpackChunkName: "project-not-found" */));
+const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-5b22b7b6.esm.js' /* webpackChunkName: "project-not-found" */));
 
-const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-3f005d66.esm.js' /* webpackChunkName: "project-not-initialized" */));
+const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-a94f1b5f.esm.js' /* webpackChunkName: "project-not-initialized" */));
 
-const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-030ffee4.esm.js' /* webpackChunkName: "project-suspended" */));
+const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-11c0922f.esm.js' /* webpackChunkName: "project-suspended" */));
 
 var messages = defineMessages({
   trialDaysLeft: {

package/dist/{project-expired-4a84dc5d.esm.js → project-expired-0424eced.esm.js}

@@ -9,13 +9,15 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
+import ProjectExpiredIllustrationRebranding from '@commercetools-frontend/assets/images/hourglass-rebranding.svg';
 import ProjectExpiredIllustration from '@commercetools-frontend/assets/images/hourglass.svg';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-1b1fa2df.esm.js';
+import { useTheme } from '@commercetools-uikit/design-system';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-d96a616b.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@emotion/styled/base';
 import 'react-router-dom';
 import '@commercetools-frontend/application-shell-connectors';
-import './index-5f138907.esm.js';
+import './index-fe5ba32e.esm.js';
 import 'prop-types';
 import 'react';
 import './index-89e5711a.esm.js';
@@ -45,18 +47,17 @@ import './oidc-ff53dfd3.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
-import '@commercetools-uikit/design-system';
 import '@commercetools-uikit/spacings';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
 import './use-is-served-by-proxy-77984220.esm.js';
 import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
-import '@babel/runtime-corejs3/helpers/objectDestructuringEmpty';
-import '@babel/runtime-corejs3/helpers/extends';
+import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
 import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
+import '@commercetools-uikit/text';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-uikit/loading-spinner';
 import '@commercetools-frontend/browser-history';
@@ -79,6 +80,7 @@ import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';
 import '@commercetools-frontend/application-config/ssr';
 import '@commercetools-frontend/permissions';
+import '@flopflip/memory-adapter';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@babel/runtime-corejs3/core-js-stable/instance/some';
 import '@commercetools-frontend/actions-global';
@@ -104,8 +106,10 @@ const EmailLink = props => jsx("a", {
 EmailLink.displayName = 'EmailLink';
 const ProjectExpired = () => {
   const intl = useIntl();
+  const _useTheme = useTheme(),
+    themedValue = _useTheme.themedValue;
   return jsx(MaintenancePageLayout, {
-    imageSrc: ProjectExpiredIllustration,
+    imageSrc: themedValue(ProjectExpiredIllustration, ProjectExpiredIllustrationRebranding),
     title: jsx(FormattedMessage, _objectSpread({}, messages.title)),
     label: intl.formatMessage(messages.title),
     paragraph1: jsx(FormattedMessage, _objectSpread(_objectSpread({}, messages.paragraph1), {}, {

package/dist/{project-expired-fcc5b863.cjs.dev.js → project-expired-48383ec3.cjs.dev.js}

@@ -11,13 +11,15 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
+var ProjectExpiredIllustrationRebranding = require('@commercetools-frontend/assets/images/hourglass-rebranding.svg');
 var ProjectExpiredIllustration = require('@commercetools-frontend/assets/images/hourglass.svg');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-b35c912b.cjs.dev.js');
+var designSystem = require('@commercetools-uikit/design-system');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-4ebb1a0d.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@emotion/styled/base');
 require('react-router-dom');
 require('@commercetools-frontend/application-shell-connectors');
-require('./index-3a78b6af.cjs.dev.js');
+require('./index-fe871c79.cjs.dev.js');
 require('prop-types');
 require('react');
 require('./index-37a25e51.cjs.dev.js');
@@ -47,18 +49,17 @@ require('./oidc-63e926e1.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
-require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./use-is-served-by-proxy-ed411f45.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
-require('@babel/runtime-corejs3/helpers/extends');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
+require('@commercetools-uikit/text');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
@@ -81,6 +82,7 @@ require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
+require('@flopflip/memory-adapter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('@commercetools-frontend/actions-global');
@@ -95,6 +97,7 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 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 ProjectExpiredIllustrationRebranding__default = /*#__PURE__*/_interopDefault(ProjectExpiredIllustrationRebranding);
 var ProjectExpiredIllustration__default = /*#__PURE__*/_interopDefault(ProjectExpiredIllustration);
 
 var messages = reactIntl.defineMessages({
@@ -118,8 +121,10 @@ const EmailLink = props => jsxRuntime.jsx("a", {
 EmailLink.displayName = 'EmailLink';
 const ProjectExpired = () => {
   const intl = reactIntl.useIntl();
+  const _useTheme = designSystem.useTheme(),
+    themedValue = _useTheme.themedValue;
   return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
-    imageSrc: ProjectExpiredIllustration__default["default"],
+    imageSrc: themedValue(ProjectExpiredIllustration__default["default"], ProjectExpiredIllustrationRebranding__default["default"]),
     title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.title)),
     label: intl.formatMessage(messages.title),
     paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread(_objectSpread({}, messages.paragraph1), {}, {

package/dist/{project-expired-198fe545.cjs.prod.js → project-expired-5f2aa2af.cjs.prod.js}

@@ -11,13 +11,15 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
+var ProjectExpiredIllustrationRebranding = require('@commercetools-frontend/assets/images/hourglass-rebranding.svg');
 var ProjectExpiredIllustration = require('@commercetools-frontend/assets/images/hourglass.svg');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-7cddddfb.cjs.prod.js');
+var designSystem = require('@commercetools-uikit/design-system');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-88dd5edd.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@emotion/styled/base');
 require('react-router-dom');
 require('@commercetools-frontend/application-shell-connectors');
-require('./index-3d6cf404.cjs.prod.js');
+require('./index-e452a65f.cjs.prod.js');
 require('prop-types');
 require('react');
 require('./index-6cd618cc.cjs.prod.js');
@@ -47,18 +49,17 @@ require('./oidc-cfa56c46.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
-require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
-require('@babel/runtime-corejs3/helpers/extends');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
+require('@commercetools-uikit/text');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
@@ -81,6 +82,7 @@ require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
+require('@flopflip/memory-adapter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('@commercetools-frontend/actions-global');
@@ -95,6 +97,7 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 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 ProjectExpiredIllustrationRebranding__default = /*#__PURE__*/_interopDefault(ProjectExpiredIllustrationRebranding);
 var ProjectExpiredIllustration__default = /*#__PURE__*/_interopDefault(ProjectExpiredIllustration);
 
 var messages = reactIntl.defineMessages({
@@ -118,8 +121,10 @@ const EmailLink = props => jsxRuntime.jsx("a", {
 EmailLink.displayName = 'EmailLink';
 const ProjectExpired = () => {
   const intl = reactIntl.useIntl();
+  const _useTheme = designSystem.useTheme(),
+    themedValue = _useTheme.themedValue;
   return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
-    imageSrc: ProjectExpiredIllustration__default["default"],
+    imageSrc: themedValue(ProjectExpiredIllustration__default["default"], ProjectExpiredIllustrationRebranding__default["default"]),
     title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.title)),
     label: intl.formatMessage(messages.title),
     paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread(_objectSpread({}, messages.paragraph1), {}, {