@commercetools-frontend/application-shell 24.10.0 → 24.12.0

package/dist/oidc-87d116c1.cjs.dev.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+
+const DIMENSIONS = {
+  header: '56px'
+};
+const NAVBAR = {
+  expanderHeight: '50px',
+  expanderSize: '40px',
+  iconSize: '24px',
+  iconSizeHover: '28px',
+  itemSize: '48px',
+  itemHeight: '56px',
+  sublistIndentationWhenCollapsed: '72px',
+  sublistIndentationWhenExpanded: '248px',
+  sublistItemMinHeight: '50px',
+  sublistWidth: '272px',
+  leftNavigationTransition: 'all 150ms cubic-bezier(1, 0, 0.58, 1)',
+  widthLeftNavigation: '80px',
+  widthLeftNavigationWhenExpanded: '256px'
+};
+const WINDOW_SIZES = {
+  STANDARD: 1024,
+  WIDE: 1200
+};
+const CONTAINERS = {
+  LOCALE_SWITCHER: 'locale-switcher-container',
+  LEFT_OF_PROFILE: 'left-of-profile'
+};
+const SUSPENSION_REASONS = {
+  TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',
+  PAYMENT: 'Payment',
+  OTHER: 'Other'
+};
+
+// OIDC params
+const OIDC_RESPONSE_TYPES = {
+  ID_TOKEN: 'id_token'
+};
+const OIDC_CLAIMS = {
+  OPEN_ID: 'openid',
+  PROJECT_KEY: 'project_key',
+  TEAM_ID: 'team_id',
+  APPLICATION_ID: 'application_id',
+  VIEW: 'view',
+  MANAGE: 'manage'
+};
+
+const buildOidcScope = options => {
+  var _context2, _options$oAuthScopes$, _options$oAuthScopes, _context4, _options$oAuthScopes$2, _options$oAuthScopes2;
+  const claims = [];
+
+  // Set the projectKey
+  if (options.projectKey) {
+    var _context;
+    claims.push(_concatInstanceProperty__default["default"](_context = "".concat(OIDC_CLAIMS.PROJECT_KEY, ":")).call(_context, options.projectKey));
+  }
+
+  // Set the OAuth Scopes
+  claims.push(..._mapInstanceProperty__default["default"](_context2 = (_options$oAuthScopes$ = (_options$oAuthScopes = options.oAuthScopes) === null || _options$oAuthScopes === void 0 ? void 0 : _options$oAuthScopes.view) !== null && _options$oAuthScopes$ !== void 0 ? _options$oAuthScopes$ : []).call(_context2, scope => {
+    var _context3;
+    return _concatInstanceProperty__default["default"](_context3 = "".concat(OIDC_CLAIMS.VIEW, ":")).call(_context3, scope);
+  }));
+  claims.push(..._mapInstanceProperty__default["default"](_context4 = (_options$oAuthScopes$2 = (_options$oAuthScopes2 = options.oAuthScopes) === null || _options$oAuthScopes2 === void 0 ? void 0 : _options$oAuthScopes2.manage) !== null && _options$oAuthScopes$2 !== void 0 ? _options$oAuthScopes$2 : []).call(_context4, scope => {
+    var _context5;
+    return _concatInstanceProperty__default["default"](_context5 = "".concat(OIDC_CLAIMS.MANAGE, ":")).call(_context5, scope);
+  }));
+  // Set additional OAuth scopes
+  if (options !== null && options !== void 0 && options.additionalOAuthScopes) {
+    var _context6;
+    _forEachInstanceProperty__default["default"](_context6 = options.additionalOAuthScopes).call(_context6, additionalOAuthScope => {
+      var _context7, _additionalOAuthScope, _context9, _additionalOAuthScope2;
+      claims.push(..._mapInstanceProperty__default["default"](_context7 = (_additionalOAuthScope = additionalOAuthScope.view) !== null && _additionalOAuthScope !== void 0 ? _additionalOAuthScope : []).call(_context7, viewOAuthScope => {
+        var _context8;
+        return _concatInstanceProperty__default["default"](_context8 = "view/".concat(additionalOAuthScope.name, ":")).call(_context8, viewOAuthScope);
+      }), ..._mapInstanceProperty__default["default"](_context9 = (_additionalOAuthScope2 = additionalOAuthScope.manage) !== null && _additionalOAuthScope2 !== void 0 ? _additionalOAuthScope2 : []).call(_context9, manageOAuthScope => {
+        var _context0;
+        return _concatInstanceProperty__default["default"](_context0 = "manage/".concat(additionalOAuthScope.name, ":")).call(_context0, manageOAuthScope);
+      }));
+    });
+  }
+
+  // Set the teamId and applicationId
+  if (options.teamId) {
+    var _context1;
+    claims.push(_concatInstanceProperty__default["default"](_context1 = "".concat(OIDC_CLAIMS.TEAM_ID, ":")).call(_context1, options.teamId));
+    if (options.applicationId) {
+      var _context10;
+      claims.push(_concatInstanceProperty__default["default"](_context10 = "".concat(OIDC_CLAIMS.APPLICATION_ID, ":")).call(_context10, options.applicationId));
+    }
+  }
+  return [
+  // This is required as per OIDC spec.
+  OIDC_CLAIMS.OPEN_ID,
+  // Custom claims
+  ...claims].join(' ');
+};
+
+exports.CONTAINERS = CONTAINERS;
+exports.DIMENSIONS = DIMENSIONS;
+exports.NAVBAR = NAVBAR;
+exports.OIDC_CLAIMS = OIDC_CLAIMS;
+exports.OIDC_RESPONSE_TYPES = OIDC_RESPONSE_TYPES;
+exports.SUSPENSION_REASONS = SUSPENSION_REASONS;
+exports.WINDOW_SIZES = WINDOW_SIZES;
+exports.buildOidcScope = buildOidcScope;

package/dist/{oidc-callback-c014b1b0.esm.js → oidc-callback-019d623d.esm.js}

@@ -5,7 +5,7 @@ import jwtDecode from 'jwt-decode';
 import { decode } from 'qss';
 import { useHistory, useLocation } from 'react-router-dom';
 import { oidcStorage } from '@commercetools-frontend/application-shell-connectors';
-import { u as useRedirector } from './redirector-d856975f.esm.js';
+import { u as useRedirector } from './redirector-656c6ee7.esm.js';
 import _styled from '@emotion/styled/base';
 import { themesOverrides, PublicPageLayout } from '@commercetools-frontend/application-components';
 import FailedAuthenticationSVG from '@commercetools-frontend/assets/images/doors-closed.svg';
@@ -18,7 +18,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-e4de734f.esm.js';
+import { C as ConfigureIntlProvider } from './index-1dadca21.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';
@@ -30,7 +30,7 @@ import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import '@babel/runtime-corejs3/helpers/defineProperty';
 import './location-f21dbc25.esm.js';
-import './index-86039df7.esm.js';
+import './index-5aaa33bb.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/instance/concat';
@@ -53,9 +53,10 @@ 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-b2520905.esm.js';
+import './oidc-35e8e62a.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import 'react-intl';
+import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
@@ -65,12 +66,6 @@ import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-uikit/loading-spinner';
 import '@commercetools-frontend/browser-history';
 import '@commercetools-frontend/l10n';
-import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
-import '@babel/runtime-corejs3/helpers/classCallCheck';
-import '@babel/runtime-corejs3/helpers/createClass';
-import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
-import '@babel/runtime-corejs3/helpers/getPrototypeOf';
-import '@babel/runtime-corejs3/helpers/inherits';
 import '@babel/runtime-corejs3/core-js-stable/object/from-entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/flags';
 import '@apollo/client/react';
@@ -80,6 +75,12 @@ import '@flopflip/launchdarkly-adapter';
 import '@flopflip/react-broadcast';
 import '@flopflip/types';
 import 'react-redux';
+import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+import '@babel/runtime-corejs3/helpers/classCallCheck';
+import '@babel/runtime-corejs3/helpers/createClass';
+import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
+import '@babel/runtime-corejs3/helpers/getPrototypeOf';
+import '@babel/runtime-corejs3/helpers/inherits';
 import '@commercetools-uikit/design-system/materials/resets.css';
 import '@commercetools-frontend/application-config/ssr';
 import '@commercetools-frontend/permissions';
@@ -186,8 +187,9 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
-      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
+      var _decodedSessionToken;
+      const hasValidSessionId = ((_decodedSessionToken = decodedSessionToken) === null || _decodedSessionToken === void 0 ? void 0 : _decodedSessionToken.nonce) === fragments.state;
+      const hasValidApplicationId = window.app.applicationId === (sessionState === null || sessionState === void 0 ? void 0 : sessionState.applicationId);
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -197,7 +199,7 @@ const OidcCallback = props => {
     } else {
       oidcStorage.setActiveSession(sessionToken);
       oidcStorage.removeSessionState(fragments.state);
-      if (sessionState?.query.redirectTo) {
+      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
         try {
           const redirectToUrl = new _URL(sessionState.query.redirectTo);
           redirector({
@@ -205,7 +207,7 @@ const OidcCallback = props => {
           });
           return;
         } catch (error) {
-          console.warn(`Invalid "redirectTo" URL`, sessionState.query.redirectTo);
+          console.warn("Invalid \"redirectTo\" URL", sessionState.query.redirectTo);
           // ignore
         }
       }

package/dist/{oidc-callback-ad64d7f6.cjs.dev.js → oidc-callback-47743232.cjs.dev.js}

@@ -7,7 +7,7 @@ var jwtDecode = require('jwt-decode');
 var qss = require('qss');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var redirector = require('./redirector-72ccfbc2.cjs.dev.js');
+var redirector = require('./redirector-0efdd994.cjs.dev.js');
 var _styled = require('@emotion/styled/base');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var FailedAuthenticationSVG = require('@commercetools-frontend/assets/images/doors-closed.svg');
@@ -20,7 +20,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-17f02024.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-1d1cc31f.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');
@@ -32,7 +32,7 @@ require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('./location-c835b8df.cjs.dev.js');
-require('./index-614accc4.cjs.dev.js');
+require('./index-25183095.cjs.dev.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/instance/concat');
@@ -55,9 +55,10 @@ 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-8827f9fe.cjs.dev.js');
+require('./oidc-87d116c1.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('react-intl');
+require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
@@ -67,12 +68,6 @@ require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
 require('@commercetools-frontend/l10n');
-require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-require('@babel/runtime-corejs3/helpers/classCallCheck');
-require('@babel/runtime-corejs3/helpers/createClass');
-require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/flags');
 require('@apollo/client/react');
@@ -82,6 +77,12 @@ require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
 require('@flopflip/types');
 require('react-redux');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/inherits');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
@@ -200,8 +201,9 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
-      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
+      var _decodedSessionToken;
+      const hasValidSessionId = ((_decodedSessionToken = decodedSessionToken) === null || _decodedSessionToken === void 0 ? void 0 : _decodedSessionToken.nonce) === fragments.state;
+      const hasValidApplicationId = window.app.applicationId === (sessionState === null || sessionState === void 0 ? void 0 : sessionState.applicationId);
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -211,7 +213,7 @@ const OidcCallback = props => {
     } else {
       applicationShellConnectors.oidcStorage.setActiveSession(sessionToken);
       applicationShellConnectors.oidcStorage.removeSessionState(fragments.state);
-      if (sessionState?.query.redirectTo) {
+      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
         try {
           const redirectToUrl = new _URL__default["default"](sessionState.query.redirectTo);
           redirector$1({
@@ -219,7 +221,7 @@ const OidcCallback = props => {
           });
           return;
         } catch (error) {
-          console.warn(`Invalid "redirectTo" URL`, sessionState.query.redirectTo);
+          console.warn("Invalid \"redirectTo\" URL", sessionState.query.redirectTo);
           // ignore
         }
       }

package/dist/{oidc-callback-9beece27.cjs.prod.js → oidc-callback-6bdb3c6f.cjs.prod.js}

@@ -7,7 +7,7 @@ var jwtDecode = require('jwt-decode');
 var qss = require('qss');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var redirector = require('./redirector-0c72d0a4.cjs.prod.js');
+var redirector = require('./redirector-c858d578.cjs.prod.js');
 var _styled = require('@emotion/styled/base');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var FailedAuthenticationSVG = require('@commercetools-frontend/assets/images/doors-closed.svg');
@@ -20,7 +20,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-11b385bb.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3cfc1f1e.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');
@@ -32,7 +32,7 @@ require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('./location-537e0660.cjs.prod.js');
-require('./index-245e2980.cjs.prod.js');
+require('./index-52c724ed.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/instance/concat');
@@ -55,9 +55,10 @@ 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-d74e6aa2.cjs.prod.js');
+require('./oidc-258fc018.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('react-intl');
+require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
@@ -67,12 +68,6 @@ require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
 require('@commercetools-frontend/l10n');
-require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-require('@babel/runtime-corejs3/helpers/classCallCheck');
-require('@babel/runtime-corejs3/helpers/createClass');
-require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/flags');
 require('@apollo/client/react');
@@ -82,6 +77,12 @@ require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
 require('@flopflip/types');
 require('react-redux');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/inherits');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
@@ -197,8 +198,9 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
-      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
+      var _decodedSessionToken;
+      const hasValidSessionId = ((_decodedSessionToken = decodedSessionToken) === null || _decodedSessionToken === void 0 ? void 0 : _decodedSessionToken.nonce) === fragments.state;
+      const hasValidApplicationId = window.app.applicationId === (sessionState === null || sessionState === void 0 ? void 0 : sessionState.applicationId);
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -208,7 +210,7 @@ const OidcCallback = props => {
     } else {
       applicationShellConnectors.oidcStorage.setActiveSession(sessionToken);
       applicationShellConnectors.oidcStorage.removeSessionState(fragments.state);
-      if (sessionState?.query.redirectTo) {
+      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
         try {
           const redirectToUrl = new _URL__default["default"](sessionState.query.redirectTo);
           redirector$1({
@@ -216,7 +218,7 @@ const OidcCallback = props => {
           });
           return;
         } catch (error) {
-          console.warn(`Invalid "redirectTo" URL`, sessionState.query.redirectTo);
+          console.warn("Invalid \"redirectTo\" URL", sessionState.query.redirectTo);
           // ignore
         }
       }

package/dist/{project-container-3e3c7013.cjs.dev.js → project-container-2245f020.cjs.dev.js}

@@ -9,9 +9,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-8827f9fe.cjs.dev.js');
-var applicationEntryPoint = require('./application-entry-point-c87294b0.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-17f02024.cjs.dev.js');
+var oidc = require('./oidc-87d116c1.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-18d8fba0.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-1d1cc31f.cjs.dev.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,13 +33,14 @@ var SelectInput = require('@commercetools-uikit/select-input');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('tiny-invariant');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
-require('./index-614accc4.cjs.dev.js');
+require('./index-25183095.cjs.dev.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/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('@reduxjs/toolkit');
 require('lodash/mapValues');
@@ -50,7 +51,6 @@ 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');
@@ -62,17 +62,12 @@ require('@commercetools-frontend/i18n');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/flat-button');
 require('./location-c835b8df.cjs.dev.js');
+require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('memoize-one');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
 require('@commercetools-frontend/l10n');
-require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-require('@babel/runtime-corejs3/helpers/classCallCheck');
-require('@babel/runtime-corejs3/helpers/createClass');
-require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/flags');
 require('@apollo/client/react');
@@ -82,6 +77,12 @@ require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
 require('@flopflip/types');
 require('react-redux');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/inherits');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@flopflip/memory-adapter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
@@ -106,6 +107,7 @@ var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
 var SelectInput__default = /*#__PURE__*/_interopDefault(SelectInput);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 
 var messages$1 = reactIntl.defineMessages({
   localesLabel: {
@@ -238,13 +240,43 @@ const LocaleSwitcher = props => {
   });
 };
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-f29e6d47.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
+const getSelectedDataLocaleForProject = projectLocales => {
+  const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
+  // Make sure the cached locale is listed in the selected project
+  const isCachedDataLocaleIncludedInProjectLanguages = _includesInstanceProperty__default["default"](projectLocales).call(projectLocales, cachedDataLocale || '');
+  if (cachedDataLocale && isCachedDataLocaleIncludedInProjectLanguages) return cachedDataLocale;
+  // Pick the first locale from the list
+  const defaultDataLocaleForProject = projectLocales[0];
+  // Cache it
+  window.localStorage.setItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE, defaultDataLocaleForProject);
+  return defaultDataLocaleForProject;
+};
+const ProjectDataLocale = props => {
+  const _useState = react.useState(getSelectedDataLocaleForProject(props.locales)),
+    _useState2 = _slicedToArray(_useState, 2),
+    locale = _useState2[0],
+    setLocale = _useState2[1];
+  const handleSetProjectDataLocale = react.useCallback(locale => {
+    setLocale(locale);
+    // Cache it
+    window.localStorage.setItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE, locale);
+  }, []);
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.children({
+      locale,
+      setProjectDataLocale: handleSetProjectDataLocale
+    })
+  });
+};
+ProjectDataLocale.displayName = 'ProjectDataLocale';
+
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-c941b592.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-d968ede6.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-9b7cfe88.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-f346dc17.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-7b3843a3.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-6a886974.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-78e94b85.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {
@@ -295,10 +327,11 @@ const ProjectContainer = props => {
   }, [projectKey]);
   const hasNoProjects = props.user && props.user.projects.results.length === 0;
   if (hasNoProjects) {
+    var _props$render;
     return jsxRuntime.jsxs(reactRouterDom.Switch, {
       children: [jsxRuntime.jsx(reactRouterDom.Route, {
         path: "/account",
-        children: props.render?.()
+        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, {})
       })]
@@ -332,9 +365,10 @@ const ProjectContainer = props => {
           if (project.initialized === false) {
             return jsxRuntime.jsx(ProjectNotInitialized, {});
           }
-          return jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ProjectDataLocale, {
+          return jsxRuntime.jsx(ProjectDataLocale, {
             locales: project.languages,
             children: _ref2 => {
+              var _project$expiry$daysL;
               let locale = _ref2.locale,
                 setProjectDataLocale = _ref2.setProjectDataLocale;
               return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
@@ -343,7 +377,7 @@ const ProjectContainer = props => {
                 projectDataLocale: locale,
                 environment: props.environment,
                 children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                  children: [shouldShowNotificationForTrialExpired(project.expiry.daysLeft ?? undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
+                  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.DOMAINS.GLOBAL,
                     text: intl.formatMessage(messages.trialDaysLeft, {