@commercetools-frontend/application-shell 21.23.10 → 21.24.1

package/dist/project-container-bf8678e2.cjs.prod.js

@@ -0,0 +1,369 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('prop-types');
+var react = require('react');
+var isNil = require('lodash/isNil');
+var ReactDOM = require('react-dom');
+var reactIntl = require('react-intl');
+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-e6409334.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-5619d5aa.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3765c4c9.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');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var react$1 = require('@emotion/react');
+var AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
+var designSystem = require('@commercetools-uikit/design-system');
+var icons = require('@commercetools-uikit/icons');
+var SelectInput = require('@commercetools-uikit/select-input');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('tiny-invariant');
+require('@commercetools-frontend/application-components');
+require('@commercetools-frontend/application-config/ssr');
+require('@commercetools-frontend/permissions');
+require('./configure-apollo-942ef373.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');
+require('@reduxjs/toolkit');
+require('lodash/mapValues');
+require('omit-empty-es');
+require('redux-thunk');
+require('@commercetools-frontend/notifications');
+require('@commercetools-frontend/sdk');
+require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('@commercetools-frontend/sentry');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('redux-logger');
+require('@babel/runtime-corejs3/core-js-stable/url');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@apollo/client');
+require('apollo-link-logger');
+require('@apollo/client/link/error');
+require('@commercetools-frontend/browser-history');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@babel/runtime-corejs3/core-js-stable/object/values');
+require('@commercetools/http-user-agent');
+require('uuid');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/assertThisInitialized');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@apollo/client/link/retry');
+require('@emotion/styled/base');
+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('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('memoize-one');
+require('@apollo/client/react');
+require('@commercetools-frontend/assets/images/ct-logo.svg');
+require('@commercetools-uikit/loading-spinner');
+require('@commercetools-frontend/l10n');
+require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
+require('lodash/camelCase');
+require('@babel/runtime-corejs3/core-js-stable/array/from');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+require('@flopflip/react-broadcast');
+require('classnames');
+require('@commercetools-frontend/assets/images/diagonal-line.svg');
+require('@commercetools-uikit/icons/inline-svg');
+require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+require('@flopflip/combine-adapters');
+require('@flopflip/http-adapter');
+require('@flopflip/launchdarkly-adapter');
+require('perfume.js');
+require('react-redux');
+require('lodash/upperFirst');
+require('./oidc-540a091a.cjs.prod.js');
+require('@commercetools-uikit/design-system/materials/resets.css');
+require('@commercetools-frontend/actions-global');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var isNil__default = /*#__PURE__*/_interopDefault(isNil);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
+var SelectInput__default = /*#__PURE__*/_interopDefault(SelectInput);
+
+var messages$1 = reactIntl.defineMessages({
+  localesLabel: {
+    id: 'LocaleSwitcher.localesLabel',
+    description: 'The label for project dropdown switcher',
+    defaultMessage: 'Locales menu'
+  }
+});
+
+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, {
+      size: "big"
+    }), jsxRuntime.jsx("span", {
+      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;" + ("" ), "" ),
+      children: props.localeCount
+    })]
+  });
+};
+SingleValue.propTypes = {};
+SingleValue.displayName = 'SingleValue';
+
+const PatchedValueContainer = props => jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread(_objectSpread({}, props), {}, {
+  innerProps: {
+    style: {
+      display: 'flex'
+    }
+  }
+}));
+
+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), ";" + ("" ), "" ),
+    "data-track-component": "LocaleSwitch",
+    children: [jsxRuntime.jsx(AccessibleHidden__default["default"], {
+      children: jsxRuntime.jsx("span", {
+        id: LOCALE_SWITCHER_LABEL_ID,
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages$1.localesLabel))
+      })
+    }), jsxRuntime.jsx(SelectInput__default["default"], {
+      value: props.projectDataLocale,
+      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
+      })),
+      components: {
+        SingleValue: valueProps => jsxRuntime.jsx(SingleValue, _objectSpread(_objectSpread({}, valueProps), {}, {
+          localeCount: props.availableLocales.length
+        })),
+        ValueContainer: PatchedValueContainer
+      },
+      isClearable: false,
+      backspaceRemovesValue: false,
+      isSearchable: false
+    })]
+  });
+};
+
+LocaleSwitcher.propTypes = {};
+
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-d75d9e84.cjs.prod.js'
+/* webpackChunkName: "project-expired" */
+); }));
+
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-4b5b9479.cjs.prod.js'
+/* webpackChunkName: "project-not-found" */
+); }));
+
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-4d0badf3.cjs.prod.js'
+/* webpackChunkName: "project-not-initialized" */
+); }));
+
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-9027fc60.cjs.prod.js'
+/* webpackChunkName: "project-suspended" */
+); }));
+
+var messages = reactIntl.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__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];
+
+  react.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(constants.CONTAINERS.LOCALE_SWITCHER));
+  }, [setLocaleSwitcherNode]);
+  const projectKey = match.params.projectKey;
+  react.useEffect(() => {
+    // Ensure to sync the `projectKey` from the URL with localStorage.
+    if (projectKey) {
+      window.localStorage.setItem(constants.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 jsxRuntime.jsx(reactRouterDom.Redirect, {
+    to: "/logout?reason=".concat(constants$1.LOGOUT_REASONS.NO_PROJECTS)
+  });
+  if (hasNoProjects && props.environment.enableSignUp) return jsxRuntime.jsxs(reactRouterDom.Switch, {
+    children: [jsxRuntime.jsx(reactRouterDom.Route, {
+      path: "/account",
+      children: (_props$render = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props)
+    }), jsxRuntime.jsx(reactRouterDom.Route, {
+      children: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.RedirectToProjectCreate, {})
+    })]
+  });
+  return jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ErrorBoundary, {
+    pathname: location.pathname,
+    children: jsxRuntime.jsx(react.Suspense, {
+      fallback: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ApplicationLoader, {}),
+      children: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.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 jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ApplicationLoader, {});
+          if (!project) return jsxRuntime.jsx(ProjectNotFound, {});
+          if (project.suspension && project.suspension.isActive) return jsxRuntime.jsx(ProjectSuspended, {
+            isTemporary: project.suspension.reason === constants.SUSPENSION_REASONS.TEMPORARY_MAINTENANCE
+          });
+          if (project.expiry && project.expiry.isActive) return jsxRuntime.jsx(ProjectExpired, {});
+          if (project.initialized === false) return jsxRuntime.jsx(ProjectNotInitialized, {});
+          return jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ProjectDataLocale, {
+            locales: project.languages,
+            children: _ref2 => {
+              var _project$expiry$daysL;
+
+              let locale = _ref2.locale,
+                  setProjectDataLocale = _ref2.setProjectDataLocale;
+              return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
+                user: props.user,
+                project: project,
+                projectDataLocale: locale,
+                environment: props.environment,
+                children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                  children: [shouldShowNotificationForTrialExpired((_project$expiry$daysL = project.expiry.daysLeft) !== null && _project$expiry$daysL !== void 0 ? _project$expiry$daysL : undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
+                    kind: "warning",
+                    domain: constants$1.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__default["default"].createPortal(jsxRuntime.jsx(LocaleSwitcher // Be explicit on listing the props so that we can better assert it.
+                  , {
+                    projectDataLocale: locale,
+                    setProjectDataLocale: setProjectDataLocale,
+                    availableLocales: project.languages
+                  }), localeSwitcherNode), jsxRuntime.jsx(applicationEntryPoint.ApplicationEntryPoint, {
+                    environment: props.environment,
+                    disableRoutePermissionCheck: props.disableRoutePermissionCheck,
+                    render: props.render,
+                    children: props.children
+                  })]
+                })
+              });
+            }
+          });
+        }
+      })
+    })
+  });
+};
+
+ProjectContainer.propTypes = {};
+ProjectContainer.displayName = 'ProjectContainer';
+
+exports["default"] = ProjectContainer;

package/dist/{project-expired-d8eaa253.esm.js → project-expired-6b9b6feb.esm.js}

@@ -8,57 +8,49 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
-import ProjectExpiredSVG from '@commercetools-frontend/assets/images/hourglass.svg';
 import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-365c4c10.esm.js';
+import ProjectExpiredSVG from '@commercetools-frontend/assets/images/hourglass.svg';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-fd30959b.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-284fb405.esm.js';
-import './application-entry-point-8d923438.esm.js';
-import '@babel/runtime-corejs3/helpers/toConsumableArray';
+import './index-3fdf5681.esm.js';
+import './configure-apollo-cc0b1668.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 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/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/reflect/has';
-import 'lodash/mapValues';
 import '@reduxjs/toolkit';
-import 'redux-thunk';
+import 'lodash/mapValues';
 import 'omit-empty-es';
+import 'redux-thunk';
+import '@commercetools-frontend/constants';
 import '@commercetools-frontend/notifications';
 import '@commercetools-frontend/sdk';
-import '@commercetools-frontend/constants';
-import './constants-69249abd.esm.js';
-import '@commercetools-frontend/react-notifications';
-import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
-import '@babel/runtime-corejs3/core-js-stable/instance/includes';
-import 'redux-logger';
-import 'react-dom';
-import 'react-redux';
-import '@commercetools-uikit/loading-spinner';
+import 'react';
 import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import '@commercetools-frontend/sentry';
+import './constants-7f04db3f.esm.js';
+import '@commercetools-frontend/react-notifications';
+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 '@babel/runtime-corejs3/core-js-stable/array/from';
-import '@babel/runtime-corejs3/core-js-stable/symbol';
-import '@babel/runtime-corejs3/core-js/get-iterator-method';
-import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 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 '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@commercetools/http-user-agent';
 import 'uuid';
-import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
-import '@babel/runtime-corejs3/helpers/asyncToGenerator';
 import '@babel/runtime-corejs3/helpers/createClass';
 import '@babel/runtime-corejs3/helpers/classCallCheck';
 import '@babel/runtime-corejs3/helpers/assertThisInitialized';
@@ -66,59 +58,48 @@ 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/regenerator';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@apollo/client/link/retry';
 import 'prop-types';
-import 'react';
-import 'tiny-invariant';
-import '@commercetools-frontend/permissions';
-import '@commercetools-frontend/application-config/ssr';
 import '@emotion/react';
 import '@commercetools-frontend/i18n';
-import 'perfume.js';
-import '@babel/runtime-corejs3/core-js-stable/instance/reverse';
-import 'lodash/camelCase';
-import '@apollo/client/react';
-import './oidc-77749f1b.esm.js';
-import 'qss';
-import 'jwt-decode';
-import '@commercetools-frontend/assets/images/locked-diamond.svg';
+import '@commercetools-frontend/assets/images/logo.svg';
 import '@commercetools-uikit/design-system';
-import '@commercetools-uikit/notifications';
 import '@commercetools-uikit/spacings';
-import '@commercetools-uikit/constraints';
-import '@commercetools-uikit/card';
-import '@commercetools-uikit/text';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
-import 'lodash/upperFirst';
-import '@commercetools-frontend/assets/images/ct-logo.svg';
-import '@commercetools-frontend/assets/images/icecream.svg';
-import '@commercetools-frontend/l10n';
-import '@commercetools-frontend/assets/images/logo.svg';
-import '@babel/runtime-corejs3/core-js-stable/instance/trim';
-import 'downshift';
-import '@flopflip/react-broadcast';
-import '@commercetools-uikit/avatar';
-import '@commercetools-uikit/accessible-hidden';
+import './use-is-served-by-proxy-499bfa16.esm.js';
+import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
+import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
-import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
+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/instance/reverse';
+import 'lodash/camelCase';
+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-frontend/permissions';
+import '@commercetools-uikit/icons/inline-svg';
 import 'lodash/isNil';
 import '@babel/runtime-corejs3/core-js-stable/object/from-entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/flags';
-import '@flopflip/launchdarkly-adapter';
-import '@flopflip/http-adapter';
 import '@flopflip/combine-adapters';
-import '@babel/runtime-corejs3/core-js-stable/instance/every';
-import 'classnames';
-import '@commercetools-uikit/icons/inline-svg';
-import '@commercetools-frontend/assets/images/diagonal-line.svg';
-import 'lodash/throttle';
-import '@commercetools-frontend/url-utils';
+import '@flopflip/http-adapter';
+import '@flopflip/launchdarkly-adapter';
+import 'perfume.js';
+import 'react-redux';
+import 'lodash/upperFirst';
+import './oidc-10fa96f0.esm.js';
 import '@commercetools-uikit/design-system/materials/resets.css';
 import '@commercetools-frontend/actions-global';
+import '@commercetools-frontend/application-config/ssr';
 
 var messages = defineMessages({
   title: {
@@ -134,19 +115,17 @@ var messages = defineMessages({
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var salesEmail = 'sales@commercetools.com';
+const salesEmail = 'sales@commercetools.com';
 
-var EmailLink = function EmailLink(props) {
-  return jsx("a", {
-    href: "mailto:".concat(props.email),
-    children: props.email
-  });
-};
+const EmailLink = props => jsx("a", {
+  href: "mailto:".concat(props.email),
+  children: props.email
+});
 
 EmailLink.displayName = 'EmailLink';
 
-var ProjectExpired = function ProjectExpired() {
-  var intl = useIntl();
+const ProjectExpired = () => {
+  const intl = useIntl();
   return jsx(MaintenancePageLayout, {
     imageSrc: ProjectExpiredSVG,
     title: jsx(FormattedMessage, _objectSpread({}, messages.title)),