@commercetools-frontend/application-shell 22.6.0 → 22.7.1

package/dist/{application-entry-point-2000359c.cjs.prod.js → application-entry-point-2bbea741.cjs.prod.js}

@@ -16,7 +16,7 @@ var invariant = require('tiny-invariant');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var permissions = require('@commercetools-frontend/permissions');
-var configureApollo = require('./configure-apollo-f632e6cf.cjs.prod.js');
+var configureApollo = require('./configure-apollo-2077e9e6.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{application-entry-point-8c1b932a.cjs.dev.js → application-entry-point-6853f92e.cjs.dev.js}

@@ -16,7 +16,7 @@ var invariant = require('tiny-invariant');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var permissions = require('@commercetools-frontend/permissions');
-var configureApollo = require('./configure-apollo-e0273cd1.cjs.dev.js');
+var configureApollo = require('./configure-apollo-99b8a3fe.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{application-entry-point-afa36f4a.esm.js → application-entry-point-97efa554.esm.js}

@@ -14,7 +14,7 @@ import invariant from 'tiny-invariant';
 import { PageUnauthorized } from '@commercetools-frontend/application-components';
 import { entryPointUriPathToPermissionKeys } from '@commercetools-frontend/application-config/ssr';
 import { useIsAuthorized } from '@commercetools-frontend/permissions';
-import { R as RouteCatchAll } from './configure-apollo-010b521a.esm.js';
+import { R as RouteCatchAll } from './configure-apollo-8bcf9317.esm.js';
 import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var configureApollo = require('./configure-apollo-e0273cd1.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-419189bf.cjs.dev.js');
+var configureApollo = require('./configure-apollo-99b8a3fe.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-6c0bc333.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -83,17 +83,11 @@ require('@apollo/client/react');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/l10n');
-require('@babel/runtime-corejs3/core-js-stable/array/from');
-require('@babel/runtime-corejs3/core-js-stable/instance/every');
-require('classnames');
-require('@commercetools-frontend/assets/images/diagonal-line.svg');
-require('@commercetools-frontend/permissions');
-require('@commercetools-uikit/icons/inline-svg');
-require('lodash/isNil');
 require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/flags');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('./oidc-244125d3.cjs.dev.js');
@@ -120,11 +114,14 @@ exports.ApplicationPageTitle = dist_commercetoolsFrontendApplicationShell.Applic
 exports.ApplicationShell = dist_commercetoolsFrontendApplicationShell.ApplicationShell;
 exports.ApplicationShellProvider = dist_commercetoolsFrontendApplicationShell.ApplicationShellProvider;
 exports.ConfigureIntlProvider = dist_commercetoolsFrontendApplicationShell.ConfigureIntlProvider;
+exports.CustomViewContextProvider = dist_commercetoolsFrontendApplicationShell.CustomViewContextProvider;
+exports.CustomViewShell = dist_commercetoolsFrontendApplicationShell.CustomViewShell;
 exports.InjectReducers = dist_commercetoolsFrontendApplicationShell.InjectReducers;
 exports.SetupFlopFlipProvider = dist_commercetoolsFrontendApplicationShell.SetupFlopFlipProvider;
 exports.SuspendedRoute = dist_commercetoolsFrontendApplicationShell.SuspendedRoute;
 exports.createApolloContextForProxyForwardTo = dist_commercetoolsFrontendApplicationShell.createApolloContextForProxyForwardTo;
 exports.setupGlobalErrorListener = dist_commercetoolsFrontendApplicationShell.setupGlobalErrorListener;
+exports.useCustomViewContext = dist_commercetoolsFrontendApplicationShell.useCustomViewContext;
 exports.useMcLazyQuery = dist_commercetoolsFrontendApplicationShell.useMcLazyQuery;
 exports.useMcMutation = dist_commercetoolsFrontendApplicationShell.useMcMutation;
 exports.useMcQuery = dist_commercetoolsFrontendApplicationShell.useMcQuery;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var configureApollo = require('./configure-apollo-f632e6cf.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-0bfb96a9.cjs.prod.js');
+var configureApollo = require('./configure-apollo-2077e9e6.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-f85c276c.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -83,17 +83,11 @@ require('@apollo/client/react');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/l10n');
-require('@babel/runtime-corejs3/core-js-stable/array/from');
-require('@babel/runtime-corejs3/core-js-stable/instance/every');
-require('classnames');
-require('@commercetools-frontend/assets/images/diagonal-line.svg');
-require('@commercetools-frontend/permissions');
-require('@commercetools-uikit/icons/inline-svg');
-require('lodash/isNil');
 require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/flags');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
+require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('./oidc-a780f067.cjs.prod.js');
@@ -120,11 +114,14 @@ exports.ApplicationPageTitle = dist_commercetoolsFrontendApplicationShell.Applic
 exports.ApplicationShell = dist_commercetoolsFrontendApplicationShell.ApplicationShell;
 exports.ApplicationShellProvider = dist_commercetoolsFrontendApplicationShell.ApplicationShellProvider;
 exports.ConfigureIntlProvider = dist_commercetoolsFrontendApplicationShell.ConfigureIntlProvider;
+exports.CustomViewContextProvider = dist_commercetoolsFrontendApplicationShell.CustomViewContextProvider;
+exports.CustomViewShell = dist_commercetoolsFrontendApplicationShell.CustomViewShell;
 exports.InjectReducers = dist_commercetoolsFrontendApplicationShell.InjectReducers;
 exports.SetupFlopFlipProvider = dist_commercetoolsFrontendApplicationShell.SetupFlopFlipProvider;
 exports.SuspendedRoute = dist_commercetoolsFrontendApplicationShell.SuspendedRoute;
 exports.createApolloContextForProxyForwardTo = dist_commercetoolsFrontendApplicationShell.createApolloContextForProxyForwardTo;
 exports.setupGlobalErrorListener = dist_commercetoolsFrontendApplicationShell.setupGlobalErrorListener;
+exports.useCustomViewContext = dist_commercetoolsFrontendApplicationShell.useCustomViewContext;
 exports.useMcLazyQuery = dist_commercetoolsFrontendApplicationShell.useMcLazyQuery;
 exports.useMcMutation = dist_commercetoolsFrontendApplicationShell.useMcMutation;
 exports.useMcQuery = dist_commercetoolsFrontendApplicationShell.useMcQuery;

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

@@ -1,5 +1,5 @@
-export { R as RouteCatchAll, h as applyDefaultMiddlewares, k as buildApiUrl, d as createApolloClient, l as createHttpClientOptions, m as executeHttpClientRequest, g as getMcApiUrl, a as selectProjectKeyFromUrl, j as selectUserId, f as version } from './configure-apollo-010b521a.esm.js';
-export { m as ApplicationPageTitle, k as ApplicationShell, l as ApplicationShellProvider, C as ConfigureIntlProvider, n as InjectReducers, S as SetupFlopFlipProvider, q as SuspendedRoute, o as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, r as useMcLazyQuery, t as useMcMutation, u as useMcQuery, v as useRoutesCreator } from './index-c24c3bbf.esm.js';
+export { R as RouteCatchAll, h as applyDefaultMiddlewares, k as buildApiUrl, d as createApolloClient, l as createHttpClientOptions, m as executeHttpClientRequest, g as getMcApiUrl, a as selectProjectKeyFromUrl, j as selectUserId, f as version } from './configure-apollo-8bcf9317.esm.js';
+export { f as ApplicationPageTitle, d as ApplicationShell, e as ApplicationShellProvider, C as ConfigureIntlProvider, m as CustomViewContextProvider, g as CustomViewShell, I as InjectReducers, S as SetupFlopFlipProvider, i as SuspendedRoute, h as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, n as useCustomViewContext, j as useMcLazyQuery, k as useMcMutation, u as useMcQuery, l as useRoutesCreator } from './index-975c5225.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import 'uuid';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
@@ -79,17 +79,11 @@ import '@apollo/client/react';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-uikit/loading-spinner';
 import '@commercetools-frontend/l10n';
-import '@babel/runtime-corejs3/core-js-stable/array/from';
-import '@babel/runtime-corejs3/core-js-stable/instance/every';
-import 'classnames';
-import '@commercetools-frontend/assets/images/diagonal-line.svg';
-import '@commercetools-frontend/permissions';
-import '@commercetools-uikit/icons/inline-svg';
-import 'lodash/isNil';
 import '@babel/runtime-corejs3/core-js-stable/object/from-entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/flags';
 import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
+import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
 import './oidc-c4e99cfc.esm.js';

package/dist/{configure-apollo-f632e6cf.cjs.prod.js → configure-apollo-2077e9e6.cjs.prod.js}

@@ -87,7 +87,7 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.6.0";
+var applicationShellVersion = "22.7.1";
 
 const isShowRequestInFlightAction = action => action.type === constants.SHOW_LOADING;
 const isHideRequestInFlightAction = action => action.type === constants.HIDE_LOADING;
@@ -201,7 +201,15 @@ const staticUrlPathsInPositionOfProjectKey = ['login', 'logout', 'account'];
 // return `undefined` as we're not within a project context.
 function selectProjectKeyFromUrl() {
   let locationPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.location.pathname;
-  const possibleProjectKey = locationPath.split('/')[1];
+  let possibleProjectKey = '';
+  const pathParts = locationPath.split('/');
+  if (pathParts[1] === 'custom-views') {
+    // Custom Views paths: /custom-views/:customViewId/projects/:projectKey
+    possibleProjectKey = pathParts[4];
+  } else {
+    // Application paths: /:projectKey/:applicationId
+    possibleProjectKey = pathParts[1];
+  }
   return _includesInstanceProperty__default["default"](staticUrlPathsInPositionOfProjectKey).call(staticUrlPathsInPositionOfProjectKey, possibleProjectKey) ? undefined : possibleProjectKey;
 }
 

package/dist/{configure-apollo-010b521a.esm.js → configure-apollo-8bcf9317.esm.js}

@@ -52,7 +52,7 @@ import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringif
 import { RetryLink } from '@apollo/client/link/retry';
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.6.0";
+var applicationShellVersion = "22.7.1";
 
 const isShowRequestInFlightAction = action => action.type === SHOW_LOADING;
 const isHideRequestInFlightAction = action => action.type === HIDE_LOADING;
@@ -167,7 +167,15 @@ const staticUrlPathsInPositionOfProjectKey = ['login', 'logout', 'account'];
 // return `undefined` as we're not within a project context.
 function selectProjectKeyFromUrl() {
   let locationPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.location.pathname;
-  const possibleProjectKey = locationPath.split('/')[1];
+  let possibleProjectKey = '';
+  const pathParts = locationPath.split('/');
+  if (pathParts[1] === 'custom-views') {
+    // Custom Views paths: /custom-views/:customViewId/projects/:projectKey
+    possibleProjectKey = pathParts[4];
+  } else {
+    // Application paths: /:projectKey/:applicationId
+    possibleProjectKey = pathParts[1];
+  }
   return _includesInstanceProperty(staticUrlPathsInPositionOfProjectKey).call(staticUrlPathsInPositionOfProjectKey, possibleProjectKey) ? undefined : possibleProjectKey;
 }
 

package/dist/{configure-apollo-e0273cd1.cjs.dev.js → configure-apollo-99b8a3fe.cjs.dev.js}

@@ -87,7 +87,7 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.6.0";
+var applicationShellVersion = "22.7.1";
 
 const isShowRequestInFlightAction = action => action.type === constants.SHOW_LOADING;
 const isHideRequestInFlightAction = action => action.type === constants.HIDE_LOADING;
@@ -202,7 +202,15 @@ const staticUrlPathsInPositionOfProjectKey = ['login', 'logout', 'account'];
 // return `undefined` as we're not within a project context.
 function selectProjectKeyFromUrl() {
   let locationPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.location.pathname;
-  const possibleProjectKey = locationPath.split('/')[1];
+  let possibleProjectKey = '';
+  const pathParts = locationPath.split('/');
+  if (pathParts[1] === 'custom-views') {
+    // Custom Views paths: /custom-views/:customViewId/projects/:projectKey
+    possibleProjectKey = pathParts[4];
+  } else {
+    // Application paths: /:projectKey/:applicationId
+    possibleProjectKey = pathParts[1];
+  }
   return _includesInstanceProperty__default["default"](staticUrlPathsInPositionOfProjectKey).call(staticUrlPathsInPositionOfProjectKey, possibleProjectKey) ? undefined : possibleProjectKey;
 }
 

package/dist/declarations/src/components/application-shell-authenticated/new-main-navigation-flag-wrapper.d.ts

@@ -1,4 +1,9 @@
+/// <reference types="react" />
+type TNewMainNavigationFlagWrapperChildrenProps = {
+    isNewNavigationEnabled: boolean;
+    isNewNavigationEnabledEvaluationReady: boolean;
+};
 declare const NewMainNavigationFlagWrapper: (props: {
-    children: Function;
-}) => any;
+    children: ({ isNewNavigationEnabled, isNewNavigationEnabledEvaluationReady, }: TNewMainNavigationFlagWrapperChildrenProps) => JSX.Element;
+}) => JSX.Element;
 export default NewMainNavigationFlagWrapper;

package/dist/declarations/src/components/application-shell-provider/utils.d.ts

@@ -1,3 +1,3 @@
 import { type EnhancedHistory } from '@commercetools-frontend/browser-history';
 export declare const getBrowserHistory: () => EnhancedHistory;
-export declare const getBrowserLocale: (win: Window) => string;
+export declare const getBrowserLocale: (win: Window) => import("@commercetools-frontend/l10n/supported-locales").TSupportedLocale;

package/dist/declarations/src/components/custom-view-context/custom-view-context.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+import { type TCustomView } from '../../types/generated/settings';
+type TCustomViewContext = {
+    config: TCustomView;
+};
+type TCustomViewContextProviderProps = {
+    config: TCustomView;
+    children: ReactNode;
+};
+export declare const CustomViewContextProvider: (props: TCustomViewContextProviderProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const useCustomViewContext: () => TCustomViewContext;
+export {};

package/dist/declarations/src/components/custom-view-context/index.d.ts

@@ -0,0 +1 @@
+export * from './custom-view-context';

package/dist/declarations/src/components/custom-view-shell/custom-view-shell.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import { type TAsyncLocaleDataProps } from '@commercetools-frontend/i18n';
+type TCustomViewShellProps = {
+    customViewId: string;
+    messages: TAsyncLocaleDataProps['applicationMessages'];
+    children: ReactNode;
+};
+declare function CustomViewShell(props: TCustomViewShellProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default CustomViewShell;

package/dist/declarations/src/components/custom-view-shell/index.d.ts

@@ -0,0 +1 @@
+export { default } from './custom-view-shell';

package/dist/declarations/src/components/custom-view-shell-authenticated/custom-view-shell-authenticated.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+import type { ApplicationWindow } from '@commercetools-frontend/constants';
+import { type TAsyncLocaleDataProps } from '@commercetools-frontend/i18n';
+type TCustomViewShellAuthenticatedProps = {
+    dataLocale: string;
+    environment: ApplicationWindow['app'];
+    messages: TAsyncLocaleDataProps['applicationMessages'];
+    projectKey?: string;
+    children: ReactNode;
+};
+declare function CustomViewShellAuthenticated(props: TCustomViewShellAuthenticatedProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default CustomViewShellAuthenticated;

package/dist/declarations/src/components/custom-view-shell-authenticated/index.d.ts

@@ -0,0 +1 @@
+export { default } from './custom-view-shell-authenticated';

package/dist/declarations/src/components/navbar/compiled/navbar.css.json.d.ts

@@ -1,3 +1,3 @@
 /* eslint-disable prettier/prettier */
-    declare const styles: {"left-navigation":"navbar-mod__left-navigation___n7yUt","list":"navbar-mod__list___RCV3J","scrollable-menu":"navbar-mod__scrollable-menu___64pxJ","list-item":"navbar-mod__list-item___MjK6t","item-link":"navbar-mod__item-link___X2Ina","item-icon-text":"navbar-mod__item-icon-text___a-8JY","icon":"navbar-mod__icon___bLsep","icon__active":"navbar-mod__icon__active___asorg","title":"navbar-mod__title___eRWUj","expander":"navbar-mod__expander___jyAUi","expand-icon":"navbar-mod__expand-icon___BtmRa","item--bottom":"navbar-mod__item--bottom___eW7nh","item__active":"navbar-mod__item__active___lo1sr","item_menu-open":"navbar-mod__item_menu-open___zk0zh","item_menu-collapsed":"navbar-mod__item_menu-collapsed___cluyY","item__no-submenu":"navbar-mod__item__no-submenu___0lmiH","sublist":"navbar-mod__sublist___os1s7","sublist-no-children":"navbar-mod__sublist-no-children___Dy-h-","title-copy":"navbar-mod__title-copy___o2y1q","sublist__inactive":"navbar-mod__sublist__inactive___kJvf-","sublist-item":"navbar-mod__sublist-item___gafkS","text":"navbar-mod__text___ccHEu","text-link":"navbar-mod__text-link___dhtj6","item_menu__active":"navbar-mod__item_menu__active___5xFRw","icon-container":"navbar-mod__icon-container___w3FtA","fixed-menu":"navbar-mod__fixed-menu___42tD9","sublist-expanded__active":"navbar-mod__sublist-expanded__active___240JK","sublist-collapsed__active":"navbar-mod__sublist-collapsed__active___-9vYh","highlighted":"navbar-mod__highlighted___oJWkA","hidden":"navbar-mod__hidden___TQLSs","divider":"navbar-mod__divider___TpVzu","loading-dot-container":"navbar-mod__loading-dot-container___G2LVb"};
+    declare const styles: {"left-navigation":"navbar-mod__left-navigation___n7yUt","left-navigation-new":"navbar-mod__left-navigation-new___31u-2","list":"navbar-mod__list___RCV3J","scrollable-menu":"navbar-mod__scrollable-menu___64pxJ","list-item":"navbar-mod__list-item___MjK6t","item-link":"navbar-mod__item-link___X2Ina","item-icon-text":"navbar-mod__item-icon-text___a-8JY","icon":"navbar-mod__icon___bLsep","icon__active":"navbar-mod__icon__active___asorg","title":"navbar-mod__title___eRWUj","expander":"navbar-mod__expander___jyAUi","expand-icon":"navbar-mod__expand-icon___BtmRa","item--bottom":"navbar-mod__item--bottom___eW7nh","item__active":"navbar-mod__item__active___lo1sr","item_menu-open":"navbar-mod__item_menu-open___zk0zh","item_menu-collapsed":"navbar-mod__item_menu-collapsed___cluyY","item__no-submenu":"navbar-mod__item__no-submenu___0lmiH","sublist":"navbar-mod__sublist___os1s7","sublist-no-children":"navbar-mod__sublist-no-children___Dy-h-","title-copy":"navbar-mod__title-copy___o2y1q","sublist-new":"navbar-mod__sublist-new___5gy2L","sublist__inactive":"navbar-mod__sublist__inactive___kJvf-","sublist-item":"navbar-mod__sublist-item___gafkS","sublist-item-new":"navbar-mod__sublist-item-new___z6xTy","sublist-item-new__active":"navbar-mod__sublist-item-new__active___ZNiqu","text":"navbar-mod__text___ccHEu","text-link":"navbar-mod__text-link___dhtj6","text-link-new":"navbar-mod__text-link-new___1mTbx","item_menu__active":"navbar-mod__item_menu__active___5xFRw","icon-container":"navbar-mod__icon-container___w3FtA","fixed-menu":"navbar-mod__fixed-menu___42tD9","sublist-expanded__active":"navbar-mod__sublist-expanded__active___240JK","sublist-collapsed__active":"navbar-mod__sublist-collapsed__active___-9vYh","sublist-collapsed-new__active":"navbar-mod__sublist-collapsed-new__active___scHEz","sublist-expanded-new__active":"navbar-mod__sublist-expanded-new__active___KJ32l","highlighted":"navbar-mod__highlighted___oJWkA","highlighted-new":"navbar-mod__highlighted-new___tJFEc","hidden":"navbar-mod__hidden___TQLSs","divider":"navbar-mod__divider___TpVzu","loading-dot-container":"navbar-mod__loading-dot-container___G2LVb","scrollable-menu-new":"navbar-mod__scrollable-menu-new___4yfOE"};
     export default styles;

package/dist/declarations/src/components/navbar/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const Navbar: import("react").LazyExoticComponent<{
     (props: {
-        applicationLocale: string;
+        applicationLocale?: string | undefined;
         projectKey: string;
         environment: {
             useFullRedirectsForLinks?: boolean | undefined;
@@ -95,7 +95,10 @@ declare const Navbar: import("react").LazyExoticComponent<{
             };
         } | null | undefined;
         onMenuItemClick?: ((event: import("react").SyntheticEvent<HTMLAnchorElement, Event>) => void) | undefined;
-    }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        isLoading: boolean;
+        isNewNavigationEnabled: boolean;
+        isNewNavigationEnabledEvaluationReady: boolean;
+    }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
     displayName: string;
 }>;
 export default Navbar;

package/dist/declarations/src/components/navbar/menu-items.d.ts

@@ -35,6 +35,8 @@ type MenuGroupProps = {
     isExpanded?: boolean;
     hasSubmenu?: boolean;
     children?: ReactNode;
+    verticalPosition?: number;
+    isNewNavigationEnabled?: boolean;
 };
 declare const MenuGroup: {
     (props: MenuGroupProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
@@ -50,16 +52,14 @@ type MenuItemProps = {
     onMouseLeave?: MouseEventHandler<HTMLElement>;
     children: ReactNode;
 };
-declare const MenuItem: {
-    (props: MenuItemProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
-    displayName: string;
-};
+declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
 export type MenuItemLinkProps = {
     linkTo?: string;
     exactMatch: boolean;
     children: ReactNode;
     onClick?: (event: SyntheticEvent<HTMLAnchorElement>) => void;
     useFullRedirectsForLinks?: boolean;
+    isNewNavigationEnabled?: boolean;
 };
 declare const MenuItemLink: {
     (props: MenuItemLinkProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
@@ -94,6 +94,7 @@ type MenuLabelProps = {
 declare const MenuLabel: (props: MenuLabelProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 type TNavBarLayoutProps = {
     children: ReactNode;
+    isNewNavigationEnabled?: boolean;
 };
 declare const NavBarLayout: import("react").ForwardRefExoticComponent<TNavBarLayoutProps & import("react").RefAttributes<HTMLElement>>;
 export { RestrictedMenuItem, MenuItem, MenuItemLink, IconSwitcher, MenuGroup, MenuLabel, MenuItemDivider, MenuExpander, Faded, NavBarLayout, };

package/dist/declarations/src/components/navbar/navbar-skeleton.d.ts

@@ -0,0 +1,6 @@
+import { type TNavBarSkeletonProps } from './navbar-skeleton.styles';
+declare const NavBarSkeleton: {
+    (props: TNavBarSkeletonProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export default NavBarSkeleton;

package/dist/declarations/src/components/navbar/navbar-skeleton.styles.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from 'react';
+type TNavBarSkeletonProps = {
+    isExpanded: boolean;
+};
+type TMenuItemProps = {
+    contentWidth: 'wide' | 'narrow';
+};
+declare const NavBarLayout: (props: TNavBarSkeletonProps & {
+    children: ReactNode;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const NavBarHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NavBarBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NavBarFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TNavBarSkeletonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const ExpandIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const MenuItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TMenuItemProps & TNavBarSkeletonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const MenuItemIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const MenuItemTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const MenuItemGroup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export { NavBarLayout, NavBarHeader, NavBarBody, NavBarFooter, ExpandIcon, MenuItemContainer, MenuItemIcon, MenuItemTitle, MenuItemGroup, type TNavBarSkeletonProps, type TMenuItemProps, };

package/dist/declarations/src/components/navbar/navbar.d.ts

@@ -2,16 +2,19 @@ import type { TApplicationContext } from '@commercetools-frontend/application-sh
 import type { TFetchProjectQuery } from '../../types/generated/mc';
 import { type MenuItemLinkProps } from './menu-items';
 type TNavbarProps = {
-    applicationLocale: string;
+    applicationLocale?: string;
     projectKey: string;
     environment: TApplicationContext<{
         useFullRedirectsForLinks?: boolean;
     }>['environment'];
     project: TFetchProjectQuery['project'];
     onMenuItemClick?: MenuItemLinkProps['onClick'];
+    isLoading: boolean;
+    isNewNavigationEnabled: boolean;
+    isNewNavigationEnabledEvaluationReady: boolean;
 };
 declare const NavBar: {
-    (props: TNavbarProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: TNavbarProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
     displayName: string;
 };
 export default NavBar;

package/dist/declarations/src/index.d.ts

@@ -3,6 +3,8 @@ export { default as version } from './version';
 export { default as ApplicationShell } from './components/application-shell';
 export { default as ApplicationShellProvider } from './components/application-shell-provider';
 export { default as ApplicationPageTitle } from './components/application-page-title';
+export { default as CustomViewShell } from './components/custom-view-shell';
+export * from './components/custom-view-context';
 export { default as createApolloClient } from './configure-apollo';
 export { applyDefaultMiddlewares } from './configure-store';
 export { default as InjectReducers } from './components/inject-reducers';