@commercetools-frontend/application-shell 22.23.2 → 22.24.0

package/dist/{navbar-900f1217.cjs.dev.js → navbar-7d310fda.cjs.dev.js}

@@ -445,6 +445,7 @@ const MenuGroup = /*#__PURE__*/react$1.forwardRef((props, ref) => {
     "data-testid": "group-".concat(props.id),
     role: "menu",
     "aria-expanded": isSublistActiveWhileIsMenuExpanded || isSublistActiveWhileIsMenuCollapsed,
+    onKeyDown: props.handleKeyDown,
     className: classnames__default["default"]({
       'sublist-expanded__active': isSublistActiveWhileIsMenuExpanded
     }, {
@@ -472,6 +473,7 @@ const MenuItem$1 = props => {
     onMouseLeave: props.onMouseLeave,
     onFocus: props.onMouseEnter,
     onBlur: props.onMouseLeave,
+    onKeyDown: props.onKeyDown,
     "data-menuitem": props.identifier,
     className: classnames__default["default"]({
       active: props.isActive
@@ -493,7 +495,8 @@ MenuItem$1.propTypes = process.env.NODE_ENV !== "production" ? {
   onMouseEnter: _pt__default["default"].oneOfType([_pt__default["default"].func, _pt__default["default"].func]),
   onMouseLeave: _pt__default["default"].oneOfType([_pt__default["default"].func, _pt__default["default"].func]),
   children: _pt__default["default"].node.isRequired,
-  identifier: _pt__default["default"].string
+  identifier: _pt__default["default"].string,
+  onKeyDown: _pt__default["default"].func
 } : {};
 MenuItem$1.displayName = 'MenuItem';
 const menuItemLinkDefaultProps = {
@@ -511,7 +514,8 @@ NavLinkWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt__default["default"].node.isRequired,
   onClick: _pt__default["default"].func,
   useFullRedirectsForLinks: _pt__default["default"].bool,
-  isSubmenuLink: _pt__default["default"].bool
+  isSubmenuLink: _pt__default["default"].bool,
+  isSubmenuFocused: _pt__default["default"].bool
 } : {};
 const NavLinkClickableContentWrapper = props => {
   const Wrapper = props.isSubmenuLink ? NavlinkClickableContent : react$1.Fragment;
@@ -525,7 +529,8 @@ NavLinkClickableContentWrapper.propTypes = process.env.NODE_ENV !== "production"
   children: _pt__default["default"].node.isRequired,
   onClick: _pt__default["default"].func,
   useFullRedirectsForLinks: _pt__default["default"].bool,
-  isSubmenuLink: _pt__default["default"].bool
+  isSubmenuLink: _pt__default["default"].bool,
+  isSubmenuFocused: _pt__default["default"].bool
 } : {};
 const MenuItemLink = props => {
   const redirectTo = targetUrl => useIsServedByProxy.location.replace(targetUrl);
@@ -538,6 +543,7 @@ const MenuItemLink = props => {
         activeClassName: "highlighted",
         "data-link-level": linkLevel,
         css: getMenuItemLinkStyles(Boolean(props.isSubmenuLink)),
+        tabIndex: props.isSubmenuLink && !props.isSubmenuFocused ? -1 : 0,
         onClick: event => {
           if (props.linkTo && props.useFullRedirectsForLinks) {
             event.preventDefault();
@@ -563,7 +569,8 @@ MenuItemLink.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt__default["default"].node.isRequired,
   onClick: _pt__default["default"].func,
   useFullRedirectsForLinks: _pt__default["default"].bool,
-  isSubmenuLink: _pt__default["default"].bool
+  isSubmenuLink: _pt__default["default"].bool,
+  isSubmenuFocused: _pt__default["default"].bool
 } : {};
 MenuItemLink.displayName = 'MenuItemLink';
 MenuItemLink.defaultProps = menuItemLinkDefaultProps;
@@ -1045,6 +1052,11 @@ const ApplicationMenu = props => {
     _useState4 = _slicedToArray(_useState3, 2),
     isSubmenuAboveMenuItem = _useState4[0],
     setIsSubmenuAboveMenuItem = _useState4[1];
+  const _useState5 = react$1.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isSubmenuFocused = _useState6[0],
+    setIsSubmenuFocused = _useState6[1];
+  const observerRef = react$1.useRef(null);
   const submenuRef = react$1.useRef(null);
   const hasSubmenu = _Array$isArray__default["default"](props.menu.submenu) && props.menu.submenu.length > 0;
   const menuItemIdentifier = snakeCase__default["default"](props.menu.key);
@@ -1066,7 +1078,6 @@ const ApplicationMenu = props => {
       setSubmenuVerticalPosition(props.isMenuOpen ? menuItemTop : menuItemBottom);
     }
   }, [menuItemIdentifier, props.isMenuOpen]);
-  const observerRef = react$1.useRef(null);
   react$1.useLayoutEffect(() => {
     observerRef.current = new IntersectionObserver(callbackFn, {
       rootMargin: '-100% 0px 0px 0px' // we want to observe if the submenu crosses the bottom line of the viewport - therefore we set the root element top margin to -100% of the viewport height
@@ -1083,6 +1094,7 @@ const ApplicationMenu = props => {
     if (observer && currentSubmenuRef) {
       observer.observe(currentSubmenuRef);
     }
+    setIsSubmenuFocused(false);
     return () => observer === null || observer === void 0 ? void 0 : observer.disconnect();
   }, [menuItemIdentifier, props.isMenuOpen, props.handleToggleItem, callbackFn]);
   const isMainMenuRouteActive = Boolean(reactRouterDom.matchPath(props.location.pathname, {
@@ -1100,6 +1112,17 @@ const ApplicationMenu = props => {
   }, [props.isMenuOpen]); // <-- (re)run this only when the all menu expands
 
   const namesOfMenuVisibilitiesOfAllSubmenus = hasSubmenu ? getMenuVisibilitiesOfSubmenus(props.menu) : getMenuVisibilityOfMainmenu(props.menu);
+  const handleKeyDown = e => {
+    var _submenuRef$current;
+    const currentlyFocusedItem = (_submenuRef$current = submenuRef.current) === null || _submenuRef$current === void 0 ? void 0 : _submenuRef$current.querySelector(':focus');
+    if (e.key === 'Enter') {
+      setIsSubmenuFocused(true);
+      if (!currentlyFocusedItem) {
+        var _submenuRef$current2;
+        (_submenuRef$current2 = submenuRef.current) === null || _submenuRef$current2 === void 0 || (_submenuRef$current2 = _submenuRef$current2.querySelector('a')) === null || _submenuRef$current2 === void 0 || _submenuRef$current2.focus();
+      }
+    }
+  };
   return jsxRuntime.jsx(RestrictedMenuItem, {
     keyOfMenuItem: props.menu.key,
     featureToggle: (_props$menu$featureTo = props.menu.featureToggle) !== null && _props$menu$featureTo !== void 0 ? _props$menu$featureTo : undefined,
@@ -1115,6 +1138,7 @@ const ApplicationMenu = props => {
       isMainMenuRouteActive: isMainMenuRouteActive,
       isMenuOpen: props.isMenuOpen,
       onClick: props.handleToggleItem,
+      onKeyDown: handleKeyDown,
       onMouseEnter: props.handleToggleItem,
       onMouseLeave: props.shouldCloseMenuFly,
       identifier: menuItemIdentifier,
@@ -1172,6 +1196,7 @@ const ApplicationMenu = props => {
                   useFullRedirectsForLinks: props.useFullRedirectsForLinks,
                   onClick: props.onMenuItemClick,
                   isSubmenuLink: true,
+                  isSubmenuFocused: isSubmenuFocused,
                   children: jsxRuntime.jsx(MenuLabel, {
                     labelAllLocales: submenu.labelAllLocales,
                     defaultLabel: submenu.defaultLabel,

package/dist/{navbar-70ce6631.cjs.prod.js → navbar-a1bf5ba3.cjs.prod.js}

@@ -315,6 +315,7 @@ const MenuGroup = /*#__PURE__*/react$1.forwardRef((props, ref) => {
     "data-testid": "group-".concat(props.id),
     role: "menu",
     "aria-expanded": isSublistActiveWhileIsMenuExpanded || isSublistActiveWhileIsMenuCollapsed,
+    onKeyDown: props.handleKeyDown,
     className: classnames__default["default"]({
       'sublist-expanded__active': isSublistActiveWhileIsMenuExpanded
     }, {
@@ -342,6 +343,7 @@ const MenuItem$1 = props => {
     onMouseLeave: props.onMouseLeave,
     onFocus: props.onMouseEnter,
     onBlur: props.onMouseLeave,
+    onKeyDown: props.onKeyDown,
     "data-menuitem": props.identifier,
     className: classnames__default["default"]({
       active: props.isActive
@@ -384,6 +386,7 @@ const MenuItemLink = props => {
         activeClassName: "highlighted",
         "data-link-level": linkLevel,
         css: getMenuItemLinkStyles(Boolean(props.isSubmenuLink)),
+        tabIndex: props.isSubmenuLink && !props.isSubmenuFocused ? -1 : 0,
         onClick: event => {
           if (props.linkTo && props.useFullRedirectsForLinks) {
             event.preventDefault();
@@ -832,6 +835,11 @@ const ApplicationMenu = props => {
     _useState4 = _slicedToArray(_useState3, 2),
     isSubmenuAboveMenuItem = _useState4[0],
     setIsSubmenuAboveMenuItem = _useState4[1];
+  const _useState5 = react$1.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isSubmenuFocused = _useState6[0],
+    setIsSubmenuFocused = _useState6[1];
+  const observerRef = react$1.useRef(null);
   const submenuRef = react$1.useRef(null);
   const hasSubmenu = _Array$isArray__default["default"](props.menu.submenu) && props.menu.submenu.length > 0;
   const menuItemIdentifier = snakeCase__default["default"](props.menu.key);
@@ -853,7 +861,6 @@ const ApplicationMenu = props => {
       setSubmenuVerticalPosition(props.isMenuOpen ? menuItemTop : menuItemBottom);
     }
   }, [menuItemIdentifier, props.isMenuOpen]);
-  const observerRef = react$1.useRef(null);
   react$1.useLayoutEffect(() => {
     observerRef.current = new IntersectionObserver(callbackFn, {
       rootMargin: '-100% 0px 0px 0px' // we want to observe if the submenu crosses the bottom line of the viewport - therefore we set the root element top margin to -100% of the viewport height
@@ -870,6 +877,7 @@ const ApplicationMenu = props => {
     if (observer && currentSubmenuRef) {
       observer.observe(currentSubmenuRef);
     }
+    setIsSubmenuFocused(false);
     return () => observer === null || observer === void 0 ? void 0 : observer.disconnect();
   }, [menuItemIdentifier, props.isMenuOpen, props.handleToggleItem, callbackFn]);
   const isMainMenuRouteActive = Boolean(reactRouterDom.matchPath(props.location.pathname, {
@@ -887,6 +895,17 @@ const ApplicationMenu = props => {
   }, [props.isMenuOpen]); // <-- (re)run this only when the all menu expands
 
   const namesOfMenuVisibilitiesOfAllSubmenus = hasSubmenu ? getMenuVisibilitiesOfSubmenus(props.menu) : getMenuVisibilityOfMainmenu(props.menu);
+  const handleKeyDown = e => {
+    var _submenuRef$current;
+    const currentlyFocusedItem = (_submenuRef$current = submenuRef.current) === null || _submenuRef$current === void 0 ? void 0 : _submenuRef$current.querySelector(':focus');
+    if (e.key === 'Enter') {
+      setIsSubmenuFocused(true);
+      if (!currentlyFocusedItem) {
+        var _submenuRef$current2;
+        (_submenuRef$current2 = submenuRef.current) === null || _submenuRef$current2 === void 0 || (_submenuRef$current2 = _submenuRef$current2.querySelector('a')) === null || _submenuRef$current2 === void 0 || _submenuRef$current2.focus();
+      }
+    }
+  };
   return jsxRuntime.jsx(RestrictedMenuItem, {
     keyOfMenuItem: props.menu.key,
     featureToggle: (_props$menu$featureTo = props.menu.featureToggle) !== null && _props$menu$featureTo !== void 0 ? _props$menu$featureTo : undefined,
@@ -902,6 +921,7 @@ const ApplicationMenu = props => {
       isMainMenuRouteActive: isMainMenuRouteActive,
       isMenuOpen: props.isMenuOpen,
       onClick: props.handleToggleItem,
+      onKeyDown: handleKeyDown,
       onMouseEnter: props.handleToggleItem,
       onMouseLeave: props.shouldCloseMenuFly,
       identifier: menuItemIdentifier,
@@ -959,6 +979,7 @@ const ApplicationMenu = props => {
                   useFullRedirectsForLinks: props.useFullRedirectsForLinks,
                   onClick: props.onMenuItemClick,
                   isSubmenuLink: true,
+                  isSubmenuFocused: isSubmenuFocused,
                   children: jsxRuntime.jsx(MenuLabel, {
                     labelAllLocales: submenu.labelAllLocales,
                     defaultLabel: submenu.defaultLabel,

package/dist/{oidc-callback-2da4a452.cjs.prod.js → oidc-callback-2dfff20c.cjs.prod.js}

@@ -22,7 +22,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-4cfa4d64.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-a5eb97d4.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');
@@ -82,6 +82,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{oidc-callback-f7e224cf.esm.js → oidc-callback-88498ed3.esm.js}

@@ -20,7 +20,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-84701df7.esm.js';
+import { C as ConfigureIntlProvider } from './index-9828105b.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';
@@ -80,6 +80,7 @@ import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
 import '@flopflip/react-broadcast';
+import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';

package/dist/{oidc-callback-dd6bd27b.cjs.dev.js → oidc-callback-d2363f00.cjs.dev.js}

@@ -22,7 +22,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-757f357b.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-78c211fe.cjs.dev.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');
@@ -82,6 +82,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{project-container-ef2a58e8.cjs.dev.js → project-container-0338b552.cjs.dev.js}

@@ -12,7 +12,7 @@ var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var oidc = require('./oidc-527b8b2c.cjs.dev.js');
 var applicationEntryPoint = require('./application-entry-point-fd6f9973.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-757f357b.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-78c211fe.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');
@@ -81,6 +81,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');
@@ -245,13 +246,13 @@ LocaleSwitcher.propTypes = process.env.NODE_ENV !== "production" ? {
   availableLocales: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired
 } : {};
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-49ad18eb.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-dd0df4ea.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-0d838161.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-5b42ee21.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-c6586f12.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-73bebf67.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-11a8124c.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-27945c59.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {

package/dist/{project-container-c20d3df1.esm.js → project-container-9b279ff6.esm.js}

@@ -10,7 +10,7 @@ import { STORAGE_KEYS, LOGOUT_REASONS, DOMAINS } from '@commercetools-frontend/c
 import { Notifier } from '@commercetools-frontend/react-notifications';
 import { C as CONTAINERS, S as SUSPENSION_REASONS } from './oidc-731e806d.esm.js';
 import { A as ApplicationEntryPoint } from './application-entry-point-3613e4a5.esm.js';
-import { a as RedirectToProjectCreate, E as ErrorBoundary, b as ApplicationLoader, F as FetchProject, P as ProjectDataLocale } from './index-84701df7.esm.js';
+import { a as RedirectToProjectCreate, E as ErrorBoundary, b as ApplicationLoader, F as FetchProject, P as ProjectDataLocale } from './index-9828105b.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';
@@ -79,6 +79,7 @@ import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
 import '@flopflip/react-broadcast';
+import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';
@@ -223,13 +224,13 @@ LocaleSwitcher.propTypes = process.env.NODE_ENV !== "production" ? {
   availableLocales: _pt.arrayOf(_pt.string).isRequired
 } : {};
 
-const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-63fff108.esm.js' /* webpackChunkName: "project-expired" */));
+const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-e06491b1.esm.js' /* webpackChunkName: "project-expired" */));
 
-const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-b10a19e5.esm.js' /* webpackChunkName: "project-not-found" */));
+const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-af48d9f5.esm.js' /* webpackChunkName: "project-not-found" */));
 
-const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-b26b1f51.esm.js' /* webpackChunkName: "project-not-initialized" */));
+const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-3f34f705.esm.js' /* webpackChunkName: "project-not-initialized" */));
 
-const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-68b7990f.esm.js' /* webpackChunkName: "project-suspended" */));
+const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-364f6be9.esm.js' /* webpackChunkName: "project-suspended" */));
 
 var messages = defineMessages({
   trialDaysLeft: {

package/dist/{project-container-a2811d4e.cjs.prod.js → project-container-e0240991.cjs.prod.js}

@@ -12,7 +12,7 @@ var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var oidc = require('./oidc-72a01b56.cjs.prod.js');
 var applicationEntryPoint = require('./application-entry-point-bde45acf.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-4cfa4d64.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-a5eb97d4.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');
@@ -81,6 +81,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');
@@ -240,13 +241,13 @@ const LocaleSwitcher = props => {
 };
 LocaleSwitcher.propTypes = {};
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-3ed8f42d.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-5dff770f.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-40cd9b0d.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-6906b9e9.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-5a3b154c.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-0ef41a07.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-f698aa07.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-1f632164.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {

package/dist/{project-expired-3ed8f42d.cjs.prod.js → project-expired-5dff770f.cjs.prod.js}

@@ -14,12 +14,12 @@ var applicationComponents = require('@commercetools-frontend/application-compone
 var ProjectExpiredIllustrationRebranding = require('@commercetools-frontend/assets/images/hourglass-rebranding.svg');
 var ProjectExpiredIllustration = require('@commercetools-frontend/assets/images/hourglass.svg');
 var designSystem = require('@commercetools-uikit/design-system');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-48487fbd.cjs.prod.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-fe12d7b6.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-4cfa4d64.cjs.prod.js');
+require('./index-a5eb97d4.cjs.prod.js');
 require('prop-types');
 require('react');
 require('./index-6cd618cc.cjs.prod.js');
@@ -77,6 +77,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{project-expired-49ad18eb.cjs.dev.js → project-expired-dd0df4ea.cjs.dev.js}

@@ -14,12 +14,12 @@ var applicationComponents = require('@commercetools-frontend/application-compone
 var ProjectExpiredIllustrationRebranding = require('@commercetools-frontend/assets/images/hourglass-rebranding.svg');
 var ProjectExpiredIllustration = require('@commercetools-frontend/assets/images/hourglass.svg');
 var designSystem = require('@commercetools-uikit/design-system');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-9ee40616.cjs.dev.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-67efedb7.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-757f357b.cjs.dev.js');
+require('./index-78c211fe.cjs.dev.js');
 require('prop-types');
 require('react');
 require('./index-37a25e51.cjs.dev.js');
@@ -77,6 +77,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{project-expired-63fff108.esm.js → project-expired-e06491b1.esm.js}

@@ -12,12 +12,12 @@ import { MaintenancePageLayout } from '@commercetools-frontend/application-compo
 import ProjectExpiredIllustrationRebranding from '@commercetools-frontend/assets/images/hourglass-rebranding.svg';
 import ProjectExpiredIllustration from '@commercetools-frontend/assets/images/hourglass.svg';
 import { useTheme } from '@commercetools-uikit/design-system';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-cfbcc130.esm.js';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-f990e0e2.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-84701df7.esm.js';
+import './index-9828105b.esm.js';
 import 'prop-types';
 import 'react';
 import './index-89e5711a.esm.js';
@@ -75,6 +75,7 @@ import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
 import '@flopflip/react-broadcast';
+import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';

package/dist/{project-not-found-0d838161.cjs.dev.js → project-not-found-5b42ee21.cjs.dev.js}

@@ -14,12 +14,12 @@ var applicationComponents = require('@commercetools-frontend/application-compone
 var ProjectNotFoundSVGRebranding = require('@commercetools-frontend/assets/images/folder-full-locked-rebranding.svg');
 var ProjectNotFoundSVG = require('@commercetools-frontend/assets/images/folder-full-locked.svg');
 var designSystem = require('@commercetools-uikit/design-system');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-9ee40616.cjs.dev.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-67efedb7.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-757f357b.cjs.dev.js');
+require('./index-78c211fe.cjs.dev.js');
 require('prop-types');
 require('react');
 require('./index-37a25e51.cjs.dev.js');
@@ -77,6 +77,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{project-not-found-40cd9b0d.cjs.prod.js → project-not-found-6906b9e9.cjs.prod.js}

@@ -14,12 +14,12 @@ var applicationComponents = require('@commercetools-frontend/application-compone
 var ProjectNotFoundSVGRebranding = require('@commercetools-frontend/assets/images/folder-full-locked-rebranding.svg');
 var ProjectNotFoundSVG = require('@commercetools-frontend/assets/images/folder-full-locked.svg');
 var designSystem = require('@commercetools-uikit/design-system');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-48487fbd.cjs.prod.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-fe12d7b6.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-4cfa4d64.cjs.prod.js');
+require('./index-a5eb97d4.cjs.prod.js');
 require('prop-types');
 require('react');
 require('./index-6cd618cc.cjs.prod.js');
@@ -77,6 +77,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{project-not-found-b10a19e5.esm.js → project-not-found-af48d9f5.esm.js}

@@ -12,12 +12,12 @@ import { MaintenancePageLayout } from '@commercetools-frontend/application-compo
 import ProjectNotFoundSVGRebranding from '@commercetools-frontend/assets/images/folder-full-locked-rebranding.svg';
 import ProjectNotFoundSVG from '@commercetools-frontend/assets/images/folder-full-locked.svg';
 import { useTheme } from '@commercetools-uikit/design-system';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-cfbcc130.esm.js';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-f990e0e2.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-84701df7.esm.js';
+import './index-9828105b.esm.js';
 import 'prop-types';
 import 'react';
 import './index-89e5711a.esm.js';
@@ -75,6 +75,7 @@ import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
 import '@flopflip/react-broadcast';
+import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';

package/dist/{project-not-initialized-5a3b154c.cjs.prod.js → project-not-initialized-0ef41a07.cjs.prod.js}

@@ -14,12 +14,12 @@ var applicationComponents = require('@commercetools-frontend/application-compone
 var ProjectExpiredIllustrationRebranding = require('@commercetools-frontend/assets/images/hourglass-rebranding.svg');
 var ProjectExpiredIllustration = require('@commercetools-frontend/assets/images/hourglass.svg');
 var designSystem = require('@commercetools-uikit/design-system');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-48487fbd.cjs.prod.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-fe12d7b6.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-4cfa4d64.cjs.prod.js');
+require('./index-a5eb97d4.cjs.prod.js');
 require('prop-types');
 require('react');
 require('./index-6cd618cc.cjs.prod.js');
@@ -77,6 +77,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{project-not-initialized-b26b1f51.esm.js → project-not-initialized-3f34f705.esm.js}

@@ -12,12 +12,12 @@ import { MaintenancePageLayout } from '@commercetools-frontend/application-compo
 import ProjectExpiredIllustrationRebranding from '@commercetools-frontend/assets/images/hourglass-rebranding.svg';
 import ProjectExpiredIllustration from '@commercetools-frontend/assets/images/hourglass.svg';
 import { useTheme } from '@commercetools-uikit/design-system';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-cfbcc130.esm.js';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-f990e0e2.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-84701df7.esm.js';
+import './index-9828105b.esm.js';
 import 'prop-types';
 import 'react';
 import './index-89e5711a.esm.js';
@@ -75,6 +75,7 @@ import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
 import '@flopflip/react-broadcast';
+import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';

package/dist/{project-not-initialized-c6586f12.cjs.dev.js → project-not-initialized-73bebf67.cjs.dev.js}

@@ -14,12 +14,12 @@ var applicationComponents = require('@commercetools-frontend/application-compone
 var ProjectExpiredIllustrationRebranding = require('@commercetools-frontend/assets/images/hourglass-rebranding.svg');
 var ProjectExpiredIllustration = require('@commercetools-frontend/assets/images/hourglass.svg');
 var designSystem = require('@commercetools-uikit/design-system');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-9ee40616.cjs.dev.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-67efedb7.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-757f357b.cjs.dev.js');
+require('./index-78c211fe.cjs.dev.js');
 require('prop-types');
 require('react');
 require('./index-37a25e51.cjs.dev.js');
@@ -77,6 +77,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{project-suspended-f698aa07.cjs.prod.js → project-suspended-1f632164.cjs.prod.js}

@@ -14,12 +14,12 @@ var applicationComponents = require('@commercetools-frontend/application-compone
 var ProjectSuspendedSVGRebranding = require('@commercetools-frontend/assets/images/locked-diamond-rebranding.svg');
 var ProjectSuspendedSVG = require('@commercetools-frontend/assets/images/locked-diamond.svg');
 var designSystem = require('@commercetools-uikit/design-system');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-48487fbd.cjs.prod.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-fe12d7b6.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-4cfa4d64.cjs.prod.js');
+require('./index-a5eb97d4.cjs.prod.js');
 require('prop-types');
 require('react');
 require('./index-6cd618cc.cjs.prod.js');
@@ -77,6 +77,7 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');