@commercetools-frontend/application-shell 22.23.2 → 22.24.0

package/README.md

@@ -4,4 +4,4 @@
   <a href="https://www.npmjs.com/package/@commercetools-frontend/application-shell"><img src="https://badgen.net/npm/v/@commercetools-frontend/application-shell" alt="Latest release (latest dist-tag)" /></a> <a href="https://www.npmjs.com/package/@commercetools-frontend/application-shell"><img src="https://badgen.net/npm/v/@commercetools-frontend/application-shell/next" alt="Latest release (next dist-tag)" /></a> <a href="https://bundlephobia.com/result?p=@commercetools-frontend/application-shell"><img src="https://badgen.net/bundlephobia/minzip/@commercetools-frontend/application-shell" alt="Minified + GZipped size" /></a> <a href="https://github.com/commercetools/merchant-center-application-kit/blob/main/LICENSE"><img src="https://badgen.net/github/license/commercetools/merchant-center-application-kit" alt="GitHub license" /></a>
 </p>
 
-Check out the [documentation](https://docs.commercetools.com/custom-applications/api-reference/commercetools-frontend-application-shell) for more information.
+Check out the [documentation](https://docs.commercetools.com/merchant-center-customizations/api-reference/commercetools-frontend-application-shell) for more information.

package/dist/commercetools-frontend-application-shell.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-757f357b.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-78c211fe.cjs.dev.js');
 var index = require('./index-37a25e51.cjs.dev.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -66,6 +66,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/flags');
 require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
+require('@flopflip/types');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('react-redux');
 require('lodash/upperFirst');

package/dist/commercetools-frontend-application-shell.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-4cfa4d64.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-a5eb97d4.cjs.prod.js');
 var index = require('./index-6cd618cc.cjs.prod.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -66,6 +66,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/flags');
 require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
+require('@flopflip/types');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('react-redux');
 require('lodash/upperFirst');

package/dist/commercetools-frontend-application-shell.esm.js

@@ -1,4 +1,4 @@
-export { g as ApplicationPageTitle, A as ApplicationShell, f as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, I as InjectReducers, S as SetupFlopFlipProvider, i as SuspendedRoute, s as setupGlobalErrorListener, u as useRoutesCreator, d as version } from './index-84701df7.esm.js';
+export { g as ApplicationPageTitle, A as ApplicationShell, f as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, I as InjectReducers, S as SetupFlopFlipProvider, i as SuspendedRoute, s as setupGlobalErrorListener, u as useRoutesCreator, d as version } from './index-9828105b.esm.js';
 export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './index-89e5711a.esm.js';
 export { buildApiUrl, createApolloClient, createApolloContextForProxyForwardTo, createHttpClientOptions, executeHttpClientRequest, getMcApiUrl, selectProjectKeyFromUrl, selectUserId, useMcLazyQuery, useMcMutation, useMcQuery } from '@commercetools-frontend/application-shell-connectors';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
@@ -62,6 +62,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/flags';
 import '@apollo/client/react';
 import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
+import '@flopflip/types';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import 'react-redux';
 import 'lodash/upperFirst';

package/dist/{custom-view-dev-host-4d53a277.esm.js → custom-view-dev-host-1f5a3bac.esm.js}

@@ -10,7 +10,7 @@ import Constraints from '@commercetools-uikit/constraints';
 import PrimaryButton from '@commercetools-uikit/primary-button';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { A as ApplicationShell } from './index-84701df7.esm.js';
+import { A as ApplicationShell } from './index-9828105b.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import './index-89e5711a.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
@@ -74,6 +74,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/{custom-view-dev-host-0fc14221.cjs.dev.js → custom-view-dev-host-3c81dbc9.cjs.dev.js}

@@ -12,7 +12,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 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('./index-37a25e51.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -76,6 +76,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/{custom-view-dev-host-9dcebc3a.cjs.prod.js → custom-view-dev-host-a726d962.cjs.prod.js}

@@ -12,7 +12,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 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('./index-6cd618cc.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -76,6 +76,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/declarations/src/components/navbar/menu-items.d.ts

@@ -34,6 +34,7 @@ export type MenuGroupProps = {
     children?: ReactNode;
     submenuVerticalPosition?: number;
     isSubmenuAboveMenuItem?: boolean;
+    handleKeyDown?: React.KeyboardEventHandler<HTMLUListElement>;
 };
 declare const MenuGroup: import("react").ForwardRefExoticComponent<MenuGroupProps & import("react").RefAttributes<HTMLUListElement>>;
 type MenuItemProps = {
@@ -46,6 +47,7 @@ type MenuItemProps = {
     onMouseLeave?: MouseEventHandler<HTMLElement> | FocusEventHandler<HTMLElement>;
     children: ReactNode;
     identifier?: string;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLLIElement>) => void;
 };
 declare const MenuItem: {
     (props: MenuItemProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
@@ -58,6 +60,7 @@ export type MenuItemLinkProps = {
     onClick?: (event: SyntheticEvent<HTMLAnchorElement>) => void;
     useFullRedirectsForLinks?: boolean;
     isSubmenuLink?: boolean;
+    isSubmenuFocused?: boolean;
 };
 declare const MenuItemLink: {
     (props: MenuItemLinkProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/{index-757f357b.cjs.dev.js → index-78c211fe.cjs.dev.js}

@@ -62,6 +62,7 @@ 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 _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var reactRedux = require('react-redux');
 var upperFirst = require('lodash/upperFirst');
@@ -115,9 +116,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.23.2";
+var applicationShellVersion = "22.24.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-31a405e4.cjs.dev.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-62173295.cjs.dev.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -613,9 +614,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-900f1217.cjs.dev.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-7d310fda.cjs.dev.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-ef2a58e8.cjs.dev.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-0338b552.cjs.dev.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -739,7 +740,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-d4f5198b.cjs.dev.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-4f451ac7.cjs.dev.js' /* webpackChunkName: "quick-access" */); }));
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -827,9 +828,9 @@ QuickAccessTrigger.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-a081a41b.cjs.dev.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-2a8354fd.cjs.dev.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
-const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-67d7cd03.cjs.dev.js' /* webpackChunkName: "redirect-to-project-create" */); }));
+const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-426cbb52.cjs.dev.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
 function ownKeys$8(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$8(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$8(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$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -903,6 +904,8 @@ const SetupFlopFlipProvider = props => {
   const adapterArgs = react.useMemo(() => {
     var _props$user, _props$ldClientSideId, _props$user2;
     return {
+      cacheIdentifier: types.cacheIdentifiers.local,
+      cacheMode: types.cacheModes.lazy,
       user: {
         key: (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.id
       },
@@ -923,13 +926,15 @@ const SetupFlopFlipProvider = props => {
         user: {
           key: (_props$user2 = props.user) === null || _props$user2 === void 0 ? void 0 : _props$user2.id
         },
-        execute: async function () {
+        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
+              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);
@@ -983,7 +988,7 @@ const ThemeSwitcher = () => {
   });
 };
 
-const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-4c05b132.cjs.dev.js' /* webpackChunkName: "version-tracker" */); }));
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-6d45f1c1.cjs.dev.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; }
@@ -1497,7 +1502,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-dd6bd27b.cjs.dev.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-d2363f00.cjs.dev.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; }
@@ -1735,7 +1740,7 @@ ApplicationShell.propTypes = process.env.NODE_ENV !== "production" ? {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = applicationShellVersion;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-0fc14221.cjs.dev.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-3c81dbc9.cjs.dev.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   var _props$user2;

package/dist/{index-84701df7.esm.js → index-9828105b.esm.js}

@@ -60,6 +60,7 @@ import combineAdapters from '@flopflip/combine-adapters';
 import httpAdapter from '@flopflip/http-adapter';
 import ldAdapter from '@flopflip/launchdarkly-adapter';
 import { ConfigureFlopFlip } from '@flopflip/react-broadcast';
+import { cacheIdentifiers, cacheModes } from '@flopflip/types';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import { Provider, useStore } from 'react-redux';
 import upperFirst from 'lodash/upperFirst';
@@ -73,9 +74,9 @@ import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
 import { showUnexpectedErrorNotification } from '@commercetools-frontend/actions-global';
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.23.2";
+var applicationShellVersion = "22.24.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-3c427498.esm.js' /* webpackChunkName: "requests-in-flight-loader" */));
+const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-b6efd83c.esm.js' /* webpackChunkName: "requests-in-flight-loader" */));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -571,9 +572,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/lazy(() => import('./navbar-8ce541e6.esm.js' /* webpackChunkName: "navbar" */));
+const Navbar = /*#__PURE__*/lazy(() => import('./navbar-29f95525.esm.js' /* webpackChunkName: "navbar" */));
 
-const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-c20d3df1.esm.js' /* webpackChunkName: "project-container" */));
+const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-9b279ff6.esm.js' /* webpackChunkName: "project-container" */));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -697,7 +698,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/lazy(() => import('./quick-access-e58c2ed3.esm.js' /* webpackChunkName: "quick-access" */));
+const QuickAccess = /*#__PURE__*/lazy(() => import('./quick-access-da79d347.esm.js' /* webpackChunkName: "quick-access" */));
 const QuickAccessTrigger = props => {
   const _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -785,9 +786,9 @@ QuickAccessTrigger.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-e103b82f.esm.js' /* webpackChunkName: "redirect-to-logout" */));
+const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-97e0e185.esm.js' /* webpackChunkName: "redirect-to-logout" */));
 
-const RedirectToProjectCreate = /*#__PURE__*/lazy(() => import('./redirect-to-project-create-1d0c6b01.esm.js' /* webpackChunkName: "redirect-to-project-create" */));
+const RedirectToProjectCreate = /*#__PURE__*/lazy(() => import('./redirect-to-project-create-a407c70e.esm.js' /* webpackChunkName: "redirect-to-project-create" */));
 
 function ownKeys$8(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -861,6 +862,8 @@ const SetupFlopFlipProvider = props => {
   const adapterArgs = useMemo(() => {
     var _props$user, _props$ldClientSideId, _props$user2;
     return {
+      cacheIdentifier: cacheIdentifiers.local,
+      cacheMode: cacheModes.lazy,
       user: {
         key: (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.id
       },
@@ -881,13 +884,15 @@ const SetupFlopFlipProvider = props => {
         user: {
           key: (_props$user2 = props.user) === null || _props$user2 === void 0 ? void 0 : _props$user2.id
         },
-        execute: async function () {
+        execute: async adapterArgs => {
+          var _adapterArgs$user;
           const response = await apolloClient.query({
             query: AllFeaturesQuery,
             errorPolicy: 'ignore',
             fetchPolicy: 'network-only',
             context: {
-              target: GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+              target: GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
+              projectKey: (_adapterArgs$user = adapterArgs.user) === null || _adapterArgs$user === void 0 ? void 0 : _adapterArgs$user.project
             }
           });
           return parseFlags(response.data);
@@ -941,7 +946,7 @@ const ThemeSwitcher = () => {
   });
 };
 
-const VersionTracker = /*#__PURE__*/lazy(() => import('./version-tracker-c2c11527.esm.js' /* webpackChunkName: "version-tracker" */));
+const VersionTracker = /*#__PURE__*/lazy(() => import('./version-tracker-e7f1181f.esm.js' /* webpackChunkName: "version-tracker" */));
 
 function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(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(_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1455,7 +1460,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-f7e224cf.esm.js' /* webpackChunkName: "oidc-callback" */));
+const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-88498ed3.esm.js' /* webpackChunkName: "oidc-callback" */));
 
 function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(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(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1693,7 +1698,7 @@ ApplicationShell.propTypes = process.env.NODE_ENV !== "production" ? {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = applicationShellVersion;
 
-const CustomViewDevHost = /*#__PURE__*/lazy(() => import('./custom-view-dev-host-4d53a277.esm.js' /* webpackChunkName: "custom-view-dev-host" */));
+const CustomViewDevHost = /*#__PURE__*/lazy(() => import('./custom-view-dev-host-1f5a3bac.esm.js' /* webpackChunkName: "custom-view-dev-host" */));
 
 function CustomViewFlopFlipProvider(props) {
   var _props$user2;

package/dist/{index-4cfa4d64.cjs.prod.js → index-a5eb97d4.cjs.prod.js}

@@ -62,6 +62,7 @@ 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 _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var reactRedux = require('react-redux');
 var upperFirst = require('lodash/upperFirst');
@@ -115,9 +116,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.23.2";
+var applicationShellVersion = "22.24.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-68826d5d.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-e71aa32e.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -585,9 +586,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-70ce6631.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-a1bf5ba3.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-a2811d4e.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-e0240991.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -699,7 +700,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-4caa7f1f.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-3ec8ebe1.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -785,9 +786,9 @@ const QuickAccessTrigger = props => {
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-94c46f3e.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-1ae3e81e.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
-const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-c962f72f.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
+const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-fade33c5.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
 function ownKeys$8(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$8(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$8(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$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -861,6 +862,8 @@ const SetupFlopFlipProvider = props => {
   const adapterArgs = react.useMemo(() => {
     var _props$user, _props$ldClientSideId, _props$user2;
     return {
+      cacheIdentifier: types.cacheIdentifiers.local,
+      cacheMode: types.cacheModes.lazy,
       user: {
         key: (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.id
       },
@@ -881,13 +884,15 @@ const SetupFlopFlipProvider = props => {
         user: {
           key: (_props$user2 = props.user) === null || _props$user2 === void 0 ? void 0 : _props$user2.id
         },
-        execute: async function () {
+        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
+              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);
@@ -917,7 +922,7 @@ const ThemeSwitcher = () => {
   });
 };
 
-const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-52d93f36.cjs.prod.js' /* webpackChunkName: "version-tracker" */); }));
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-84581783.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; }
@@ -1395,7 +1400,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-2da4a452.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-2dfff20c.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; }
@@ -1611,7 +1616,7 @@ ApplicationShell.propTypes = {};
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = applicationShellVersion;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-9dcebc3a.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-a726d962.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   var _props$user2;

package/dist/{navbar-8ce541e6.esm.js → navbar-29f95525.esm.js}

@@ -413,6 +413,7 @@ const MenuGroup = /*#__PURE__*/forwardRef((props, ref) => {
     "data-testid": "group-".concat(props.id),
     role: "menu",
     "aria-expanded": isSublistActiveWhileIsMenuExpanded || isSublistActiveWhileIsMenuCollapsed,
+    onKeyDown: props.handleKeyDown,
     className: classnames({
       'sublist-expanded__active': isSublistActiveWhileIsMenuExpanded
     }, {
@@ -440,6 +441,7 @@ const MenuItem$1 = props => {
     onMouseLeave: props.onMouseLeave,
     onFocus: props.onMouseEnter,
     onBlur: props.onMouseLeave,
+    onKeyDown: props.onKeyDown,
     "data-menuitem": props.identifier,
     className: classnames({
       active: props.isActive
@@ -461,7 +463,8 @@ MenuItem$1.propTypes = process.env.NODE_ENV !== "production" ? {
   onMouseEnter: _pt.oneOfType([_pt.func, _pt.func]),
   onMouseLeave: _pt.oneOfType([_pt.func, _pt.func]),
   children: _pt.node.isRequired,
-  identifier: _pt.string
+  identifier: _pt.string,
+  onKeyDown: _pt.func
 } : {};
 MenuItem$1.displayName = 'MenuItem';
 const menuItemLinkDefaultProps = {
@@ -479,7 +482,8 @@ NavLinkWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt.node.isRequired,
   onClick: _pt.func,
   useFullRedirectsForLinks: _pt.bool,
-  isSubmenuLink: _pt.bool
+  isSubmenuLink: _pt.bool,
+  isSubmenuFocused: _pt.bool
 } : {};
 const NavLinkClickableContentWrapper = props => {
   const Wrapper = props.isSubmenuLink ? NavlinkClickableContent : Fragment$1;
@@ -493,7 +497,8 @@ NavLinkClickableContentWrapper.propTypes = process.env.NODE_ENV !== "production"
   children: _pt.node.isRequired,
   onClick: _pt.func,
   useFullRedirectsForLinks: _pt.bool,
-  isSubmenuLink: _pt.bool
+  isSubmenuLink: _pt.bool,
+  isSubmenuFocused: _pt.bool
 } : {};
 const MenuItemLink = props => {
   const redirectTo = targetUrl => location.replace(targetUrl);
@@ -506,6 +511,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();
@@ -531,7 +537,8 @@ MenuItemLink.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt.node.isRequired,
   onClick: _pt.func,
   useFullRedirectsForLinks: _pt.bool,
-  isSubmenuLink: _pt.bool
+  isSubmenuLink: _pt.bool,
+  isSubmenuFocused: _pt.bool
 } : {};
 MenuItemLink.displayName = 'MenuItemLink';
 MenuItemLink.defaultProps = menuItemLinkDefaultProps;
@@ -1013,6 +1020,11 @@ const ApplicationMenu = props => {
     _useState4 = _slicedToArray(_useState3, 2),
     isSubmenuAboveMenuItem = _useState4[0],
     setIsSubmenuAboveMenuItem = _useState4[1];
+  const _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isSubmenuFocused = _useState6[0],
+    setIsSubmenuFocused = _useState6[1];
+  const observerRef = useRef(null);
   const submenuRef = useRef(null);
   const hasSubmenu = _Array$isArray(props.menu.submenu) && props.menu.submenu.length > 0;
   const menuItemIdentifier = snakeCase(props.menu.key);
@@ -1034,7 +1046,6 @@ const ApplicationMenu = props => {
       setSubmenuVerticalPosition(props.isMenuOpen ? menuItemTop : menuItemBottom);
     }
   }, [menuItemIdentifier, props.isMenuOpen]);
-  const observerRef = useRef(null);
   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
@@ -1051,6 +1062,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(matchPath(props.location.pathname, {
@@ -1068,6 +1080,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 jsx(RestrictedMenuItem, {
     keyOfMenuItem: props.menu.key,
     featureToggle: (_props$menu$featureTo = props.menu.featureToggle) !== null && _props$menu$featureTo !== void 0 ? _props$menu$featureTo : undefined,
@@ -1083,6 +1106,7 @@ const ApplicationMenu = props => {
       isMainMenuRouteActive: isMainMenuRouteActive,
       isMenuOpen: props.isMenuOpen,
       onClick: props.handleToggleItem,
+      onKeyDown: handleKeyDown,
       onMouseEnter: props.handleToggleItem,
       onMouseLeave: props.shouldCloseMenuFly,
       identifier: menuItemIdentifier,
@@ -1140,6 +1164,7 @@ const ApplicationMenu = props => {
                   useFullRedirectsForLinks: props.useFullRedirectsForLinks,
                   onClick: props.onMenuItemClick,
                   isSubmenuLink: true,
+                  isSubmenuFocused: isSubmenuFocused,
                   children: jsx(MenuLabel, {
                     labelAllLocales: submenu.labelAllLocales,
                     defaultLabel: submenu.defaultLabel,