@commercetools-frontend/application-shell 22.2.1 → 22.3.1

package/dist/{plugin-7e57f237.cjs.prod.js → plugin-f199ed20.cjs.prod.js}

@@ -24,9 +24,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 
 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 Icon = props => jsxRuntime.jsx(icons.PluginIcon, _objectSpread({}, props));
 
 exports["default"] = Icon;

package/dist/project-container-26b61532.esm.js

@@ -0,0 +1,335 @@
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+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 { useLocation, useRouteMatch, Redirect, Switch, Route } from 'react-router-dom';
+import { ApplicationContextProvider } from '@commercetools-frontend/application-shell-connectors';
+import { LOGOUT_REASONS, DOMAINS } from '@commercetools-frontend/constants';
+import { Notifier } from '@commercetools-frontend/react-notifications';
+import { C as CONTAINERS, S as STORAGE_KEYS, c as SUSPENSION_REASONS } from './constants-16199962.esm.js';
+import { A as ApplicationEntryPoint } from './application-entry-point-e65e8ca0.esm.js';
+import { g as RedirectToProjectCreate, E as ErrorBoundary, A as ApplicationLoader, h as FetchProject, P as ProjectDataLocale } from './index-5eea3772.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';
+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 _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import { css } from '@emotion/react';
+import AccessibleHidden from '@commercetools-uikit/accessible-hidden';
+import { designTokens } from '@commercetools-uikit/design-system';
+import { WorldIcon } from '@commercetools-uikit/icons';
+import SelectInput from '@commercetools-uikit/select-input';
+import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
+import 'tiny-invariant';
+import '@commercetools-frontend/application-components';
+import '@commercetools-frontend/application-config/ssr';
+import '@commercetools-frontend/permissions';
+import './configure-apollo-972ea75d.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';
+import '@reduxjs/toolkit';
+import 'lodash/mapValues';
+import 'omit-empty-es';
+import 'redux-thunk';
+import '@commercetools-frontend/notifications';
+import '@commercetools-frontend/sdk';
+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 '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
+import 'redux-logger';
+import '@babel/runtime-corejs3/core-js-stable/url';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import '@apollo/client';
+import 'apollo-link-logger';
+import '@apollo/client/link/error';
+import '@commercetools-frontend/browser-history';
+import '@babel/runtime-corejs3/core-js-stable/array/is-array';
+import '@babel/runtime-corejs3/core-js-stable/instance/some';
+import '@babel/runtime-corejs3/core-js-stable/object/values';
+import '@commercetools/http-user-agent';
+import 'uuid';
+import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+import '@babel/runtime-corejs3/helpers/createClass';
+import '@babel/runtime-corejs3/helpers/classCallCheck';
+import '@babel/runtime-corejs3/helpers/assertThisInitialized';
+import '@babel/runtime-corejs3/helpers/inherits';
+import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
+import '@babel/runtime-corejs3/helpers/getPrototypeOf';
+import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@apollo/client/link/retry';
+import '@emotion/styled/base';
+import '@commercetools-frontend/i18n';
+import '@commercetools-frontend/assets/images/logo.svg';
+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/objectWithoutProperties';
+import 'memoize-one';
+import '@apollo/client/react';
+import '@commercetools-frontend/assets/images/ct-logo.svg';
+import '@commercetools-uikit/loading-spinner';
+import '@commercetools-frontend/l10n';
+import '@babel/runtime-corejs3/core-js-stable/array/from';
+import '@babel/runtime-corejs3/core-js-stable/instance/every';
+import '@flopflip/react-broadcast';
+import 'classnames';
+import '@commercetools-frontend/assets/images/diagonal-line.svg';
+import '@commercetools-uikit/icons/inline-svg';
+import '@babel/runtime-corejs3/core-js-stable/object/from-entries';
+import '@babel/runtime-corejs3/core-js-stable/instance/flags';
+import '@flopflip/combine-adapters';
+import '@flopflip/http-adapter';
+import '@flopflip/launchdarkly-adapter';
+import 'react-redux';
+import 'lodash/upperFirst';
+import './oidc-cd2edc3c.esm.js';
+import '@commercetools-uikit/design-system/materials/resets.css';
+import '@commercetools-frontend/actions-global';
+
+var messages$1 = defineMessages({
+  localesLabel: {
+    id: 'LocaleSwitcher.localesLabel',
+    description: 'The label for project dropdown switcher',
+    defaultMessage: 'Locales menu'
+  }
+});
+
+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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsZS1zd2l0Y2hlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JjIiwiZmlsZSI6ImxvY2FsZS1zd2l0Y2hlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB0eXBlIHsgU2luZ2xlVmFsdWVQcm9wcywgVmFsdWVDb250YWluZXJQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUhpZGRlbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWhpZGRlbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IFdvcmxkSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTZWxlY3RJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWxlY3QtaW5wdXQnO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuXG50eXBlIEN1c3RvbVNpbmdsZVZhbHVlUHJvcHMgPSBTaW5nbGVWYWx1ZVByb3BzICYge1xuICBsb2NhbGVDb3VudDogbnVtYmVyO1xufTtcbnR5cGUgUHJvcHMgPSB7XG4gIHByb2plY3REYXRhTG9jYWxlOiBzdHJpbmc7XG4gIHNldFByb2plY3REYXRhTG9jYWxlOiAobG9jYWxlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGF2YWlsYWJsZUxvY2FsZXM6IHN0cmluZ1tdO1xufTtcblxuY29uc3QgTE9DQUxFX1NXSVRDSEVSX0xBQkVMX0lEID0gJ2xvY2FsZS1zd2l0Y2hlci1sYWJlbCc7XG5cbmV4cG9ydCBjb25zdCBTaW5nbGVWYWx1ZSA9IChwcm9wczogQ3VzdG9tU2luZ2xlVmFsdWVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8V29ybGRJY29uIHNpemU9XCJiaWdcIiAvPlxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDJweDtcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckFjY2VudH07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAyNnB4O1xuICAgICAgICAgIGhlaWdodDogMjZweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgIGJhY2tncm91bmQ6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gICAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5sb2NhbGVDb3VudH1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5TaW5nbGVWYWx1ZS5kaXNwbGF5TmFtZSA9ICdTaW5nbGVWYWx1ZSc7XG5cbmNvbnN0IFBhdGNoZWRWYWx1ZUNvbnRhaW5lciA9IChwcm9wczogVmFsdWVDb250YWluZXJQcm9wcykgPT4gKFxuICA8U2VsZWN0SW5wdXQuVmFsdWVDb250YWluZXJcbiAgICB7Li4ucHJvcHN9XG4gICAgaW5uZXJQcm9wcz17eyBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcgfSB9fVxuICAvPlxuKTtcblBhdGNoZWRWYWx1ZUNvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdQYXRjaGVkVmFsdWVDb250YWluZXInO1xuXG5jb25zdCBMb2NhbGVTd2l0Y2hlciA9IChwcm9wczogUHJvcHMpID0+IHtcbiAgY29uc3QgeyBzZXRQcm9qZWN0RGF0YUxvY2FsZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGhhbmRsZVNlbGVjdGlvbiA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgc2V0UHJvamVjdERhdGFMb2NhbGUoZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgICB9LFxuICAgIFtzZXRQcm9qZWN0RGF0YUxvY2FsZV1cbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB3aWR0aDogJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDR9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8QWNjZXNzaWJsZUhpZGRlbj5cbiAgICAgICAgPHNwYW4gaWQ9e0xPQ0FMRV9TV0lUQ0hFUl9MQUJFTF9JRH0+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLmxvY2FsZXNMYWJlbH0gLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9BY2Nlc3NpYmxlSGlkZGVuPlxuICAgICAgPFNlbGVjdElucHV0XG4gICAgICAgIHZhbHVlPXtwcm9wcy5wcm9qZWN0RGF0YUxvY2FsZX1cbiAgICAgICAgbmFtZT1cImxvY2FsZS1zd2l0Y2hlclwiXG4gICAgICAgIGFyaWEtbGFiZWxsZWRieT17TE9DQUxFX1NXSVRDSEVSX0xBQkVMX0lEfVxuICAgICAgICBvbkNoYW5nZT17aGFuZGxlU2VsZWN0aW9ufVxuICAgICAgICBvcHRpb25zPXtwcm9wcy5hdmFpbGFibGVMb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoe1xuICAgICAgICAgIGxhYmVsOiBsb2NhbGUsXG4gICAgICAgICAgdmFsdWU6IGxvY2FsZSxcbiAgICAgICAgfSkpfVxuICAgICAgICBjb21wb25lbnRzPXt7XG4gICAgICAgICAgU2luZ2xlVmFsdWU6ICh2YWx1ZVByb3BzOiBTaW5nbGVWYWx1ZVByb3BzKSA9PiAoXG4gICAgICAgICAgICA8U2luZ2xlVmFsdWVcbiAgICAgICAgICAgICAgey4uLnZhbHVlUHJvcHN9XG4gICAgICAgICAgICAgIGxvY2FsZUNvdW50PXtwcm9wcy5hdmFpbGFibGVMb2NhbGVzLmxlbmd0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSxcbiAgICAgICAgICBWYWx1ZUNvbnRhaW5lcjogUGF0Y2hlZFZhbHVlQ29udGFpbmVyLFxuICAgICAgICB9fVxuICAgICAgICBpc0NsZWFyYWJsZT17ZmFsc2V9XG4gICAgICAgIGJhY2tzcGFjZVJlbW92ZXNWYWx1ZT17ZmFsc2V9XG4gICAgICAgIGlzU2VhcmNoYWJsZT17ZmFsc2V9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTG9jYWxlU3dpdGNoZXI7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const SingleValue = props => {
+  return jsxs("div", {
+    css: _ref,
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsZS1zd2l0Y2hlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NnQiIsImZpbGUiOiJsb2NhbGUtc3dpdGNoZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgdHlwZSB7IFNpbmdsZVZhbHVlUHJvcHMsIFZhbHVlQ29udGFpbmVyUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IEFjY2Vzc2libGVIaWRkZW4gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1oaWRkZW4nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBXb3JsZEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgU2VsZWN0SW5wdXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc2VsZWN0LWlucHV0JztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBDdXN0b21TaW5nbGVWYWx1ZVByb3BzID0gU2luZ2xlVmFsdWVQcm9wcyAmIHtcbiAgbG9jYWxlQ291bnQ6IG51bWJlcjtcbn07XG50eXBlIFByb3BzID0ge1xuICBwcm9qZWN0RGF0YUxvY2FsZTogc3RyaW5nO1xuICBzZXRQcm9qZWN0RGF0YUxvY2FsZTogKGxvY2FsZTogc3RyaW5nKSA9PiB2b2lkO1xuICBhdmFpbGFibGVMb2NhbGVzOiBzdHJpbmdbXTtcbn07XG5cbmNvbnN0IExPQ0FMRV9TV0lUQ0hFUl9MQUJFTF9JRCA9ICdsb2NhbGUtc3dpdGNoZXItbGFiZWwnO1xuXG5leHBvcnQgY29uc3QgU2luZ2xlVmFsdWUgPSAocHJvcHM6IEN1c3RvbVNpbmdsZVZhbHVlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZmxleDogMTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPFdvcmxkSWNvbiBzaXplPVwiYmlnXCIgLz5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnR9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB3aWR0aDogMjZweDtcbiAgICAgICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMubG9jYWxlQ291bnR9XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuU2luZ2xlVmFsdWUuZGlzcGxheU5hbWUgPSAnU2luZ2xlVmFsdWUnO1xuXG5jb25zdCBQYXRjaGVkVmFsdWVDb250YWluZXIgPSAocHJvcHM6IFZhbHVlQ29udGFpbmVyUHJvcHMpID0+IChcbiAgPFNlbGVjdElucHV0LlZhbHVlQ29udGFpbmVyXG4gICAgey4uLnByb3BzfVxuICAgIGlubmVyUHJvcHM9e3sgc3R5bGU6IHsgZGlzcGxheTogJ2ZsZXgnIH0gfX1cbiAgLz5cbik7XG5QYXRjaGVkVmFsdWVDb250YWluZXIuZGlzcGxheU5hbWUgPSAnUGF0Y2hlZFZhbHVlQ29udGFpbmVyJztcblxuY29uc3QgTG9jYWxlU3dpdGNoZXIgPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgc2V0UHJvamVjdERhdGFMb2NhbGUgfSA9IHByb3BzO1xuICBjb25zdCBoYW5kbGVTZWxlY3Rpb24gPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIHNldFByb2plY3REYXRhTG9jYWxlKGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gICAgfSxcbiAgICBbc2V0UHJvamVjdERhdGFMb2NhbGVdXG4gICk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ0fTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEFjY2Vzc2libGVIaWRkZW4+XG4gICAgICAgIDxzcGFuIGlkPXtMT0NBTEVfU1dJVENIRVJfTEFCRUxfSUR9PlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5sb2NhbGVzTGFiZWx9IC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvQWNjZXNzaWJsZUhpZGRlbj5cbiAgICAgIDxTZWxlY3RJbnB1dFxuICAgICAgICB2YWx1ZT17cHJvcHMucHJvamVjdERhdGFMb2NhbGV9XG4gICAgICAgIG5hbWU9XCJsb2NhbGUtc3dpdGNoZXJcIlxuICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e0xPQ0FMRV9TV0lUQ0hFUl9MQUJFTF9JRH1cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVNlbGVjdGlvbn1cbiAgICAgICAgb3B0aW9ucz17cHJvcHMuYXZhaWxhYmxlTG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4gKHtcbiAgICAgICAgICBsYWJlbDogbG9jYWxlLFxuICAgICAgICAgIHZhbHVlOiBsb2NhbGUsXG4gICAgICAgIH0pKX1cbiAgICAgICAgY29tcG9uZW50cz17e1xuICAgICAgICAgIFNpbmdsZVZhbHVlOiAodmFsdWVQcm9wczogU2luZ2xlVmFsdWVQcm9wcykgPT4gKFxuICAgICAgICAgICAgPFNpbmdsZVZhbHVlXG4gICAgICAgICAgICAgIHsuLi52YWx1ZVByb3BzfVxuICAgICAgICAgICAgICBsb2NhbGVDb3VudD17cHJvcHMuYXZhaWxhYmxlTG9jYWxlcy5sZW5ndGh9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICksXG4gICAgICAgICAgVmFsdWVDb250YWluZXI6IFBhdGNoZWRWYWx1ZUNvbnRhaW5lcixcbiAgICAgICAgfX1cbiAgICAgICAgaXNDbGVhcmFibGU9e2ZhbHNlfVxuICAgICAgICBiYWNrc3BhY2VSZW1vdmVzVmFsdWU9e2ZhbHNlfVxuICAgICAgICBpc1NlYXJjaGFibGU9e2ZhbHNlfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvY2FsZVN3aXRjaGVyO1xuIl19 */"),
+      children: props.children
+    }), jsx("span", {
+      css: /*#__PURE__*/css("width:26px;height:26px;border-radius:100%;background:", designTokens.colorNeutral, ";color:", designTokens.colorSurface, ";font-size:", designTokens.fontSize30, ";display:flex;justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:SingleValue;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsZS1zd2l0Y2hlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNnQiIsImZpbGUiOiJsb2NhbGUtc3dpdGNoZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgdHlwZSB7IFNpbmdsZVZhbHVlUHJvcHMsIFZhbHVlQ29udGFpbmVyUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IEFjY2Vzc2libGVIaWRkZW4gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1oaWRkZW4nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBXb3JsZEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgU2VsZWN0SW5wdXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc2VsZWN0LWlucHV0JztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBDdXN0b21TaW5nbGVWYWx1ZVByb3BzID0gU2luZ2xlVmFsdWVQcm9wcyAmIHtcbiAgbG9jYWxlQ291bnQ6IG51bWJlcjtcbn07XG50eXBlIFByb3BzID0ge1xuICBwcm9qZWN0RGF0YUxvY2FsZTogc3RyaW5nO1xuICBzZXRQcm9qZWN0RGF0YUxvY2FsZTogKGxvY2FsZTogc3RyaW5nKSA9PiB2b2lkO1xuICBhdmFpbGFibGVMb2NhbGVzOiBzdHJpbmdbXTtcbn07XG5cbmNvbnN0IExPQ0FMRV9TV0lUQ0hFUl9MQUJFTF9JRCA9ICdsb2NhbGUtc3dpdGNoZXItbGFiZWwnO1xuXG5leHBvcnQgY29uc3QgU2luZ2xlVmFsdWUgPSAocHJvcHM6IEN1c3RvbVNpbmdsZVZhbHVlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZmxleDogMTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPFdvcmxkSWNvbiBzaXplPVwiYmlnXCIgLz5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnR9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB3aWR0aDogMjZweDtcbiAgICAgICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMubG9jYWxlQ291bnR9XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuU2luZ2xlVmFsdWUuZGlzcGxheU5hbWUgPSAnU2luZ2xlVmFsdWUnO1xuXG5jb25zdCBQYXRjaGVkVmFsdWVDb250YWluZXIgPSAocHJvcHM6IFZhbHVlQ29udGFpbmVyUHJvcHMpID0+IChcbiAgPFNlbGVjdElucHV0LlZhbHVlQ29udGFpbmVyXG4gICAgey4uLnByb3BzfVxuICAgIGlubmVyUHJvcHM9e3sgc3R5bGU6IHsgZGlzcGxheTogJ2ZsZXgnIH0gfX1cbiAgLz5cbik7XG5QYXRjaGVkVmFsdWVDb250YWluZXIuZGlzcGxheU5hbWUgPSAnUGF0Y2hlZFZhbHVlQ29udGFpbmVyJztcblxuY29uc3QgTG9jYWxlU3dpdGNoZXIgPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgc2V0UHJvamVjdERhdGFMb2NhbGUgfSA9IHByb3BzO1xuICBjb25zdCBoYW5kbGVTZWxlY3Rpb24gPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIHNldFByb2plY3REYXRhTG9jYWxlKGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gICAgfSxcbiAgICBbc2V0UHJvamVjdERhdGFMb2NhbGVdXG4gICk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ0fTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEFjY2Vzc2libGVIaWRkZW4+XG4gICAgICAgIDxzcGFuIGlkPXtMT0NBTEVfU1dJVENIRVJfTEFCRUxfSUR9PlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5sb2NhbGVzTGFiZWx9IC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvQWNjZXNzaWJsZUhpZGRlbj5cbiAgICAgIDxTZWxlY3RJbnB1dFxuICAgICAgICB2YWx1ZT17cHJvcHMucHJvamVjdERhdGFMb2NhbGV9XG4gICAgICAgIG5hbWU9XCJsb2NhbGUtc3dpdGNoZXJcIlxuICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e0xPQ0FMRV9TV0lUQ0hFUl9MQUJFTF9JRH1cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVNlbGVjdGlvbn1cbiAgICAgICAgb3B0aW9ucz17cHJvcHMuYXZhaWxhYmxlTG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4gKHtcbiAgICAgICAgICBsYWJlbDogbG9jYWxlLFxuICAgICAgICAgIHZhbHVlOiBsb2NhbGUsXG4gICAgICAgIH0pKX1cbiAgICAgICAgY29tcG9uZW50cz17e1xuICAgICAgICAgIFNpbmdsZVZhbHVlOiAodmFsdWVQcm9wczogU2luZ2xlVmFsdWVQcm9wcykgPT4gKFxuICAgICAgICAgICAgPFNpbmdsZVZhbHVlXG4gICAgICAgICAgICAgIHsuLi52YWx1ZVByb3BzfVxuICAgICAgICAgICAgICBsb2NhbGVDb3VudD17cHJvcHMuYXZhaWxhYmxlTG9jYWxlcy5sZW5ndGh9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICksXG4gICAgICAgICAgVmFsdWVDb250YWluZXI6IFBhdGNoZWRWYWx1ZUNvbnRhaW5lcixcbiAgICAgICAgfX1cbiAgICAgICAgaXNDbGVhcmFibGU9e2ZhbHNlfVxuICAgICAgICBiYWNrc3BhY2VSZW1vdmVzVmFsdWU9e2ZhbHNlfVxuICAgICAgICBpc1NlYXJjaGFibGU9e2ZhbHNlfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvY2FsZVN3aXRjaGVyO1xuIl19 */"),
+      children: props.localeCount
+    })]
+  });
+};
+SingleValue.propTypes = process.env.NODE_ENV !== "production" ? {
+  localeCount: _pt.number.isRequired
+} : {};
+SingleValue.displayName = 'SingleValue';
+const PatchedValueContainer = props => jsx(SelectInput.ValueContainer, _objectSpread(_objectSpread({}, props), {}, {
+  innerProps: {
+    style: {
+      display: 'flex'
+    }
+  }
+}));
+PatchedValueContainer.displayName = 'PatchedValueContainer';
+const LocaleSwitcher = props => {
+  var _context;
+  const setProjectDataLocale = props.setProjectDataLocale;
+  const handleSelection = useCallback(event => {
+    setProjectDataLocale(event.target.value);
+  }, [setProjectDataLocale]);
+  return jsxs("div", {
+    css: /*#__PURE__*/css("position:relative;width:", designTokens.constraint4, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleSwitcher;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvY2FsZS1zd2l0Y2hlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVjIiwiZmlsZSI6ImxvY2FsZS1zd2l0Y2hlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB0eXBlIHsgU2luZ2xlVmFsdWVQcm9wcywgVmFsdWVDb250YWluZXJQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUhpZGRlbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWhpZGRlbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IFdvcmxkSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTZWxlY3RJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWxlY3QtaW5wdXQnO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuXG50eXBlIEN1c3RvbVNpbmdsZVZhbHVlUHJvcHMgPSBTaW5nbGVWYWx1ZVByb3BzICYge1xuICBsb2NhbGVDb3VudDogbnVtYmVyO1xufTtcbnR5cGUgUHJvcHMgPSB7XG4gIHByb2plY3REYXRhTG9jYWxlOiBzdHJpbmc7XG4gIHNldFByb2plY3REYXRhTG9jYWxlOiAobG9jYWxlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGF2YWlsYWJsZUxvY2FsZXM6IHN0cmluZ1tdO1xufTtcblxuY29uc3QgTE9DQUxFX1NXSVRDSEVSX0xBQkVMX0lEID0gJ2xvY2FsZS1zd2l0Y2hlci1sYWJlbCc7XG5cbmV4cG9ydCBjb25zdCBTaW5nbGVWYWx1ZSA9IChwcm9wczogQ3VzdG9tU2luZ2xlVmFsdWVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8V29ybGRJY29uIHNpemU9XCJiaWdcIiAvPlxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDJweDtcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckFjY2VudH07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAyNnB4O1xuICAgICAgICAgIGhlaWdodDogMjZweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgIGJhY2tncm91bmQ6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gICAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5sb2NhbGVDb3VudH1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5TaW5nbGVWYWx1ZS5kaXNwbGF5TmFtZSA9ICdTaW5nbGVWYWx1ZSc7XG5cbmNvbnN0IFBhdGNoZWRWYWx1ZUNvbnRhaW5lciA9IChwcm9wczogVmFsdWVDb250YWluZXJQcm9wcykgPT4gKFxuICA8U2VsZWN0SW5wdXQuVmFsdWVDb250YWluZXJcbiAgICB7Li4ucHJvcHN9XG4gICAgaW5uZXJQcm9wcz17eyBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcgfSB9fVxuICAvPlxuKTtcblBhdGNoZWRWYWx1ZUNvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdQYXRjaGVkVmFsdWVDb250YWluZXInO1xuXG5jb25zdCBMb2NhbGVTd2l0Y2hlciA9IChwcm9wczogUHJvcHMpID0+IHtcbiAgY29uc3QgeyBzZXRQcm9qZWN0RGF0YUxvY2FsZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGhhbmRsZVNlbGVjdGlvbiA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgc2V0UHJvamVjdERhdGFMb2NhbGUoZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgICB9LFxuICAgIFtzZXRQcm9qZWN0RGF0YUxvY2FsZV1cbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB3aWR0aDogJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDR9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8QWNjZXNzaWJsZUhpZGRlbj5cbiAgICAgICAgPHNwYW4gaWQ9e0xPQ0FMRV9TV0lUQ0hFUl9MQUJFTF9JRH0+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLmxvY2FsZXNMYWJlbH0gLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9BY2Nlc3NpYmxlSGlkZGVuPlxuICAgICAgPFNlbGVjdElucHV0XG4gICAgICAgIHZhbHVlPXtwcm9wcy5wcm9qZWN0RGF0YUxvY2FsZX1cbiAgICAgICAgbmFtZT1cImxvY2FsZS1zd2l0Y2hlclwiXG4gICAgICAgIGFyaWEtbGFiZWxsZWRieT17TE9DQUxFX1NXSVRDSEVSX0xBQkVMX0lEfVxuICAgICAgICBvbkNoYW5nZT17aGFuZGxlU2VsZWN0aW9ufVxuICAgICAgICBvcHRpb25zPXtwcm9wcy5hdmFpbGFibGVMb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoe1xuICAgICAgICAgIGxhYmVsOiBsb2NhbGUsXG4gICAgICAgICAgdmFsdWU6IGxvY2FsZSxcbiAgICAgICAgfSkpfVxuICAgICAgICBjb21wb25lbnRzPXt7XG4gICAgICAgICAgU2luZ2xlVmFsdWU6ICh2YWx1ZVByb3BzOiBTaW5nbGVWYWx1ZVByb3BzKSA9PiAoXG4gICAgICAgICAgICA8U2luZ2xlVmFsdWVcbiAgICAgICAgICAgICAgey4uLnZhbHVlUHJvcHN9XG4gICAgICAgICAgICAgIGxvY2FsZUNvdW50PXtwcm9wcy5hdmFpbGFibGVMb2NhbGVzLmxlbmd0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSxcbiAgICAgICAgICBWYWx1ZUNvbnRhaW5lcjogUGF0Y2hlZFZhbHVlQ29udGFpbmVyLFxuICAgICAgICB9fVxuICAgICAgICBpc0NsZWFyYWJsZT17ZmFsc2V9XG4gICAgICAgIGJhY2tzcGFjZVJlbW92ZXNWYWx1ZT17ZmFsc2V9XG4gICAgICAgIGlzU2VhcmNoYWJsZT17ZmFsc2V9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTG9jYWxlU3dpdGNoZXI7XG4iXX0= */"),
+    children: [jsx(AccessibleHidden, {
+      children: jsx("span", {
+        id: LOCALE_SWITCHER_LABEL_ID,
+        children: jsx(FormattedMessage, _objectSpread({}, messages$1.localesLabel))
+      })
+    }), jsx(SelectInput, {
+      value: props.projectDataLocale,
+      name: "locale-switcher",
+      "aria-labelledby": LOCALE_SWITCHER_LABEL_ID,
+      onChange: handleSelection,
+      options: _mapInstanceProperty(_context = props.availableLocales).call(_context, locale => ({
+        label: locale,
+        value: locale
+      })),
+      components: {
+        SingleValue: valueProps => jsx(SingleValue, _objectSpread(_objectSpread({}, valueProps), {}, {
+          localeCount: props.availableLocales.length
+        })),
+        ValueContainer: PatchedValueContainer
+      },
+      isClearable: false,
+      backspaceRemovesValue: false,
+      isSearchable: false
+    })]
+  });
+};
+LocaleSwitcher.propTypes = process.env.NODE_ENV !== "production" ? {
+  projectDataLocale: _pt.string.isRequired,
+  setProjectDataLocale: _pt.func.isRequired,
+  availableLocales: _pt.arrayOf(_pt.string).isRequired
+} : {};
+
+const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-6c22fecb.esm.js' /* webpackChunkName: "project-expired" */));
+
+const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-ba59f27d.esm.js' /* webpackChunkName: "project-not-found" */));
+
+const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-b0767967.esm.js' /* webpackChunkName: "project-not-initialized" */));
+
+const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-0d0a4ac6.esm.js' /* webpackChunkName: "project-suspended" */));
+
+var messages = defineMessages({
+  trialDaysLeft: {
+    id: 'Project.trialDaysLeft',
+    defaultMessage: 'Your project trial period will expire in {daysLeft} {daysLeft, plural, one {day} other {days}}. For any inquiries please contact sales@commercetools.com'
+  }
+});
+
+// A trial expire notification should be displayed from 2 weeks before the project expires
+const minDaysToDisplayNotification = 14;
+const maxDaysToDisplayNotification = 0;
+const shouldShowNotificationForTrialExpired = daysLeft => !isNil(daysLeft) && daysLeft <= minDaysToDisplayNotification && daysLeft >= maxDaysToDisplayNotification;
+const ProjectContainer = props => {
+  var _props$render;
+  const intl = useIntl();
+  const location = useLocation();
+  const match = useRouteMatch();
+  const _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    localeSwitcherNode = _useState2[0],
+    setLocaleSwitcherNode = _useState2[1];
+  useEffect(() => {
+    /**
+     * NOTE: in order to render a component into a portal, the portal
+     * DOM node needs to exists in the DOM.
+     * If we try to get the DOM node by id before the components are
+     * actually mounted, we won't find the DOM node, hence we can't render
+     * the portal.
+     * To work around this issue, we simply wait that the component is
+     * mounted, then we render the portal.
+     *
+     * From the reactjs docs: https://reactjs.org/docs/portals.html
+     * "
+     *   If a child component requires to be attached to the DOM tree
+     *   immediately when mounted, for example to measure a
+     *   DOM node, or uses 'autoFocus' in a descendant, add
+     *   state to Modal and only render the children when Modal
+     *   is inserted in the DOM tree.
+     * "
+     */
+    setLocaleSwitcherNode(document.getElementById(CONTAINERS.LOCALE_SWITCHER));
+  }, [setLocaleSwitcherNode]);
+  const projectKey = match.params.projectKey;
+  useEffect(() => {
+    // Ensure to sync the `projectKey` from the URL with localStorage.
+    if (projectKey) {
+      window.localStorage.setItem(STORAGE_KEYS.ACTIVE_PROJECT_KEY, projectKey);
+    }
+  }, [projectKey]);
+  const hasNoProjects = props.user && props.user.projects.total === 0;
+  /**
+   * Given the user does not have any projects and account creation (sign up) is not yet
+   * enabled the user will be logged out.
+   *
+   * Given the user does not have project (and as a result is not part of an organization)
+   * the account application gets control over render. If any other application
+   * is requested to render a full page redirect (to have the proxy serve the request) occurs
+   * given the application is served by the proxy.
+   *    Given the application is not served by the proxy we do not perform a redirect as
+   *    otherwise a redirect loop can occur as no application is able to handle the route.
+   */
+  if (hasNoProjects && props.environment.enableSignUp !== true && props.environment.servedByProxy) return jsx(Redirect, {
+    to: "/logout?reason=".concat(LOGOUT_REASONS.NO_PROJECTS)
+  });
+  if (hasNoProjects && props.environment.enableSignUp) return jsxs(Switch, {
+    children: [jsx(Route, {
+      path: "/account",
+      children: (_props$render = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props)
+    }), jsx(Route, {
+      children: jsx(RedirectToProjectCreate, {})
+    })]
+  });
+  return jsx(ErrorBoundary, {
+    pathname: location.pathname,
+    children: jsx(Suspense, {
+      fallback: jsx(ApplicationLoader, {}),
+      children: jsx(FetchProject, {
+        skip: !props.user || !props.user.defaultProjectKey,
+        projectKey: projectKey,
+        children: _ref => {
+          let isProjectLoading = _ref.isLoading,
+            project = _ref.project;
+          // TODO: do something if there is an `error`?
+          if (isProjectLoading) return jsx(ApplicationLoader, {});
+          if (!project) return jsx(ProjectNotFound, {});
+          if (project.suspension && project.suspension.isActive) return jsx(ProjectSuspended, {
+            isTemporary: project.suspension.reason === SUSPENSION_REASONS.TEMPORARY_MAINTENANCE
+          });
+          if (project.expiry && project.expiry.isActive) return jsx(ProjectExpired, {});
+          if (project.initialized === false) return jsx(ProjectNotInitialized, {});
+          return jsx(ProjectDataLocale, {
+            locales: project.languages,
+            children: _ref2 => {
+              var _project$expiry$daysL;
+              let locale = _ref2.locale,
+                setProjectDataLocale = _ref2.setProjectDataLocale;
+              return jsx(ApplicationContextProvider, {
+                user: props.user,
+                project: project,
+                projectDataLocale: locale,
+                environment: props.environment,
+                children: jsxs(Fragment, {
+                  children: [shouldShowNotificationForTrialExpired((_project$expiry$daysL = project.expiry.daysLeft) !== null && _project$expiry$daysL !== void 0 ? _project$expiry$daysL : undefined) && jsx(Notifier, {
+                    kind: "warning",
+                    domain: DOMAINS.GLOBAL,
+                    text: intl.formatMessage(messages.trialDaysLeft, {
+                      daysLeft: project.expiry.daysLeft || 0
+                    })
+                  }), localeSwitcherNode &&
+                  // Render the `<LocaleSwitcher>` only if the project has more
+                  // than one language.
+                  project.languages.length > 1 && /*#__PURE__*/ReactDOM.createPortal(jsx(LocaleSwitcher
+                  // Be explicit on listing the props so that we can better assert it.
+                  , {
+                    projectDataLocale: locale,
+                    setProjectDataLocale: setProjectDataLocale,
+                    availableLocales: project.languages
+                  }), localeSwitcherNode), jsx(ApplicationEntryPoint, {
+                    environment: props.environment,
+                    disableRoutePermissionCheck: props.disableRoutePermissionCheck,
+                    render: props.render,
+                    children: props.children
+                  })]
+                })
+              });
+            }
+          });
+        }
+      })
+    })
+  });
+};
+ProjectContainer.propTypes = process.env.NODE_ENV !== "production" ? {
+  disableRoutePermissionCheck: _pt.bool,
+  render: _pt.func,
+  children: _pt.node
+} : {};
+ProjectContainer.displayName = 'ProjectContainer';
+
+export { ProjectContainer as default };

package/dist/{project-container-805662a2.cjs.prod.js → project-container-2ed314f8.cjs.prod.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-a3c2194a.cjs.prod.js');
-var applicationEntryPoint = require('./application-entry-point-ac068fc0.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-4e8fd5e2.cjs.prod.js');
+var constants = require('./constants-539514a6.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-157014e2.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-5e1db8be.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');
@@ -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-b2a0d497.cjs.prod.js');
+require('./configure-apollo-af4ea1c4.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');
@@ -76,7 +76,7 @@ require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/assets/images/logo.svg');
 require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
-require('./use-is-served-by-proxy-51e76976.cjs.prod.js');
+require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
@@ -97,7 +97,7 @@ require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-6c79100b.cjs.prod.js');
+require('./oidc-73f8d7c7.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 
@@ -126,19 +126,13 @@ var messages$1 = reactIntl.defineMessages({
 });
 
 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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const LOCALE_SWITCHER_LABEL_ID = 'locale-switcher-label';
-
 var _ref = {
   name: "lmfqdl",
   styles: "flex:1;align-items:center;display:flex"
 } ;
-
 const SingleValue = props => {
-  const _useTheme = designSystem.useTheme(),
-        themedValue = _useTheme.themedValue;
-
   return jsxRuntime.jsxs("div", {
     css: _ref,
     children: [jsxRuntime.jsx(icons.WorldIcon, {
@@ -147,14 +141,13 @@ const SingleValue = props => {
       css: /*#__PURE__*/react$1.css("margin-left:2px;flex:1;color:", designSystem.designTokens.colorAccent, ";" + ("" ), "" ),
       children: props.children
     }), jsxRuntime.jsx("span", {
-      css: /*#__PURE__*/react$1.css("width:", themedValue('22px', '26px'), ";height:", themedValue('22px', '26px'), ";border-radius:100%;background:", themedValue(designSystem.designTokens.colorAccent40, designSystem.designTokens.colorNeutral), ";color:", designSystem.designTokens.colorSurface, ";font-size:", themedValue(designSystem.designTokens.fontSize15, designSystem.designTokens.fontSize30), ";display:flex;justify-content:center;align-items:center;" + ("" ), "" ),
+      css: /*#__PURE__*/react$1.css("width:26px;height:26px;border-radius:100%;background:", designSystem.designTokens.colorNeutral, ";color:", designSystem.designTokens.colorSurface, ";font-size:", designSystem.designTokens.fontSize30, ";display:flex;justify-content:center;align-items:center;" + ("" ), "" ),
       children: props.localeCount
     })]
   });
 };
 SingleValue.propTypes = {};
 SingleValue.displayName = 'SingleValue';
-
 const PatchedValueContainer = props => jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread(_objectSpread({}, props), {}, {
   innerProps: {
     style: {
@@ -162,21 +155,15 @@ const PatchedValueContainer = props => jsxRuntime.jsx(SelectInput__default["defa
     }
   }
 }));
-
 PatchedValueContainer.displayName = 'PatchedValueContainer';
-
 const LocaleSwitcher = props => {
   var _context;
-
-  const _useTheme2 = designSystem.useTheme(),
-        themedValue = _useTheme2.themedValue;
-
   const setProjectDataLocale = props.setProjectDataLocale;
   const handleSelection = react.useCallback(event => {
     setProjectDataLocale(event.target.value);
   }, [setProjectDataLocale]);
   return jsxRuntime.jsxs("div", {
-    css: /*#__PURE__*/react$1.css("position:relative;width:", themedValue(designSystem.designTokens.constraint3, designSystem.designTokens.constraint4), ";" + ("" ), "" ),
+    css: /*#__PURE__*/react$1.css("position:relative;width:", designSystem.designTokens.constraint4, ";" + ("" ), "" ),
     children: [jsxRuntime.jsx(AccessibleHidden__default["default"], {
       children: jsxRuntime.jsx("span", {
         id: LOCALE_SWITCHER_LABEL_ID,
@@ -203,24 +190,15 @@ const LocaleSwitcher = props => {
     })]
   });
 };
-
 LocaleSwitcher.propTypes = {};
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-f660e923.cjs.prod.js'
-/* webpackChunkName: "project-expired" */
-); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-bab18d07.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-46f1cd62.cjs.prod.js'
-/* webpackChunkName: "project-not-found" */
-); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-4f87bee6.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-0a4c847b.cjs.prod.js'
-/* webpackChunkName: "project-not-initialized" */
-); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-8be60e0d.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-994f5d16.cjs.prod.js'
-/* webpackChunkName: "project-suspended" */
-); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-66d01226.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {
@@ -232,21 +210,16 @@ var messages = reactIntl.defineMessages({
 // A trial expire notification should be displayed from 2 weeks before the project expires
 const minDaysToDisplayNotification = 14;
 const maxDaysToDisplayNotification = 0;
-
 const shouldShowNotificationForTrialExpired = daysLeft => !isNil__default["default"](daysLeft) && daysLeft <= minDaysToDisplayNotification && daysLeft >= maxDaysToDisplayNotification;
-
 const ProjectContainer = props => {
   var _props$render;
-
   const intl = reactIntl.useIntl();
   const location = reactRouterDom.useLocation();
   const match = reactRouterDom.useRouteMatch();
-
   const _useState = react.useState(null),
-        _useState2 = _slicedToArray(_useState, 2),
-        localeSwitcherNode = _useState2[0],
-        setLocaleSwitcherNode = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    localeSwitcherNode = _useState2[0],
+    setLocaleSwitcherNode = _useState2[1];
   react.useEffect(() => {
     /**
      * NOTE: in order to render a component into a portal, the portal
@@ -287,7 +260,6 @@ const ProjectContainer = props => {
    *    Given the application is not served by the proxy we do not perform a redirect as
    *    otherwise a redirect loop can occur as no application is able to handle the route.
    */
-
   if (hasNoProjects && props.environment.enableSignUp !== true && props.environment.servedByProxy) return jsxRuntime.jsx(reactRouterDom.Redirect, {
     to: "/logout?reason=".concat(constants$1.LOGOUT_REASONS.NO_PROJECTS)
   });
@@ -308,7 +280,7 @@ const ProjectContainer = props => {
         projectKey: projectKey,
         children: _ref => {
           let isProjectLoading = _ref.isLoading,
-              project = _ref.project;
+            project = _ref.project;
           // TODO: do something if there is an `error`?
           if (isProjectLoading) return jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ApplicationLoader, {});
           if (!project) return jsxRuntime.jsx(ProjectNotFound, {});
@@ -321,9 +293,8 @@ const ProjectContainer = props => {
             locales: project.languages,
             children: _ref2 => {
               var _project$expiry$daysL;
-
               let locale = _ref2.locale,
-                  setProjectDataLocale = _ref2.setProjectDataLocale;
+                setProjectDataLocale = _ref2.setProjectDataLocale;
               return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
                 user: props.user,
                 project: project,
@@ -336,9 +307,11 @@ const ProjectContainer = props => {
                     text: intl.formatMessage(messages.trialDaysLeft, {
                       daysLeft: project.expiry.daysLeft || 0
                     })
-                  }), localeSwitcherNode && // Render the `<LocaleSwitcher>` only if the project has more
+                  }), localeSwitcherNode &&
+                  // Render the `<LocaleSwitcher>` only if the project has more
                   // than one language.
-                  project.languages.length > 1 && /*#__PURE__*/ReactDOM__default["default"].createPortal(jsxRuntime.jsx(LocaleSwitcher // Be explicit on listing the props so that we can better assert it.
+                  project.languages.length > 1 && /*#__PURE__*/ReactDOM__default["default"].createPortal(jsxRuntime.jsx(LocaleSwitcher
+                  // Be explicit on listing the props so that we can better assert it.
                   , {
                     projectDataLocale: locale,
                     setProjectDataLocale: setProjectDataLocale,
@@ -358,7 +331,6 @@ const ProjectContainer = props => {
     })
   });
 };
-
 ProjectContainer.propTypes = {};
 ProjectContainer.displayName = 'ProjectContainer';