@commercetools-frontend/application-shell 22.30.3 → 22.31.0

package/dist/{index-986cb2e3.cjs.prod.js → index-ff4b1f1e.cjs.prod.js}

@@ -3,7 +3,7 @@
 var _pt = require('prop-types');
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
-var index = require('./index-055ebc13.cjs.prod.js');
+var index = require('./index-91985d64.cjs.prod.js');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -24,9 +24,8 @@ var constants = require('@commercetools-frontend/constants');
 var i18n = require('@commercetools-frontend/i18n');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var sentry = require('@commercetools-frontend/sentry');
-var oidc = require('./oidc-cfa56c46.cjs.prod.js');
+var oidc = require('./oidc-d02d4ab8.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var designSystem = require('@commercetools-uikit/design-system');
 var Spacings = require('@commercetools-uikit/spacings');
 var reactIntl = require('react-intl');
@@ -34,7 +33,6 @@ var FlatButton = require('@commercetools-uikit/flat-button');
 var icons = require('@commercetools-uikit/icons');
 var location = require('./location-537e0660.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var memoize = require('memoize-one');
@@ -42,6 +40,9 @@ var reactSelect = require('react-select');
 var AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
 var SelectInput = require('@commercetools-uikit/select-input');
 var Text = require('@commercetools-uikit/text');
+var reactBroadcast = require('@flopflip/react-broadcast');
+var SecondaryButton = require('@commercetools-uikit/secondary-button');
+var Tooltip = require('@commercetools-uikit/tooltip');
 var CTLogoSVG = require('@commercetools-frontend/assets/images/ct-logo.svg');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
 var history = require('@commercetools-frontend/browser-history');
@@ -61,7 +62,6 @@ var react$2 = require('@apollo/client/react');
 var combineAdapters = require('@flopflip/combine-adapters');
 var httpAdapter = require('@flopflip/http-adapter');
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
-var reactBroadcast = require('@flopflip/react-broadcast');
 var types = require('@flopflip/types');
 var reactRedux = require('react-redux');
 var upperFirst = require('lodash/upperFirst');
@@ -90,7 +90,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
@@ -98,6 +97,8 @@ var memoize__default = /*#__PURE__*/_interopDefault(memoize);
 var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
 var SelectInput__default = /*#__PURE__*/_interopDefault(SelectInput);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
+var SecondaryButton__default = /*#__PURE__*/_interopDefault(SecondaryButton);
+var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
 var CTLogoSVG__default = /*#__PURE__*/_interopDefault(CTLogoSVG);
 var LoadingSpinner__default = /*#__PURE__*/_interopDefault(LoadingSpinner);
 var history__default = /*#__PURE__*/_interopDefault(history);
@@ -116,9 +117,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 applicationShellVersion = "22.30.3";
+var applicationShellVersion = "22.31.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-171a2177.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-61257a90.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -132,7 +133,7 @@ const getPreviousProjectKey = defaultProjectKeyOfUser => {
   return;
 };
 
-var messages$1 = reactIntl.defineMessages({
+var messages$2 = reactIntl.defineMessages({
   backToProjectLink: {
     id: 'AppBar.backToProjectLink',
     defaultMessage: 'Back to project'
@@ -144,19 +145,25 @@ var messages$1 = reactIntl.defineMessages({
  *   A full page reload is needed as the user's project may have changed (deletions and/or additions).
  *   As a result the project and user queries need refetching.
  */
-const redirectToProject = key => location.location.replace("/".concat(key));
+const redirectToProject = key => location.location.replace(`/${key}`);
 const BackToProject = props => {
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx(FlatButton__default["default"], {
     onClick: () => redirectToProject(props.projectKey || ''),
     icon: jsxRuntime.jsx(icons.AngleLeftIcon, {}),
-    label: intl.formatMessage(messages$1.backToProjectLink)
+    label: intl.formatMessage(messages$2.backToProjectLink)
   });
 };
 BackToProject.displayName = 'BackToProject';
 
-var _templateObject;
-const animationPulse = react$1.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    background-color: ", ";\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), designSystem.customProperties.colorNeutral, designSystem.customProperties.colorNeutral95);
+const animationPulse = react$1.keyframes`
+  0% {
+    background-color: ${designSystem.customProperties.colorNeutral};
+  }
+  100% {
+    background-color: ${designSystem.customProperties.colorNeutral95};
+  }
+`;
 const getWidthBySize = props => {
   switch (props.shape) {
     case 'dot':
@@ -225,7 +232,7 @@ const LoadingPlaceholder = /*#__PURE__*/_styled__default["default"]("div", {
 } )("background-color:", designSystem.customProperties.colorNeutral, ";animation-name:", animationPulse, ";animation-duration:1s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:infinite;width:", getWidthBySize, ";height:", getHeightBySize, ";border-radius:", getRadiusBySize, ";" + ("" ));
 LoadingPlaceholder.displayName = 'LoadingPlaceholder';
 
-var messages = reactIntl.defineMessages({
+var messages$1 = reactIntl.defineMessages({
   projectsLabel: {
     id: 'ProjectSwitcher.projectsLabel',
     description: 'The label for project dropdown switcher',
@@ -276,7 +283,7 @@ const ProjectStampsList = props => jsxRuntime.jsxs(Spacings__default["default"].
     daysLeft: props.expiry.daysLeft
   })]
 });
-var _ref$2 = {
+var _ref$3 = {
   name: "uyj17t",
   styles: "flex:1;word-wrap:break-word"
 } ;
@@ -287,7 +294,7 @@ const ProjectSwitcherOption = props => {
       scale: "xs",
       justifyContent: "space-between",
       children: [jsxRuntime.jsxs("div", {
-        css: _ref$2,
+        css: _ref$3,
         children: [jsxRuntime.jsx(Text__default["default"].Body, {
           fontWeight: "medium",
           tone: props.isDisabled ? 'tertiary' : 'inherit',
@@ -306,7 +313,7 @@ const ProjectSwitcherOption = props => {
 };
 const mapProjectsToOptions = memoize__default["default"](projects => {
   return [{
-    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.projectsLabel)),
+    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$1.projectsLabel)),
     options: _mapInstanceProperty__default["default"](projects).call(projects, project => ({
       key: project.key,
       name: project.name,
@@ -345,7 +352,7 @@ const ProjectSwitcher = props => {
     children: [jsxRuntime.jsx(AccessibleHidden__default["default"], {
       children: jsxRuntime.jsx("span", {
         id: PROJECT_SWITCHER_LABEL_ID,
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.projectsLabel))
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$1.projectsLabel))
       })
     }), jsxRuntime.jsx(SelectInput__default["default"], {
       value: props.projectKey || '',
@@ -354,15 +361,14 @@ const ProjectSwitcher = props => {
       onChange: event => {
         const selectedProjectKey = event.target.value;
         if (selectedProjectKey !== props.projectKey) {
-          var _window$app$__DEVELOP;
-          if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP !== void 0 && _window$app$__DEVELOP.authorizeUrl) {
+          if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
             applicationShellConnectors.oidcStorage.setActiveProjectKey(selectedProjectKey);
           }
 
           // We simply redirect to a "new" browser page, instead of using the
           // history router. This will simplify a lot of things and avoid possible
           // problems like e.g. resetting the store/state.
-          redirectTo("/".concat(selectedProjectKey));
+          redirectTo(`/${selectedProjectKey}`);
         }
       },
       options: data && data.user && mapProjectsToOptions(data.user.projects.results) || [],
@@ -378,8 +384,8 @@ const ProjectSwitcher = props => {
       },
       isClearable: false,
       backspaceRemovesValue: false,
-      placeholder: intl.formatMessage(messages.searchPlaceholder),
-      noOptionsMessage: () => intl.formatMessage(messages.noResults),
+      placeholder: intl.formatMessage(messages$1.searchPlaceholder),
+      noOptionsMessage: () => intl.formatMessage(messages$1.noResults),
       horizontalConstraint: 'auto',
       appearance: "quiet",
       maxMenuHeight: 380,
@@ -393,7 +399,53 @@ ProjectSwitcher.displayName = 'ProjectSwitcher';
 // eslint-disable-next-line import/prefer-default-export
 const REQUESTS_IN_FLIGHT_LOADER_DOM_ID = 'loader-for-requests-in-flight';
 
-const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-3f86267c.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-8bba9f50.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
+
+var messages = reactIntl.defineMessages({
+  tooltip: {
+    id: 'WorkspacesNavigationButton.tooltip',
+    description: 'The tooltip for the Workspaces navigation button',
+    defaultMessage: 'Switch between commercetools products'
+  }
+});
+
+const FEATURE_NAME = 'Workspaces';
+
+// TODO: This logo still TBD, placeholder for now
+var _ref$2 = {
+  name: "ixn6q",
+  styles: "height:22px;width:22px;background-color:lightgray;border-radius:4px"
+} ;
+const WorkspacesLogo = () => {
+  return jsxRuntime.jsx("div", {
+    css: _ref$2
+  });
+};
+const WorkspacesNavigationButton = () => {
+  const _useIntl = reactIntl.useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  const workspacesAppBarButtonEnabled = reactBroadcast.useFlagVariation(constants.featureFlags.ENABLE_WORKSPACES_UI);
+
+  // @ts-ignore It's coming from the MC API, it's an object { value: boolean }.
+  const isWorkspacesButtonEnabled = workspacesAppBarButtonEnabled?.value;
+  if (!isWorkspacesButtonEnabled) return null;
+  return jsxRuntime.jsx("div", {
+    css: /*#__PURE__*/react$1.css("margin-right:", designSystem.designTokens.spacing60, ";" + ("" ), "" ),
+    children: jsxRuntime.jsx("div", {
+      css: /*#__PURE__*/react$1.css("a{border-radius:", designSystem.designTokens.borderRadius20, ";}" + ("" ), "" ),
+      children: jsxRuntime.jsx(Tooltip__default["default"], {
+        placement: "bottom",
+        title: formatMessage(messages.tooltip),
+        children: jsxRuntime.jsx(SecondaryButton__default["default"], {
+          iconLeft: jsxRuntime.jsx(WorkspacesLogo, {}),
+          as: reactRouterDom.Link,
+          label: FEATURE_NAME,
+          to: '/workspaces'
+        })
+      })
+    })
+  });
+};
 
 var _ref$1 = {
   name: "zjik7",
@@ -408,8 +460,7 @@ var _ref3$1 = {
   styles: "height:22px"
 } ;
 const AppBar = props => {
-  var _props$user$defaultPr, _props$user;
-  const 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);
+  const previousProjectKey = getPreviousProjectKey(props.user?.defaultProjectKey ?? undefined);
   return jsxRuntime.jsxs("div", {
     css: /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorSurface, ";box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.15);padding:0 40px;min-height:", oidc.DIMENSIONS.header, ";position:relative;width:100%;z-index:20000;display:flex;align-items:center;justify-content:space-between;" + ("" ), "" ),
     "data-test": "top-navigation",
@@ -434,7 +485,7 @@ const AppBar = props => {
               const selectedProject = _findInstanceProperty__default["default"](_context = props.user.projects.results).call(_context, project => project.key === props.projectKeyFromUrl);
               return jsxRuntime.jsxs("div", {
                 css: /*#__PURE__*/react$1.css("display:flex;gap:", designSystem.designTokens.spacing20, ";align-items:center;" + ("" ), "" ),
-                children: [(selectedProject === null || selectedProject === void 0 ? void 0 : selectedProject.isProductionProject) && jsxRuntime.jsx("div", {
+                children: [selectedProject?.isProductionProject && jsxRuntime.jsx("div", {
                   css: _ref3$1,
                   children: jsxRuntime.jsx(applicationComponents.ProjectStamp.IsProduction, {})
                 }), jsxRuntime.jsx(ProjectSwitcher
@@ -466,7 +517,7 @@ const AppBar = props => {
       css: _ref$1,
       children: [jsxRuntime.jsx("div", {
         id: oidc.CONTAINERS.LEFT_OF_PROFILE
-      }), props.user ? jsxRuntime.jsx(UserSettingsMenu, {
+      }), jsxRuntime.jsx(WorkspacesNavigationButton, {}), props.user ? jsxRuntime.jsx(UserSettingsMenu, {
         language: props.user.language,
         firstName: props.user.firstName,
         lastName: props.user.lastName,
@@ -586,9 +637,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-ced649a9.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-32ad8010.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-7b970853.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-4cc1a369.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -700,7 +751,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-c4f74cba.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-96ea968d.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -786,7 +837,7 @@ const QuickAccessTrigger = props => {
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-e365ba72.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-d017b04b.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" */); }));
 
@@ -798,16 +849,15 @@ var AllFeaturesQuery = { kind: "Document", definitions: [{ kind: "OperationDefin
 // is no need to be concerned about security.
 const ldClientSideIdProduction = '5979d95f6040390cd07b5e01';
 function getUserContextForLaunchDarklyAdapter(user, projectKey) {
-  var _user$launchdarklyTra, _user$launchdarklyTra2, _user$launchdarklyTra3, _user$launchdarklyTra4, _user$launchdarklyTra5;
   return {
     kind: 'user',
-    key: user === null || user === void 0 ? void 0 : user.id,
-    project: projectKey !== null && projectKey !== void 0 ? projectKey : '',
-    id: (_user$launchdarklyTra = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingId) !== null && _user$launchdarklyTra !== void 0 ? _user$launchdarklyTra : '',
-    team: (_user$launchdarklyTra2 = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingTeam) !== null && _user$launchdarklyTra2 !== void 0 ? _user$launchdarklyTra2 : [],
-    group: (_user$launchdarklyTra3 = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingGroup) !== null && _user$launchdarklyTra3 !== void 0 ? _user$launchdarklyTra3 : '',
-    subgroup: (_user$launchdarklyTra4 = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingSubgroup) !== null && _user$launchdarklyTra4 !== void 0 ? _user$launchdarklyTra4 : '',
-    cloudEnvironment: (_user$launchdarklyTra5 = user === null || user === void 0 ? void 0 : user.launchdarklyTrackingCloudEnvironment) !== null && _user$launchdarklyTra5 !== void 0 ? _user$launchdarklyTra5 : ''
+    key: user?.id,
+    project: projectKey ?? '',
+    id: user?.launchdarklyTrackingId ?? '',
+    team: user?.launchdarklyTrackingTeam ?? [],
+    group: user?.launchdarklyTrackingGroup ?? '',
+    subgroup: user?.launchdarklyTrackingSubgroup ?? '',
+    cloudEnvironment: user?.launchdarklyTrackingCloudEnvironment ?? ''
   };
 }
 const parseFlags = fetchedFlags => {
@@ -839,51 +889,47 @@ const SetupFlopFlipProvider = props => {
     }
   }, [enableLongLivedFeatureFlags]);
   const defaultFlags = react.useMemo(() => _objectSpread$7(_objectSpread$7({}, constants.featureFlags.DEFAULT_FLAGS), props.defaultFlags), [props.defaultFlags]);
-  const adapterArgs = react.useMemo(() => {
-    var _props$user, _props$ldClientSideId, _props$user2;
-    return {
+  const adapterArgs = react.useMemo(() => ({
+    user: {
+      key: props.user?.id
+    },
+    launchdarkly: {
+      cacheIdentifier: types.cacheIdentifiers.local,
+      cacheMode: getCacheMode(types.adapterIdentifiers.launchdarkly),
+      sdk: {
+        // Allow to overwrite the client ID, passed via the `additionalEnv` properties
+        // of the application config.
+        // This is mostly useful for internal usage on our staging environments.
+        clientSideId: props.ldClientSideId ?? ldClientSideIdProduction,
+        clientOptions: {
+          sendEventsOnlyForVariation: true
+        }
+      },
+      flags,
+      context: getUserContextForLaunchDarklyAdapter(props.user, props.projectKey)
+    },
+    http: {
+      // polling interval set to 15 minutes
+      pollingIntervalMs: 1000 * 60 * 15,
+      cacheIdentifier: types.cacheIdentifiers.local,
+      cacheMode: getCacheMode(types.adapterIdentifiers.http),
       user: {
-        key: (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.id
+        key: props.user?.id
       },
-      launchdarkly: {
-        cacheIdentifier: types.cacheIdentifiers.local,
-        cacheMode: getCacheMode(types.adapterIdentifiers.launchdarkly),
-        sdk: {
-          // Allow to overwrite the client ID, passed via the `additionalEnv` properties
-          // of the application config.
-          // This is mostly useful for internal usage on our staging environments.
-          clientSideId: (_props$ldClientSideId = props.ldClientSideId) !== null && _props$ldClientSideId !== void 0 ? _props$ldClientSideId : ldClientSideIdProduction,
-          clientOptions: {
-            sendEventsOnlyForVariation: true
+      execute: async adapterArgs => {
+        const response = await apolloClient.query({
+          query: AllFeaturesQuery,
+          errorPolicy: 'ignore',
+          fetchPolicy: 'network-only',
+          context: {
+            target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
+            projectKey: adapterArgs.user?.project
           }
-        },
-        flags,
-        context: getUserContextForLaunchDarklyAdapter(props.user, props.projectKey)
-      },
-      http: {
-        // polling interval set to 15 minutes
-        pollingIntervalMs: 1000 * 60 * 15,
-        cacheIdentifier: types.cacheIdentifiers.local,
-        cacheMode: getCacheMode(types.adapterIdentifiers.http),
-        user: {
-          key: (_props$user2 = props.user) === null || _props$user2 === void 0 ? void 0 : _props$user2.id
-        },
-        execute: async adapterArgs => {
-          var _adapterArgs$user;
-          const response = await apolloClient.query({
-            query: AllFeaturesQuery,
-            errorPolicy: 'ignore',
-            fetchPolicy: 'network-only',
-            context: {
-              target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
-              projectKey: (_adapterArgs$user = adapterArgs.user) === null || _adapterArgs$user === void 0 ? void 0 : _adapterArgs$user.project
-            }
-          });
-          return parseFlags(response.data);
-        }
+        });
+        return parseFlags(response.data);
       }
-    };
-  }, [apolloClient, flags, props.ldClientSideId, props.projectKey, props.user]);
+    }
+  }), [apolloClient, flags, props.ldClientSideId, props.projectKey, props.user]);
   return jsxRuntime.jsx(reactBroadcast.ConfigureFlopFlip, {
     adapter: combineAdapters__default["default"],
     adapterArgs: adapterArgs,
@@ -905,7 +951,7 @@ const ThemeSwitcher = () => {
   });
 };
 
-const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-b049fca7.cjs.prod.js' /* webpackChunkName: "version-tracker" */); }));
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-5aea360a.cjs.prod.js' /* webpackChunkName: "version-tracker" */); }));
 
 function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -998,7 +1044,7 @@ const ApplicationShellAuthenticated = props => {
         user: user,
         environment: applicationEnvironment,
         children: jsxRuntime.jsx(i18n.AsyncLocaleData, {
-          locale: user === null || user === void 0 ? void 0 : user.language,
+          locale: user?.language,
           applicationMessages: props.applicationMessages,
           children: _ref7 => {
             let isLoadingLocaleData = _ref7.isLoading,
@@ -1019,7 +1065,7 @@ const ApplicationShellAuthenticated = props => {
                 defaultFlags: props.defaultFeatureFlags,
                 children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
                   children: [jsxRuntime.jsx(ThemeSwitcher, {}), jsxRuntime.jsx(VersionTracker, {}), jsxRuntime.jsx(RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
-                    user: user !== null && user !== void 0 ? user : undefined
+                    user: user ?? undefined
                   }), 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", {
@@ -1153,8 +1199,8 @@ const ApplicationShellAuthenticated = props => {
                           }), jsxRuntime.jsx(reactRouterDom.Route, {
                             exact: true,
                             path: "/",
-                            children: (_user$defaultProjectK => {
-                              const previousProjectKey = getPreviousProjectKey((_user$defaultProjectK = user === null || user === void 0 ? void 0 : user.defaultProjectKey) !== null && _user$defaultProjectK !== void 0 ? _user$defaultProjectK : undefined);
+                            children: (() => {
+                              const previousProjectKey = getPreviousProjectKey(user?.defaultProjectKey ?? undefined);
 
                               /**
                                * NOTE:
@@ -1167,7 +1213,7 @@ const ApplicationShellAuthenticated = props => {
                               if (!user) return jsxRuntime.jsx(ApplicationLoader, {});
                               if (!previousProjectKey) return jsxRuntime.jsx(RedirectToProjectCreate, {});
                               return jsxRuntime.jsx(reactRouterDom.Redirect, {
-                                to: "/".concat(previousProjectKey)
+                                to: `/${previousProjectKey}`
                               });
                             })()
                           }), jsxRuntime.jsx(reactRouterDom.Route, {
@@ -1316,37 +1362,31 @@ const withoutProjectKeyClaim = scope => {
   return _filterInstanceProperty__default["default"](_context = scope.split(' ')).call(_context, claim => !_startsWithInstanceProperty__default["default"](claim).call(claim, oidc.OIDC_CLAIMS.PROJECT_KEY)).join(' ');
 };
 const hasCachedAuthenticationState = () => {
-  var _window$app$__DEVELOP;
-  if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP !== void 0 && _window$app$__DEVELOP.authorizeUrl) {
+  if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
     try {
-      var _activeProjectKey, _window$app$__DEVELOP8, _window$app$__DEVELOP9, _window$app$__DEVELOP10, _window$app$__DEVELOP11;
       let activeProjectKey = applicationShellConnectors.oidcStorage.getActiveProjectKey();
       if (activeProjectKey) {
-        var _window$app$__DEVELOP2, _window$app$__DEVELOP3, _window$app$__DEVELOP4;
         // GIVEN The application is not requesting a project key,
         // THEN we assume that the application does not need a project context.
         // GIVEN The application is not requesting a project key,
         // THEN we remove the cached project key.
         // This is the case of an application like `account`.
-        if (!((_window$app$__DEVELOP2 = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP2 !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP2.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.initialProjectKey)) {
+        if (!window.app.__DEVELOPMENT__?.oidc?.initialProjectKey) {
           applicationShellConnectors.oidcStorage.removeActiveProjectKey();
         }
 
         // If the project key we had in the storage does not match the one
         // we have in the development config, then we need to discard it and
         // use the one from the development config.
-        if ((_window$app$__DEVELOP3 = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP3 !== void 0 && (_window$app$__DEVELOP3 = _window$app$__DEVELOP3.oidc) !== null && _window$app$__DEVELOP3 !== void 0 && _window$app$__DEVELOP3.initialProjectKey && ((_window$app$__DEVELOP4 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP4 === void 0 || (_window$app$__DEVELOP4 = _window$app$__DEVELOP4.oidc) === null || _window$app$__DEVELOP4 === void 0 ? void 0 : _window$app$__DEVELOP4.initialProjectKey) !== activeProjectKey) {
-          var _window$app$__DEVELOP5;
-          activeProjectKey = (_window$app$__DEVELOP5 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP5 === void 0 || (_window$app$__DEVELOP5 = _window$app$__DEVELOP5.oidc) === null || _window$app$__DEVELOP5 === void 0 ? void 0 : _window$app$__DEVELOP5.initialProjectKey;
+        if (window.app.__DEVELOPMENT__?.oidc?.initialProjectKey && window.app.__DEVELOPMENT__?.oidc?.initialProjectKey !== activeProjectKey) {
+          activeProjectKey = window.app.__DEVELOPMENT__?.oidc?.initialProjectKey;
           applicationShellConnectors.oidcStorage.setActiveProjectKey(activeProjectKey);
         }
       } else {
-        var _window$app$__DEVELOP6;
-        if ((_window$app$__DEVELOP6 = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP6 !== void 0 && (_window$app$__DEVELOP6 = _window$app$__DEVELOP6.oidc) !== null && _window$app$__DEVELOP6 !== void 0 && _window$app$__DEVELOP6.initialProjectKey) {
-          var _window$app$__DEVELOP7;
+        if (window.app.__DEVELOPMENT__?.oidc?.initialProjectKey) {
           // Here we store the initial project key in local storage,
           // so that it gets picked up when we initiate the login flow.
-          applicationShellConnectors.oidcStorage.setActiveProjectKey((_window$app$__DEVELOP7 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP7 === void 0 || (_window$app$__DEVELOP7 = _window$app$__DEVELOP7.oidc) === null || _window$app$__DEVELOP7 === void 0 ? void 0 : _window$app$__DEVELOP7.initialProjectKey);
+          applicationShellConnectors.oidcStorage.setActiveProjectKey(window.app.__DEVELOPMENT__?.oidc?.initialProjectKey);
         }
       }
 
@@ -1361,11 +1401,11 @@ const hasCachedAuthenticationState = () => {
       }
       // Rebuild the requested OIDC scope to verify that it didn't change.
       const requestedScope = oidc.buildOidcScope({
-        projectKey: (_activeProjectKey = activeProjectKey) !== null && _activeProjectKey !== void 0 ? _activeProjectKey : undefined,
-        oAuthScopes: (_window$app$__DEVELOP8 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP8 === void 0 || (_window$app$__DEVELOP8 = _window$app$__DEVELOP8.oidc) === null || _window$app$__DEVELOP8 === void 0 ? void 0 : _window$app$__DEVELOP8.oAuthScopes,
-        additionalOAuthScopes: (_window$app$__DEVELOP9 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP9 === void 0 || (_window$app$__DEVELOP9 = _window$app$__DEVELOP9.oidc) === null || _window$app$__DEVELOP9 === void 0 ? void 0 : _window$app$__DEVELOP9.additionalOAuthScopes,
-        teamId: (_window$app$__DEVELOP10 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP10 === void 0 || (_window$app$__DEVELOP10 = _window$app$__DEVELOP10.oidc) === null || _window$app$__DEVELOP10 === void 0 ? void 0 : _window$app$__DEVELOP10.teamId,
-        applicationId: (_window$app$__DEVELOP11 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP11 === void 0 || (_window$app$__DEVELOP11 = _window$app$__DEVELOP11.oidc) === null || _window$app$__DEVELOP11 === void 0 ? void 0 : _window$app$__DEVELOP11.applicationId
+        projectKey: activeProjectKey ?? undefined,
+        oAuthScopes: window.app.__DEVELOPMENT__?.oidc?.oAuthScopes,
+        additionalOAuthScopes: window.app.__DEVELOPMENT__?.oidc?.additionalOAuthScopes,
+        teamId: window.app.__DEVELOPMENT__?.oidc?.teamId,
+        applicationId: window.app.__DEVELOPMENT__?.oidc?.applicationId
       });
       // Omit the project key from the check. This allows to switch projects
       // without having to log in again.
@@ -1383,12 +1423,11 @@ 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-64f9a790.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-365669c2.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; }
 const Authenticated = props => {
-  var _window$app$__DEVELOP;
   // We attempt to see if the user was already authenticated by looking
   // at the "cached" flag in local storage.
   const cachedAuthenticationState = hasCachedAuthenticationState();
@@ -1402,7 +1441,7 @@ const Authenticated = props => {
 
   // When using the OIDC workflow, we always return false, to trigger
   // the redirect to the login page.
-  if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP !== void 0 && _window$app$__DEVELOP.authorizeUrl) {
+  if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
     return jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: props.render({
         isAuthenticated: false
@@ -1416,13 +1455,13 @@ const Authenticated = props => {
 Authenticated.displayName = 'Authenticated';
 const AuthenticationRoutes = props => jsxRuntime.jsxs(reactRouterDom.Switch, {
   children: [jsxRuntime.jsx(SuspendedRoute, {
-    path: "/account/oidc/callback",
+    path: `/account/oidc/callback`,
     children: jsxRuntime.jsx(OidcCallback, {
       locale: props.locale,
       applicationMessages: props.applicationMessages
     })
   }), jsxRuntime.jsx(SuspendedRoute, {
-    path: "/:projectKey/:identifier/oidc/callback",
+    path: `/:projectKey/:identifier/oidc/callback`,
     children: jsxRuntime.jsx(OidcCallback, {
       locale: props.locale,
       applicationMessages: props.applicationMessages
@@ -1478,10 +1517,7 @@ const useCoercedEnvironmentValues = environment => {
 };
 
 const ApplicationShellProvider = props => {
-  const apolloClient = react.useMemo(() => {
-    var _props$apolloClient;
-    return (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : applicationShellConnectors.createApolloClient();
-  }, [props.apolloClient]);
+  const apolloClient = react.useMemo(() => props.apolloClient ?? applicationShellConnectors.createApolloClient(), [props.apolloClient]);
   react.useEffect(() => {
     applicationShellConnectors.setCachedApolloClient(apolloClient);
   }, [apolloClient]);
@@ -1533,7 +1569,7 @@ const ApplicationShellProvider = props => {
 ApplicationShellProvider.propTypes = {};
 ApplicationShellProvider.displayName = 'ApplicationShellProvider';
 
-const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-3c5a3f4a.cjs.prod.js' /* webpackChunkName: "redirect-to-login" */); }));
+const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-60a00442.cjs.prod.js' /* webpackChunkName: "redirect-to-login" */); }));
 
 const styles = {
   name: "gx7yk8",
@@ -1557,8 +1593,7 @@ const StrictModeEnablement$1 = props => {
 StrictModeEnablement$1.propTypes = {};
 const ApplicationShell = props => {
   react.useEffect(() => {
-    var _props$onRegisterErro;
-    (_props$onRegisterErro = props.onRegisterErrorListeners) === null || _props$onRegisterErro === void 0 || _props$onRegisterErro.call(props, {
+    props.onRegisterErrorListeners?.({
       dispatch: index.internalReduxStore.dispatch
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -1599,18 +1634,14 @@ ApplicationShell.propTypes = {};
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = applicationShellVersion;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-4e28e0f9.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-9469b02c.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
-  var _props$user2;
-  const adapterArgs = react.useMemo(() => {
-    var _props$user;
-    return {
-      user: {
-        key: (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.id
-      }
-    };
-  }, [(_props$user2 = props.user) === null || _props$user2 === void 0 ? void 0 : _props$user2.id]);
+  const adapterArgs = react.useMemo(() => ({
+    user: {
+      key: props.user?.id
+    }
+  }), [props.user?.id]);
   return jsxRuntime.jsx(reactBroadcast.ConfigureFlopFlip, {
     adapter: memoryAdapter__default["default"],
     defaultFlags: _flagsInstanceProperty__default["default"](props),
@@ -1648,7 +1679,7 @@ function CustomViewShellAuthenticated(props) {
         return jsxRuntime.jsx(ApplicationLoader, {});
       }
       return jsxRuntime.jsx(i18n.AsyncLocaleData, {
-        locale: (user === null || user === void 0 ? void 0 : user.language) || browserLocale,
+        locale: user?.language || browserLocale,
         applicationMessages: props.messages,
         children: _ref2 => {
           let isLoadingLocaleData = _ref2.isLoading,
@@ -1712,15 +1743,15 @@ CustomViewShellAuthenticated.propTypes = {};
 const customViewsThemesOverrides = {
   default: {
     marginForCustomViewsSelectorAsTabular: '0',
-    marginForPageContent: "".concat(designSystem.designTokens.spacing50, " 0"),
-    paddingForDetailPageHeader: "0 0 ".concat(designSystem.designTokens.spacing40, " 0"),
+    marginForPageContent: `${designSystem.designTokens.spacing50} 0`,
+    paddingForDetailPageHeader: `0 0 ${designSystem.designTokens.spacing40} 0`,
     paddingForMainPageHeader: '0',
     paddingForTabularPageHeader: '0'
   }
 };
 
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1(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$1(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$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const browserLocale = getBrowserLocale(window);
 function NotificationsContainer(props) {
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -1779,7 +1810,6 @@ function CustomViewThemeProvider() {
 */
 const isLocalProdMode = window.app.env === 'development';
 function CustomViewShell(props) {
-  var _window$app$__DEVELOP;
   const _useState = react.useState(),
     _useState2 = _slicedToArray(_useState, 2),
     hostContext = _useState2[0],
@@ -1795,21 +1825,20 @@ function CustomViewShell(props) {
     if (event.data.eventName === constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION) {
       setHostContext(event.data.eventData.context);
     } else {
-      console.warn("CustomViewShell: Unknown received event with name: ".concat(event.data.eventName), {
+      console.warn(`CustomViewShell: Unknown received event with name: ${event.data.eventName}`, {
         event
       });
     }
   }, []);
   const handleClose = react.useCallback(() => {
-    var _iFrameCommunicationP, _context;
-    (_iFrameCommunicationP = iFrameCommunicationPort.current) === null || _iFrameCommunicationP === void 0 || _iFrameCommunicationP.postMessage({
+    iFrameCommunicationPort.current?.postMessage({
       origin: window.location.origin,
-      source: _concatInstanceProperty__default["default"](_context = "".concat(constants.CUSTOM_VIEWS_EVENTS_META.CUSTOM_VIEW_KEY_PREFIX)).call(_context, hostContext === null || hostContext === void 0 ? void 0 : hostContext.customViewConfig.id),
+      source: `${constants.CUSTOM_VIEWS_EVENTS_META.CUSTOM_VIEW_KEY_PREFIX}${hostContext?.customViewConfig.id}`,
       destination: constants.CUSTOM_VIEWS_EVENTS_META.HOST_APPLICATION_CODE,
       eventName: constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_CLOSE,
       eventData: {}
     });
-  }, [hostContext === null || hostContext === void 0 ? void 0 : hostContext.customViewConfig.id]);
+  }, [hostContext?.customViewConfig.id]);
   react.useEffect(() => {
     const bootstrapMessageHandler = event => {
       if ((event.origin === window.location.origin ||
@@ -1834,8 +1863,7 @@ function CustomViewShell(props) {
   react.useEffect(() => {
     // Close the channel when the component unmounts
     return () => {
-      var _iFrameCommunicationP2;
-      (_iFrameCommunicationP2 = iFrameCommunicationPort.current) === null || _iFrameCommunicationP2 === void 0 || _iFrameCommunicationP2.close();
+      iFrameCommunicationPort.current?.close();
       iFrameCommunicationPort.current = undefined;
     };
   }, []);
@@ -1844,7 +1872,7 @@ function CustomViewShell(props) {
       showLogo: true
     });
   }
-  const hostUrl = isLocalProdMode ? (_window$app$__DEVELOP = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP === void 0 ? void 0 : _window$app$__DEVELOP.customViewHostUrl : hostContext.hostUrl;
+  const hostUrl = isLocalProdMode ? window.app.__DEVELOPMENT__?.customViewHostUrl : hostContext.hostUrl;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsx(GlobalStyles, {}), jsxRuntime.jsx(ApplicationShellProvider, {
       environment: window.app,
@@ -1853,7 +1881,6 @@ function CustomViewShell(props) {
       children: _ref => {
         let isAuthenticated = _ref.isAuthenticated;
         if (isAuthenticated) {
-          var _context2;
           return jsxRuntime.jsx(applicationShellConnectors.CustomViewContextProvider, {
             hostUrl: hostUrl,
             customViewConfig: hostContext.customViewConfig,
@@ -1872,7 +1899,7 @@ function CustomViewShell(props) {
                 notificationsGlobalRef: notificationsGlobalRef,
                 notificationsPageRef: notificationsPageRef
               }), jsxRuntime.jsxs(reactRouterDom.Route, {
-                path: _concatInstanceProperty__default["default"](_context2 = "/custom-views/".concat(hostContext.customViewConfig.id, "/projects/")).call(_context2, hostContext.projectKey),
+                path: `/custom-views/${hostContext.customViewConfig.id}/projects/${hostContext.projectKey}`,
                 children: [jsxRuntime.jsx(applicationComponents.ModalPageTopBar, {
                   onClose: handleClose,
                   hidePathLabel: true
@@ -2016,7 +2043,7 @@ function setupGlobalErrorListener() {
 }
 
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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; }
 
 /**
  * The route path to match. Usually it starts with `/:projectKey/my-entry-point`.
@@ -2026,8 +2053,7 @@ const makeRoute = (routePath, routeOptions) => {
   const getUrl = (nextParams, nextQueryParams) => {
     const baseUrl = reactRouterDom.generatePath(routePath, _objectSpread(_objectSpread({}, routeOptions.params), nextParams));
     if (nextQueryParams) {
-      var _context;
-      return _concatInstanceProperty__default["default"](_context = "".concat(baseUrl, "?")).call(_context, nextQueryParams.toString());
+      return `${baseUrl}?${nextQueryParams.toString()}`;
     }
     return baseUrl;
   };
@@ -2063,17 +2089,22 @@ exports.ApplicationShellProvider = ApplicationShellProvider;
 exports.ButlerContainer = ButlerContainer;
 exports.ConfigureIntlProvider = ConfigureIntlProvider;
 exports.CustomViewShellWrapper = CustomViewShellWrapper;
+exports.ErrorApologizer = ErrorApologizer;
 exports.ErrorBoundary = ErrorBoundary;
 exports.FetchProject = FetchProject;
+exports.FetchUser = FetchUser;
 exports.InjectReducers = InjectReducers;
 exports.ProjectDataLocale = ProjectDataLocale;
 exports.ProjectSwitcher = ProjectSwitcher;
 exports.REQUESTS_IN_FLIGHT_LOADER_DOM_ID = REQUESTS_IN_FLIGHT_LOADER_DOM_ID;
 exports.RedirectToLogin = RedirectToLogin;
+exports.RedirectToLogout = RedirectToLogout;
 exports.RedirectToProjectCreate = RedirectToProjectCreate;
 exports.SetupFlopFlipProvider = SetupFlopFlipProvider;
 exports.SuspendedRoute = SuspendedRoute;
 exports.applicationShellVersion = applicationShellVersion;
+exports.getBrowserLocale = getBrowserLocale;
+exports.getPreviousProjectKey = getPreviousProjectKey;
 exports.pimIndexerStates = pimIndexerStates;
 exports.setupGlobalErrorListener = setupGlobalErrorListener;
 exports.useRoutesCreator = useRoutesCreator;