@commercetools-frontend/application-shell 24.11.0 → 24.13.0

package/dist/{project-container-2d3d027a.cjs.prod.js → project-container-2f98a9d6.cjs.prod.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-d74e6aa2.cjs.prod.js');
-var applicationEntryPoint = require('./application-entry-point-8c4b8e53.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-7bdde97c.cjs.prod.js');
+var oidc = require('./oidc-258fc018.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-74a06151.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-242af4d2.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,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-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');
 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-537e0660.cjs.prod.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-f38a712a.cjs.prod.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-f753ba58.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-cfa934da.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-d594db71.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-b5a1400f.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-5a77d844.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-8e15a452.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-dccadfd7.cjs.prod.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, {

package/dist/{project-container-a11a31ca.cjs.dev.js → project-container-991a64a8.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-a57c8458.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-dcd3d8a3.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-9620dee4.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-fa4a86df.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-05683f8e.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-261f37e8.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-1ed56a00.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-c3a87ba6.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-68e80299.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-42a90ea6.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, {

package/dist/{project-container-fba09841.esm.js → project-container-ce0f6228.esm.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
-import { useCallback, lazy, useState, useEffect, Suspense } from 'react';
+import { useCallback, useState, lazy, useEffect, Suspense } from 'react';
 import isNil from 'lodash/isNil';
 import ReactDOM from 'react-dom';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
@@ -7,9 +7,9 @@ import { useLocation, useRouteMatch, Switch, Route } from 'react-router-dom';
 import { ApplicationContextProvider } from '@commercetools-frontend/application-shell-connectors';
 import { STORAGE_KEYS, DOMAINS } from '@commercetools-frontend/constants';
 import { Notifier } from '@commercetools-frontend/react-notifications';
-import { C as CONTAINERS, S as SUSPENSION_REASONS } from './oidc-b2520905.esm.js';
-import { A as ApplicationEntryPoint } from './application-entry-point-10a5e1a5.esm.js';
-import { a as RedirectToProjectCreate, E as ErrorBoundary, b as ApplicationLoader, F as FetchProject, P as ProjectDataLocale } from './index-67a5d8e8.esm.js';
+import { C as CONTAINERS, S as SUSPENSION_REASONS } from './oidc-35e8e62a.esm.js';
+import { A as ApplicationEntryPoint } from './application-entry-point-1b23fb6b.esm.js';
+import { a as RedirectToProjectCreate, E as ErrorBoundary, b as ApplicationLoader, F as FetchProject } from './index-d8c26ca0.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';
@@ -31,13 +31,14 @@ import SelectInput from '@commercetools-uikit/select-input';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'tiny-invariant';
 import '@commercetools-frontend/application-config/ssr';
 import '@commercetools-frontend/permissions';
-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';
 import '@babel/runtime-corejs3/core-js-stable/reflect/has';
 import '@reduxjs/toolkit';
 import 'lodash/mapValues';
@@ -48,7 +49,6 @@ 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';
@@ -60,17 +60,12 @@ import '@commercetools-frontend/i18n';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/flat-button';
 import './location-f21dbc25.esm.js';
+import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import 'memoize-one';
 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 '@flopflip/memory-adapter';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
@@ -217,13 +218,43 @@ const LocaleSwitcher = props => {
   });
 };
 
-const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-ede4d485.esm.js' /* webpackChunkName: "project-expired" */));
+const getSelectedDataLocaleForProject = projectLocales => {
+  const cachedDataLocale = window.localStorage.getItem(STORAGE_KEYS.SELECTED_DATA_LOCALE);
+  // Make sure the cached locale is listed in the selected project
+  const isCachedDataLocaleIncludedInProjectLanguages = _includesInstanceProperty(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(STORAGE_KEYS.SELECTED_DATA_LOCALE, defaultDataLocaleForProject);
+  return defaultDataLocaleForProject;
+};
+const ProjectDataLocale = props => {
+  const _useState = useState(getSelectedDataLocaleForProject(props.locales)),
+    _useState2 = _slicedToArray(_useState, 2),
+    locale = _useState2[0],
+    setLocale = _useState2[1];
+  const handleSetProjectDataLocale = useCallback(locale => {
+    setLocale(locale);
+    // Cache it
+    window.localStorage.setItem(STORAGE_KEYS.SELECTED_DATA_LOCALE, locale);
+  }, []);
+  return jsx(Fragment, {
+    children: props.children({
+      locale,
+      setProjectDataLocale: handleSetProjectDataLocale
+    })
+  });
+};
+ProjectDataLocale.displayName = 'ProjectDataLocale';
+
+const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-49e78c8c.esm.js' /* webpackChunkName: "project-expired" */));
 
-const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-093ab795.esm.js' /* webpackChunkName: "project-not-found" */));
+const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-ac82676b.esm.js' /* webpackChunkName: "project-not-found" */));
 
-const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-1d934ae7.esm.js' /* webpackChunkName: "project-not-initialized" */));
+const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-4c02d4b2.esm.js' /* webpackChunkName: "project-not-initialized" */));
 
-const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-e0722654.esm.js' /* webpackChunkName: "project-suspended" */));
+const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-cd66814e.esm.js' /* webpackChunkName: "project-suspended" */));
 
 var messages = defineMessages({
   trialDaysLeft: {
@@ -274,10 +305,11 @@ const ProjectContainer = props => {
   }, [projectKey]);
   const hasNoProjects = props.user && props.user.projects.results.length === 0;
   if (hasNoProjects) {
+    var _props$render;
     return jsxs(Switch, {
       children: [jsx(Route, {
         path: "/account",
-        children: props.render?.()
+        children: (_props$render = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props)
       }), jsx(Route, {
         children: jsx(RedirectToProjectCreate, {})
       })]
@@ -314,6 +346,7 @@ const ProjectContainer = props => {
           return jsx(ProjectDataLocale, {
             locales: project.languages,
             children: _ref2 => {
+              var _project$expiry$daysL;
               let locale = _ref2.locale,
                 setProjectDataLocale = _ref2.setProjectDataLocale;
               return jsx(ApplicationContextProvider, {
@@ -322,7 +355,7 @@ const ProjectContainer = props => {
                 projectDataLocale: locale,
                 environment: props.environment,
                 children: jsxs(Fragment, {
-                  children: [shouldShowNotificationForTrialExpired(project.expiry.daysLeft ?? undefined) && jsx(Notifier, {
+                  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, {

package/dist/{project-expired-ede4d485.esm.js → project-expired-49e78c8c.esm.js}

@@ -10,14 +10,14 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
 import ProjectExpiredIllustration from '@commercetools-frontend/assets/images/hourglass.svg';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-f3eac18a.esm.js';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-aca41b09.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-67a5d8e8.esm.js';
+import './index-d8c26ca0.esm.js';
 import 'react';
-import './index-86039df7.esm.js';
+import './index-5aaa33bb.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';
@@ -42,7 +42,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/i18n';
-import './oidc-b2520905.esm.js';
+import './oidc-35e8e62a.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';
@@ -50,6 +50,7 @@ import '@commercetools-uikit/spacings';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
 import './location-f21dbc25.esm.js';
+import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
@@ -60,12 +61,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';
@@ -75,6 +70,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';
@@ -98,7 +99,7 @@ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymb
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const salesEmail = 'sales@commercetools.com';
 const EmailLink = props => jsx("a", {
-  href: `mailto:${props.email}`,
+  href: "mailto:".concat(props.email),
   children: props.email
 });
 EmailLink.displayName = 'EmailLink';

package/dist/{project-expired-f38a712a.cjs.prod.js → project-expired-f753ba58.cjs.prod.js}

@@ -12,14 +12,14 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var ProjectExpiredIllustration = require('@commercetools-frontend/assets/images/hourglass.svg');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-1dad9871.cjs.prod.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-532df57f.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@emotion/styled/base');
 require('react-router-dom');
 require('@commercetools-frontend/application-shell-connectors');
-require('./index-7bdde97c.cjs.prod.js');
+require('./index-242af4d2.cjs.prod.js');
 require('react');
-require('./index-245e2980.cjs.prod.js');
+require('./index-52c724ed.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -44,7 +44,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/i18n');
-require('./oidc-d74e6aa2.cjs.prod.js');
+require('./oidc-258fc018.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
@@ -52,6 +52,7 @@ require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./location-537e0660.cjs.prod.js');
+require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
@@ -62,12 +63,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');
@@ -77,6 +72,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');
@@ -112,7 +113,7 @@ function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Objec
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const salesEmail = 'sales@commercetools.com';
 const EmailLink = props => jsxRuntime.jsx("a", {
-  href: `mailto:${props.email}`,
+  href: "mailto:".concat(props.email),
   children: props.email
 });
 EmailLink.displayName = 'EmailLink';