@commercetools-frontend/application-shell 20.10.7 → 20.11.0

package/dist/{index-9659eee5.cjs.prod.js → index-76c4413b.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var applicationEntryPoint = require('./application-entry-point-4f7eaa05.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-ffe525a6.cjs.prod.js');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 var _pt = require('prop-types');
@@ -1856,8 +1856,10 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
           })]
         })
       }), applicationsAppBarMenu === null || applicationsAppBarMenu === void 0 ? void 0 : _mapInstanceProperty__default["default"](applicationsAppBarMenu).call(applicationsAppBarMenu, function (menu) {
+        var _menu$featureToggle;
+
         return jsxRuntime.jsx(OptionalFeatureToggle, {
-          featureToggle: menu.featureToggle,
+          featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
           children: jsxRuntime.jsx(reactRouterDom.Link, {
             css: getUserSettingsMenuItemLinkStyles(),
             to: "/account/".concat(menu.uriPath),
@@ -2291,7 +2293,9 @@ var _ref2$1 = {
 } ;
 
 var AppBar = function AppBar(props) {
-  var previousProjectKey = getPreviousProjectKey(props.user && props.user.defaultProjectKey);
+  var _props$user$defaultPr, _props$user;
+
+  var previousProjectKey = getPreviousProjectKey((_props$user$defaultPr = (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.defaultProjectKey) !== null && _props$user$defaultPr !== void 0 ? _props$user$defaultPr : undefined);
   return jsxRuntime.jsxs("div", {
     css: /*#__PURE__*/react$2.css("box-shadow:", designSystem.customProperties.shadow1, ";min-height:43px;position:relative;width:100%;z-index:20000;display:flex;align-items:center;justify-content:space-between;" + ("" ), "" ),
     "data-test": "top-navigation",
@@ -2431,19 +2435,19 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
 LocaleSwitcher.propTypes = {};
 
 var ProjectNotFound = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-found-2e2ced8e.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-found-ecbab238.cjs.prod.js'
   /* webpackChunkName: "project-not-found" */
   ); });
 });
 
 var ProjectExpired = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-expired-7d174057.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-expired-add920ff.cjs.prod.js'
   /* webpackChunkName: "project-expired" */
   ); });
 });
 
 var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-not-initialized-edf76f93.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-not-initialized-aa2e0406.cjs.prod.js'
   /* webpackChunkName: "project-not-initialized" */
   ); });
 });
@@ -2492,7 +2496,7 @@ var RedirectToProjectCreate = function RedirectToProjectCreate() {
 RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
 
 var ProjectSuspended = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./project-suspended-f97a6552.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./project-suspended-d70929a8.cjs.prod.js'
   /* webpackChunkName: "project-suspended" */
   ); });
 });
@@ -2594,6 +2598,8 @@ var ProjectContainer = function ProjectContainer(props) {
           return jsxRuntime.jsx(ProjectDataLocale, {
             locales: project.languages,
             children: function children(_ref2) {
+              var _project$expiry$daysL;
+
               var locale = _ref2.locale,
                   setProjectDataLocale = _ref2.setProjectDataLocale;
               return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
@@ -2602,7 +2608,7 @@ var ProjectContainer = function ProjectContainer(props) {
                 projectDataLocale: locale,
                 environment: props.environment,
                 children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                  children: [shouldShowNotificationForTrialExpired(project.expiry.daysLeft) && 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$1.trialDaysLeft, {
@@ -3426,7 +3432,7 @@ MenuLabel.propTypes = {
 };
 
 var ApplicationMenu = function ApplicationMenu(props) {
-  var _context5, _context6, _context7;
+  var _context5, _props$menu$featureTo, _props$menu$actionRig, _props$menu$dataFence, _context6, _context7;
 
   var isMainMenuRouteActive = Boolean(reactRouterDom.matchPath(props.location.pathname, {
     path: _concatInstanceProperty__default["default"](_context5 = "/".concat(props.projectKey, "/")).call(_context5, props.menu.uriPath),
@@ -3451,10 +3457,10 @@ var ApplicationMenu = function ApplicationMenu(props) {
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [props.menu.shouldRenderDivider && jsxRuntime.jsx(MenuItemDivider, {}), jsxRuntime.jsx(RestrictedMenuItem, {
       keyOfMenuItem: props.menu.key,
-      featureToggle: props.menu.featureToggle,
+      featureToggle: (_props$menu$featureTo = props.menu.featureToggle) !== null && _props$menu$featureTo !== void 0 ? _props$menu$featureTo : undefined,
       permissions: props.menu.permissions,
-      actionRights: props.menu.actionRights,
-      dataFences: props.menu.dataFences,
+      actionRights: (_props$menu$actionRig = props.menu.actionRights) !== null && _props$menu$actionRig !== void 0 ? _props$menu$actionRig : undefined,
+      dataFences: (_props$menu$dataFence = props.menu.dataFences) !== null && _props$menu$dataFence !== void 0 ? _props$menu$dataFence : undefined,
       projectPermissions: props.projectPermissions,
       menuVisibilities: props.menuVisibilities,
       namesOfMenuVisibilities: namesOfMenuVisibilitiesOfAllSubmenus,
@@ -3494,14 +3500,14 @@ var ApplicationMenu = function ApplicationMenu(props) {
           isActive: props.isActive,
           isExpanded: props.isMenuOpen,
           children: hasSubmenu ? _mapInstanceProperty__default["default"](_context7 = props.menu.submenu).call(_context7, function (submenu) {
-            var _context8, _context9;
+            var _context8, _submenu$featureToggl, _submenu$actionRights, _submenu$dataFences, _context9;
 
             return jsxRuntime.jsx(RestrictedMenuItem, {
               keyOfMenuItem: submenu.key,
-              featureToggle: submenu.featureToggle,
+              featureToggle: (_submenu$featureToggl = submenu.featureToggle) !== null && _submenu$featureToggl !== void 0 ? _submenu$featureToggl : undefined,
               permissions: submenu.permissions,
-              actionRights: submenu.actionRights,
-              dataFences: submenu.dataFences,
+              actionRights: (_submenu$actionRights = submenu.actionRights) !== null && _submenu$actionRights !== void 0 ? _submenu$actionRights : undefined,
+              dataFences: (_submenu$dataFences = submenu.dataFences) !== null && _submenu$dataFences !== void 0 ? _submenu$dataFences : undefined,
               projectPermissions: props.projectPermissions,
               menuVisibilities: props.menuVisibilities,
               namesOfMenuVisibilities: submenu.menuVisibility ? [submenu.menuVisibility] : undefined,
@@ -3706,7 +3712,7 @@ var pimIndexerStates = {
 };
 
 var QuickAccess = /*#__PURE__*/react.lazy(function () {
-  return Promise.resolve().then(function () { return require('./quick-access-bf585619.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./quick-access-0a46f8a1.cjs.prod.js'
   /* webpackChunkName: "quick-access" */
   ); });
 });
@@ -4024,9 +4030,11 @@ var RestrictedApplication = function RestrictedApplication(props) {
         user: user,
         environment: applicationEnvironment,
         children: jsxRuntime.jsx(i18n.AsyncLocaleData, {
-          locale: user && user.language,
+          locale: user === null || user === void 0 ? void 0 : user.language,
           applicationMessages: props.applicationMessages,
           children: function children(_ref9) {
+            var _user$businessRole;
+
             var isLoadingLocaleData = _ref9.isLoading,
                 locale = _ref9.locale,
                 messages = _ref9.messages;
@@ -4044,13 +4052,13 @@ var RestrictedApplication = function RestrictedApplication(props) {
                 defaultFlags: props.defaultFeatureFlags,
                 children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
                   children: [jsxRuntime.jsx(VersionTracker, {}), jsxRuntime.jsx(applicationEntryPoint.RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
-                    user: user
+                    user: user !== null && user !== void 0 ? user : undefined
                   }), jsxRuntime.jsx(GtmUserTracker, {
                     user: user
                   }), jsxRuntime.jsx(GtmApplicationTracker, {
                     applicationName: applicationEnvironment.applicationName,
                     projectKey: projectKeyFromUrl,
-                    userBusinessRole: user === null || user === void 0 ? void 0 : user.businessRole
+                    userBusinessRole: (_user$businessRole = user === null || user === void 0 ? void 0 : user.businessRole) !== null && _user$businessRole !== void 0 ? _user$businessRole : undefined
                   }), jsxRuntime.jsxs("div", {
                     role: "application-layout",
                     css: _ref6,
@@ -4175,7 +4183,9 @@ var RestrictedApplication = function RestrictedApplication(props) {
                             exact: true,
                             path: "/",
                             render: function render() {
-                              var previousProjectKey = getPreviousProjectKey(user && user.defaultProjectKey);
+                              var _user$defaultProjectK;
+
+                              var previousProjectKey = getPreviousProjectKey((_user$defaultProjectK = user === null || user === void 0 ? void 0 : user.defaultProjectKey) !== null && _user$defaultProjectK !== void 0 ? _user$defaultProjectK : undefined);
                               /**
                                * NOTE:
                                *   Given the user has not been loaded a loading spinner is shown.