@commercetools-frontend/application-shell 24.13.0 → 25.1.0

package/dist/{oidc-callback-82aa6be5.esm.js → oidc-callback-43725da4.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-656c6ee7.esm.js';
+import { u as useRedirector } from './redirector-d856975f.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-d8c26ca0.esm.js';
+import { C as ConfigureIntlProvider } from './index-c8c7dc44.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-5aaa33bb.esm.js';
+import './index-86039df7.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,10 +53,9 @@ 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-35e8e62a.esm.js';
+import './oidc-b2520905.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';
@@ -187,9 +186,8 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      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);
+      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
+      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -199,7 +197,7 @@ const OidcCallback = props => {
     } else {
       oidcStorage.setActiveSession(sessionToken);
       oidcStorage.removeSessionState(fragments.state);
-      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
+      if (sessionState?.query.redirectTo) {
         try {
           const redirectToUrl = new _URL(sessionState.query.redirectTo);
           redirector({
@@ -207,7 +205,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-300966ee.cjs.prod.js → oidc-callback-d0f0ab00.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-c858d578.cjs.prod.js');
+var redirector = require('./redirector-0c72d0a4.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-242af4d2.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3ce8bcb0.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-52c724ed.cjs.prod.js');
+require('./index-245e2980.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,10 +55,9 @@ 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-258fc018.cjs.prod.js');
+require('./oidc-d74e6aa2.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');
@@ -198,9 +197,8 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      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);
+      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
+      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -210,7 +208,7 @@ const OidcCallback = props => {
     } else {
       applicationShellConnectors.oidcStorage.setActiveSession(sessionToken);
       applicationShellConnectors.oidcStorage.removeSessionState(fragments.state);
-      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
+      if (sessionState?.query.redirectTo) {
         try {
           const redirectToUrl = new _URL__default["default"](sessionState.query.redirectTo);
           redirector$1({
@@ -218,7 +216,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-d74e6aa2.cjs.prod.js

@@ -0,0 +1,98 @@
+'use strict';
+
+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 _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 _context, _context2;
+  const claims = [];
+
+  // Set the projectKey
+  if (options.projectKey) {
+    claims.push(`${OIDC_CLAIMS.PROJECT_KEY}:${options.projectKey}`);
+  }
+
+  // Set the OAuth Scopes
+  claims.push(..._mapInstanceProperty__default["default"](_context = options.oAuthScopes?.view ?? []).call(_context, scope => `${OIDC_CLAIMS.VIEW}:${scope}`));
+  claims.push(..._mapInstanceProperty__default["default"](_context2 = options.oAuthScopes?.manage ?? []).call(_context2, scope => `${OIDC_CLAIMS.MANAGE}:${scope}`));
+  // Set additional OAuth scopes
+  if (options?.additionalOAuthScopes) {
+    var _context3;
+    _forEachInstanceProperty__default["default"](_context3 = options.additionalOAuthScopes).call(_context3, additionalOAuthScope => {
+      var _context4, _context5;
+      claims.push(..._mapInstanceProperty__default["default"](_context4 = additionalOAuthScope.view ?? []).call(_context4, viewOAuthScope => `view/${additionalOAuthScope.name}:${viewOAuthScope}`), ..._mapInstanceProperty__default["default"](_context5 = additionalOAuthScope.manage ?? []).call(_context5, manageOAuthScope => `manage/${additionalOAuthScope.name}:${manageOAuthScope}`));
+    });
+  }
+
+  // Set the teamId and applicationId
+  if (options.teamId) {
+    claims.push(`${OIDC_CLAIMS.TEAM_ID}:${options.teamId}`);
+    if (options.applicationId) {
+      claims.push(`${OIDC_CLAIMS.APPLICATION_ID}:${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/{project-container-991a64a8.cjs.dev.js → project-container-1ee088eb.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-87d116c1.cjs.dev.js');
-var applicationEntryPoint = require('./application-entry-point-18d8fba0.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-dcd3d8a3.cjs.dev.js');
+var oidc = require('./oidc-8827f9fe.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-c87294b0.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-2b8a5370.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');
@@ -34,13 +34,13 @@ 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-25183095.cjs.dev.js');
+require('./index-614accc4.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');
@@ -62,7 +62,6 @@ 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');
@@ -270,13 +269,13 @@ const ProjectDataLocale = props => {
 };
 ProjectDataLocale.displayName = 'ProjectDataLocale';
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-fa4a86df.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-cd366d1f.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-261f37e8.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-e7381918.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-c3a87ba6.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-9e5f45ed.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-42a90ea6.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-9eb2139a.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {
@@ -327,11 +326,10 @@ 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 = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props)
+        children: props.render?.()
       }), jsxRuntime.jsx(reactRouterDom.Route, {
         children: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.RedirectToProjectCreate, {})
       })]
@@ -368,7 +366,6 @@ const ProjectContainer = props => {
           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, {
@@ -377,7 +374,7 @@ const ProjectContainer = props => {
                 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, {
+                  children: [shouldShowNotificationForTrialExpired(project.expiry.daysLeft ?? undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
                     kind: "warning",
                     domain: constants.DOMAINS.GLOBAL,
                     text: intl.formatMessage(messages.trialDaysLeft, {

package/dist/{project-container-2f98a9d6.cjs.prod.js → project-container-64823e34.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-258fc018.cjs.prod.js');
-var applicationEntryPoint = require('./application-entry-point-74a06151.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-242af4d2.cjs.prod.js');
+var oidc = require('./oidc-d74e6aa2.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-8c4b8e53.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3ce8bcb0.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');
@@ -34,13 +34,13 @@ 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-52c724ed.cjs.prod.js');
+require('./index-245e2980.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');
@@ -62,7 +62,6 @@ 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');
@@ -270,13 +269,13 @@ const ProjectDataLocale = props => {
 };
 ProjectDataLocale.displayName = 'ProjectDataLocale';
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-f753ba58.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-b3656692.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-d594db71.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-278f33b4.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-5a77d844.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-df5f697e.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-dccadfd7.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-defdb3bb.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {
@@ -327,11 +326,10 @@ 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 = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props)
+        children: props.render?.()
       }), jsxRuntime.jsx(reactRouterDom.Route, {
         children: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.RedirectToProjectCreate, {})
       })]
@@ -368,7 +366,6 @@ const ProjectContainer = props => {
           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, {
@@ -377,7 +374,7 @@ const ProjectContainer = props => {
                 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, {
+                  children: [shouldShowNotificationForTrialExpired(project.expiry.daysLeft ?? undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
                     kind: "warning",
                     domain: constants.DOMAINS.GLOBAL,
                     text: intl.formatMessage(messages.trialDaysLeft, {

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

@@ -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-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 { 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 } from './index-c8c7dc44.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';
@@ -32,13 +32,13 @@ 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-5aaa33bb.esm.js';
+import './index-86039df7.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';
@@ -60,7 +60,6 @@ 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';
@@ -248,13 +247,13 @@ const ProjectDataLocale = props => {
 };
 ProjectDataLocale.displayName = 'ProjectDataLocale';
 
-const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-49e78c8c.esm.js' /* webpackChunkName: "project-expired" */));
+const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-c5239755.esm.js' /* webpackChunkName: "project-expired" */));
 
-const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-ac82676b.esm.js' /* webpackChunkName: "project-not-found" */));
+const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-329638a6.esm.js' /* webpackChunkName: "project-not-found" */));
 
-const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-4c02d4b2.esm.js' /* webpackChunkName: "project-not-initialized" */));
+const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-80b21ac8.esm.js' /* webpackChunkName: "project-not-initialized" */));
 
-const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-cd66814e.esm.js' /* webpackChunkName: "project-suspended" */));
+const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-41550cb8.esm.js' /* webpackChunkName: "project-suspended" */));
 
 var messages = defineMessages({
   trialDaysLeft: {
@@ -305,11 +304,10 @@ 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 = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props)
+        children: props.render?.()
       }), jsx(Route, {
         children: jsx(RedirectToProjectCreate, {})
       })]
@@ -346,7 +344,6 @@ 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, {
@@ -355,7 +352,7 @@ const ProjectContainer = props => {
                 projectDataLocale: locale,
                 environment: props.environment,
                 children: jsxs(Fragment, {
-                  children: [shouldShowNotificationForTrialExpired((_project$expiry$daysL = project.expiry.daysLeft) !== null && _project$expiry$daysL !== void 0 ? _project$expiry$daysL : undefined) && jsx(Notifier, {
+                  children: [shouldShowNotificationForTrialExpired(project.expiry.daysLeft ?? undefined) && jsx(Notifier, {
                     kind: "warning",
                     domain: DOMAINS.GLOBAL,
                     text: intl.formatMessage(messages.trialDaysLeft, {

package/dist/{project-expired-f753ba58.cjs.prod.js → project-expired-b3656692.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-532df57f.cjs.prod.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-9405f62f.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-242af4d2.cjs.prod.js');
+require('./index-3ce8bcb0.cjs.prod.js');
 require('react');
-require('./index-52c724ed.cjs.prod.js');
+require('./index-245e2980.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-258fc018.cjs.prod.js');
+require('./oidc-d74e6aa2.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,7 +52,6 @@ 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');
@@ -113,7 +112,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:".concat(props.email),
+  href: `mailto:${props.email}`,
   children: props.email
 });
 EmailLink.displayName = 'EmailLink';

package/dist/{project-expired-49e78c8c.esm.js → project-expired-c5239755.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-aca41b09.esm.js';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-bb959b99.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-d8c26ca0.esm.js';
+import './index-c8c7dc44.esm.js';
 import 'react';
-import './index-5aaa33bb.esm.js';
+import './index-86039df7.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-35e8e62a.esm.js';
+import './oidc-b2520905.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,7 +50,6 @@ 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';
@@ -99,7 +98,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:".concat(props.email),
+  href: `mailto:${props.email}`,
   children: props.email
 });
 EmailLink.displayName = 'EmailLink';

package/dist/{project-expired-fa4a86df.cjs.dev.js → project-expired-cd366d1f.cjs.dev.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-0f1c1d7f.cjs.dev.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-b9a7c9d6.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@emotion/styled/base');
 require('react-router-dom');
 require('@commercetools-frontend/application-shell-connectors');
-require('./index-dcd3d8a3.cjs.dev.js');
+require('./index-2b8a5370.cjs.dev.js');
 require('react');
-require('./index-25183095.cjs.dev.js');
+require('./index-614accc4.cjs.dev.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-87d116c1.cjs.dev.js');
+require('./oidc-8827f9fe.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
@@ -52,7 +52,6 @@ require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./location-c835b8df.cjs.dev.js');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
@@ -113,7 +112,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:".concat(props.email),
+  href: `mailto:${props.email}`,
   children: props.email
 });
 EmailLink.displayName = 'EmailLink';