@commercetools-frontend/application-shell 24.9.0 → 24.11.0

package/dist/{index-d0acb02b.cjs.prod.js → index-7bdde97c.cjs.prod.js}

@@ -105,9 +105,9 @@ var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "24.9.0";
+var version = "24.11.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-243d6048.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-877c1541.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -571,7 +571,7 @@ FetchUser.displayName = 'FetchUser';
 
 const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-acc2cd1b.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-d53901f3.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-2d3d027a.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -676,7 +676,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-8e9d5474.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-9dd197bb.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -761,7 +761,7 @@ const QuickAccessTrigger = props => {
 };
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-bdefd5b2.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-2802852c.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-e4ff7797.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
@@ -944,6 +944,7 @@ const ApplicationShellAuthenticated = props => {
         }
         // Since we do not know the locale of the user, we pick it from the
         // user's browser to attempt to match the language for the correct translations.
+
         const userLocale = getBrowserLocale(window);
         return jsxRuntime.jsx(i18n.AsyncLocaleData, {
           locale: userLocale,
@@ -961,11 +962,18 @@ const ApplicationShellAuthenticated = props => {
         });
       }
       const projectKeyFromUrl = applicationShellConnectors.selectProjectKeyFromUrl(location.pathname);
+
+      // Check if user is ct staff, and if so get language selected via staff bar from local storage
+      const staffBarLanguage = user?.launchdarklyTrackingGroup === 'commercetools' || user?.launchdarklyTrackingGroup === 'mailosaur' ? applicationShellConnectors.selectUserLanguageFromStorage() : undefined;
+      const normalizedUser = user ? _objectSpread$8(_objectSpread$8({}, user), {}, {
+        // set the staff bar language if applicable
+        language: staffBarLanguage ?? user.language
+      }) : undefined;
       return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
-        user: user,
+        user: normalizedUser,
         environment: applicationEnvironment,
         children: jsxRuntime.jsx(i18n.AsyncLocaleData, {
-          locale: user?.language,
+          locale: normalizedUser?.language,
           applicationMessages: props.applicationMessages,
           children: _ref7 => {
             let isLoadingLocaleData = _ref7.isLoading,
@@ -979,14 +987,14 @@ const ApplicationShellAuthenticated = props => {
               messages
             }), {}, {
               children: jsxRuntime.jsx(SetupFlopFlipProvider, {
-                user: user,
+                user: normalizedUser,
                 projectKey: projectKeyFromUrl,
                 ldClientSideId: applicationEnvironment.ldClientSideId,
                 flags: props.featureFlags,
                 defaultFlags: props.defaultFeatureFlags,
                 children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
                   children: [jsxRuntime.jsx(ThemeSwitcher, {}), jsxRuntime.jsx(RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
-                    user: user ?? undefined
+                    user: normalizedUser
                   }), jsxRuntime.jsxs("div", {
                     css: /*#__PURE__*/react$1.css("height:100vh;display:grid;grid-template-rows:auto ", oidc.DIMENSIONS.header, " 1fr;grid-template-columns:min-content 1fr;" + ("" ), "" ),
                     children: [jsxRuntime.jsxs("div", {
@@ -1019,7 +1027,7 @@ const ApplicationShellAuthenticated = props => {
                                 let dataLocale = _ref9.locale,
                                   setProjectDataLocale = _ref9.setProjectDataLocale;
                                 return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
-                                  user: user,
+                                  user: normalizedUser,
                                   project: project,
                                   projectDataLocale: dataLocale,
                                   environment: applicationEnvironment,
@@ -1035,7 +1043,7 @@ const ApplicationShellAuthenticated = props => {
                     }), jsxRuntime.jsx("header", {
                       css: _ref3,
                       children: jsxRuntime.jsx(AppBar, {
-                        user: user,
+                        user: normalizedUser,
                         projectKeyFromUrl: projectKeyFromUrl
                       })
                     }), jsxRuntime.jsx("aside", {
@@ -1059,7 +1067,7 @@ const ApplicationShellAuthenticated = props => {
                               project = _ref0.project;
                             const isLoading = isLoadingUser || isLoadingLocaleData || isLoadingProject || !locale || !project;
                             return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
-                              user: user,
+                              user: normalizedUser,
                               environment: applicationEnvironment
                               // NOTE: do not pass the `project` into the application context.
                               // The permissions for the Navbar are resolved separately, within
@@ -1123,7 +1131,7 @@ const ApplicationShellAuthenticated = props => {
                             exact: true,
                             path: "/",
                             children: (() => {
-                              const previousProjectKey = getPreviousProjectKey(user?.defaultProjectKey ?? undefined);
+                              const previousProjectKey = getPreviousProjectKey(normalizedUser?.defaultProjectKey ?? undefined);
 
                               /**
                                * NOTE:
@@ -1133,7 +1141,7 @@ const ApplicationShellAuthenticated = props => {
                                *   Given the user was working on a project previously or has a default
                                *   project, the application will redirect to that project.
                                */
-                              if (!user) return jsxRuntime.jsx(ApplicationLoader, {});
+                              if (!normalizedUser) return jsxRuntime.jsx(ApplicationLoader, {});
                               if (!previousProjectKey) return jsxRuntime.jsx(RedirectToProjectCreate, {});
                               return jsxRuntime.jsx(reactRouterDom.Redirect, {
                                 to: `/${previousProjectKey}`
@@ -1143,7 +1151,7 @@ const ApplicationShellAuthenticated = props => {
                             exact: false,
                             path: "/:projectKey",
                             children: jsxRuntime.jsx(ProjectContainer, {
-                              user: user,
+                              user: normalizedUser,
                               environment: applicationEnvironment,
                               disableRoutePermissionCheck: props.disableRoutePermissionCheck
                               // This effectively renders the
@@ -1373,7 +1381,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-8264660f.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-ce8cbdfe.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
 
 function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(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$4(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$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1581,7 +1589,7 @@ const ApplicationShell = props => {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = version;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-2064254e.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-3a171a01.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({