@commercetools-frontend/application-shell 22.10.0 → 22.12.0

package/dist/{oidc-b2ac8a92.cjs.prod.js → oidc-088842ab.cjs.prod.js}

@@ -12,15 +12,11 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 
 const DIMENSIONS = {
   header: '56px',
-  headerItemDivider: '24px',
-  navMenu: '64px',
-  navMenuExpanded: '245px',
-  navMenuItemHeight: '48px',
-  newNavMenu: '80px',
-  newNavMenuExpanded: '256px'
+  navMenu: '80px',
+  navMenuExpanded: '256px',
+  navMenuItemHeight: '48px'
 };
 const WINDOW_SIZES = {
-  NARROW: 918,
   STANDARD: 1024,
   WIDE: 1200
 };

package/dist/{oidc-0c6ca06c.cjs.dev.js → oidc-b577ced5.cjs.dev.js}

@@ -12,15 +12,11 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 
 const DIMENSIONS = {
   header: '56px',
-  headerItemDivider: '24px',
-  navMenu: '64px',
-  navMenuExpanded: '245px',
-  navMenuItemHeight: '48px',
-  newNavMenu: '80px',
-  newNavMenuExpanded: '256px'
+  navMenu: '80px',
+  navMenuExpanded: '256px',
+  navMenuItemHeight: '48px'
 };
 const WINDOW_SIZES = {
-  NARROW: 918,
   STANDARD: 1024,
   WIDE: 1200
 };

package/dist/{oidc-95696f7b.esm.js → oidc-beeb911e.esm.js}

@@ -4,15 +4,11 @@ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/inst
 
 const DIMENSIONS = {
   header: '56px',
-  headerItemDivider: '24px',
-  navMenu: '64px',
-  navMenuExpanded: '245px',
-  navMenuItemHeight: '48px',
-  newNavMenu: '80px',
-  newNavMenuExpanded: '256px'
+  navMenu: '80px',
+  navMenuExpanded: '256px',
+  navMenuItemHeight: '48px'
 };
 const WINDOW_SIZES = {
-  NARROW: 918,
   STANDARD: 1024,
   WIDE: 1200
 };

package/dist/{oidc-callback-23a07314.esm.js → oidc-callback-0c55b52a.esm.js}

@@ -16,7 +16,7 @@ import { AngleLeftIcon } from '@commercetools-uikit/icons';
 import { ContentNotification } from '@commercetools-uikit/notifications';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { C as ConfigureIntlProvider } from './index-b87860b8.esm.js';
+import { C as ConfigureIntlProvider } from './index-090350e1.esm.js';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -52,14 +52,15 @@ import 'redux-logger';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
-import './oidc-95696f7b.esm.js';
+import './oidc-beeb911e.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
-import '@commercetools-frontend/assets/images/logo.svg';
 import 'react-intl';
 import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
-import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import '@babel/runtime-corejs3/helpers/objectDestructuringEmpty';
+import '@babel/runtime-corejs3/helpers/extends';
 import 'memoize-one';
+import 'react-select';
 import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
@@ -79,7 +80,6 @@ import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
 import '@flopflip/react-broadcast';
-import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';

package/dist/{oidc-callback-d8c66ca9.cjs.dev.js → oidc-callback-79de3285.cjs.dev.js}

@@ -18,7 +18,7 @@ var icons = require('@commercetools-uikit/icons');
 var notifications = require('@commercetools-uikit/notifications');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-8c459700.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-4f10b4f6.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -54,14 +54,15 @@ require('redux-logger');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
-require('./oidc-0c6ca06c.cjs.dev.js');
+require('./oidc-b577ced5.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
-require('@commercetools-frontend/assets/images/logo.svg');
 require('react-intl');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
+require('@babel/runtime-corejs3/helpers/extends');
 require('memoize-one');
+require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
@@ -81,7 +82,6 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
-require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{oidc-callback-c3d56a4a.cjs.prod.js → oidc-callback-fd6fc3cb.cjs.prod.js}

@@ -18,7 +18,7 @@ var icons = require('@commercetools-uikit/icons');
 var notifications = require('@commercetools-uikit/notifications');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-1d3e351d.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-d1be72d3.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -54,14 +54,15 @@ require('redux-logger');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
-require('./oidc-b2ac8a92.cjs.prod.js');
+require('./oidc-088842ab.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
-require('@commercetools-frontend/assets/images/logo.svg');
 require('react-intl');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
+require('@babel/runtime-corejs3/helpers/extends');
 require('memoize-one');
+require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
@@ -81,7 +82,6 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
-require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{project-container-216869fc.cjs.prod.js → project-container-d6ef4f95.cjs.prod.js}

@@ -10,9 +10,9 @@ var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
-var oidc = require('./oidc-b2ac8a92.cjs.prod.js');
+var oidc = require('./oidc-088842ab.cjs.prod.js');
 var applicationEntryPoint = require('./application-entry-point-bde45acf.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-1d3e351d.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-d1be72d3.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');
@@ -24,6 +24,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 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 AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
 var designSystem = require('@commercetools-uikit/design-system');
 var icons = require('@commercetools-uikit/icons');
@@ -55,12 +56,12 @@ require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@commercetools-frontend/i18n');
 require('@babel/runtime-corejs3/core-js-stable/url');
-require('@commercetools-frontend/assets/images/logo.svg');
 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/objectWithoutProperties');
+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');
@@ -79,7 +80,6 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
-require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');
@@ -126,13 +126,9 @@ const SingleValue = props => {
     }), 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: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: {
@@ -142,6 +138,14 @@ const PatchedValueContainer = props => jsxRuntime.jsx(SelectInput__default["defa
   }
 }));
 PatchedValueContainer.displayName = 'PatchedValueContainer';
+const CustomMenuList = props => {
+  return jsxRuntime.jsx("div", {
+    css: /*#__PURE__*/react$1.css("width:max-content;max-width:", designSystem.designTokens.constraint6, ";" + ("" ), "" ),
+    children: jsxRuntime.jsx(reactSelect.components.MenuList, _objectSpread(_objectSpread({}, props), {}, {
+      children: props.children
+    }))
+  });
+};
 const LocaleSwitcher = props => {
   var _context;
   const setProjectDataLocale = props.setProjectDataLocale;
@@ -149,7 +153,6 @@ const LocaleSwitcher = props => {
     setProjectDataLocale(event.target.value);
   }, [setProjectDataLocale]);
   return jsxRuntime.jsxs("div", {
-    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,
@@ -165,26 +168,26 @@ const LocaleSwitcher = props => {
         value: locale
       })),
       components: {
-        SingleValue: valueProps => jsxRuntime.jsx(SingleValue, _objectSpread(_objectSpread({}, valueProps), {}, {
-          localeCount: props.availableLocales.length
-        })),
-        ValueContainer: PatchedValueContainer
+        SingleValue,
+        ValueContainer: PatchedValueContainer,
+        MenuList: CustomMenuList
       },
       isClearable: false,
       backspaceRemovesValue: false,
-      isSearchable: false
+      isSearchable: false,
+      horizontalConstraint: 'auto'
     })]
   });
 };
 LocaleSwitcher.propTypes = {};
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-4015d379.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-5f27a7e0.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-9ac24482.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-c43387f6.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-5624fe32.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-6294cbc3.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-0a013a7f.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-10846838.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {