@commercetools-frontend/application-shell 22.7.1 → 22.8.1

package/dist/custom-view-dev-host-e545cc88.cjs.dev.js

@@ -0,0 +1,215 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _pt = require('prop-types');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var react = require('react');
+var reactRouterDom = require('react-router-dom');
+var history = require('@commercetools-frontend/browser-history');
+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-a98d4c9b.cjs.dev.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('./configure-apollo-bb20a723.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/reflect/has');
+require('@reduxjs/toolkit');
+require('lodash/mapValues');
+require('omit-empty-es');
+require('redux-thunk');
+require('@commercetools-frontend/constants');
+require('@commercetools-frontend/notifications');
+require('@commercetools-frontend/sdk');
+require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('@commercetools-frontend/sentry');
+require('./constants-bef5a843.cjs.dev.js');
+require('@commercetools-frontend/react-notifications');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('redux-logger');
+require('@babel/runtime-corejs3/core-js-stable/url');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@apollo/client');
+require('apollo-link-logger');
+require('@apollo/client/link/error');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@babel/runtime-corejs3/core-js-stable/object/values');
+require('@commercetools/http-user-agent');
+require('uuid');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/assertThisInitialized');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@apollo/client/link/retry');
+require('@emotion/styled/base');
+require('@emotion/react');
+require('@commercetools-frontend/application-components');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/i18n');
+require('@commercetools-frontend/assets/images/logo.svg');
+require('@commercetools-uikit/design-system');
+require('react-intl');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icons');
+require('./use-is-served-by-proxy-ed411f45.cjs.dev.js');
+require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('memoize-one');
+require('@commercetools-uikit/accessible-hidden');
+require('@commercetools-uikit/select-input');
+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/object/from-entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+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('./oidc-97f361cb.cjs.dev.js');
+require('@commercetools-uikit/design-system/materials/resets.css');
+require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/application-config/ssr');
+require('@commercetools-frontend/permissions');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var history__default = /*#__PURE__*/_interopDefault(history);
+var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
+var PrimaryButton__default = /*#__PURE__*/_interopDefault(PrimaryButton);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+const LocalCustomViewLauncher = props => {
+  var _props$environment$__, _context, _customViewConfig$typ, _props$environment$__2;
+  const _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldRenderCustomView = _useState2[0],
+    setShouldRenderCustomView = _useState2[1];
+  // We expect this in development to be defined.
+  const customViewConfig = (_props$environment$__ = props.environment.__DEVELOPMENT__) === null || _props$environment$__ === void 0 ? void 0 : _props$environment$__.customViewConfig;
+  return jsxRuntime.jsx("main", {
+    children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+      max: "scale",
+      children: jsxRuntime.jsxs(Spacings__default["default"].Inset, {
+        scale: "xl",
+        children: [jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          scale: "xl",
+          children: [jsxRuntime.jsx(Text__default["default"].Headline, {
+            as: "h1",
+            children: "Custom View loader"
+          }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "l",
+            children: [jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+              scale: "m",
+              children: [jsxRuntime.jsxs(Text__default["default"].Body, {
+                children: ["This page simulates the rendering of your Custom View as if it was within a page in the Merchant Center:", jsxRuntime.jsx("br", {}), "Based on your ", jsxRuntime.jsx("i", {
+                  children: "custom-view-config"
+                }), " file, these are the settings that will be used:"]
+              }), jsxRuntime.jsx("ul", {
+                children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+                  scale: "s",
+                  children: [jsxRuntime.jsxs("li", {
+                    children: ["Custom View ID: ", jsxRuntime.jsx("b", {
+                      children: customViewConfig.id
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View permissions:", ' ', jsxRuntime.jsx("b", {
+                      children: _mapInstanceProperty__default["default"](_context = customViewConfig.permissions).call(_context, permission => {
+                        var _context2;
+                        return _concatInstanceProperty__default["default"](_context2 = "(".concat(permission.name, ": ")).call(_context2, permission.oAuthScopes.join(', '), ")");
+                      }).join(', ')
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View locators:", ' ', jsxRuntime.jsx("b", {
+                      children: customViewConfig.locators.join(', ')
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View type: ", jsxRuntime.jsx("b", {
+                      children: customViewConfig.type
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View size:", ' ', jsxRuntime.jsx("b", {
+                      children: (_customViewConfig$typ = customViewConfig.typeSettings) === null || _customViewConfig$typ === void 0 ? void 0 : _customViewConfig$typ.size
+                    })]
+                  })]
+                })
+              })]
+            }), jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+              max: 10,
+              children: jsxRuntime.jsx(PrimaryButton__default["default"], {
+                label: "Open the Custom View",
+                onClick: () => setShouldRenderCustomView(true)
+              })
+            })]
+          })]
+        }), shouldRenderCustomView && jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.CustomViewLoader, {
+          customView: customViewConfig,
+          hostUrl: (_props$environment$__2 = props.environment.__DEVELOPMENT__) === null || _props$environment$__2 === void 0 ? void 0 : _props$environment$__2.customViewHostUrl,
+          onClose: () => setShouldRenderCustomView(false)
+        })]
+      })
+    })
+  });
+};
+const SimulatedIframeRoute = props => {
+  const routeMatch = reactRouterDom.useRouteMatch();
+  console.info("\u2139\uFE0F Rendering a Custom View as it would be rendered within an iframe", routeMatch.url);
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.children
+  });
+};
+const CustomViewDevHost = props => {
+  return jsxRuntime.jsx(reactRouterDom.Router, {
+    history: history__default["default"],
+    children: jsxRuntime.jsxs(reactRouterDom.Switch, {
+      children: [jsxRuntime.jsx(reactRouterDom.Route, {
+        path: "/custom-views/:customViewId/projects/:projectKey",
+        children: jsxRuntime.jsx(SimulatedIframeRoute, {
+          children: props.children
+        })
+      }), jsxRuntime.jsx(reactRouterDom.Route, {
+        children: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ApplicationShell, {
+          environment: window.app,
+          applicationMessages: props.applicationMessages,
+          children: jsxRuntime.jsx(LocalCustomViewLauncher, {
+            environment: window.app
+          })
+        })
+      })]
+    })
+  });
+};
+CustomViewDevHost.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: _pt__default["default"].node.isRequired
+} : {};
+CustomViewDevHost.displayName = 'CustomViewDevHost';
+
+exports["default"] = CustomViewDevHost;

package/dist/declarations/src/components/app-bar/app-bar.d.ts

@@ -2,6 +2,7 @@ import type { TFetchLoggedInUserQuery } from '../../types/generated/mc';
 type Props = {
     user: TFetchLoggedInUserQuery['user'];
     projectKeyFromUrl?: string;
+    isNewNavigationEnabled: boolean;
 };
 declare const AppBar: {
     (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import type { TAsyncLocaleDataProps } from '@commercetools-frontend/i18n';
+export type TCustomViewDevHost = {
+    applicationMessages: TAsyncLocaleDataProps['applicationMessages'];
+    children: ReactNode;
+};
+declare const CustomViewDevHost: {
+    (props: TCustomViewDevHost): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export default CustomViewDevHost;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const CustomViewDevHost: import("react").LazyExoticComponent<{
+    (props: import("./custom-view-dev-host").TCustomViewDevHost): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+}>;
+export default CustomViewDevHost;

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

@@ -0,0 +1,8 @@
+import { CustomViewData } from '@commercetools-frontend/constants';
+type TCustomViewLoaderProps = {
+    customView: CustomViewData;
+    hostUrl?: string;
+    onClose: () => void;
+};
+declare function CustomViewLoader(props: TCustomViewLoaderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+export default CustomViewLoader;

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

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

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

@@ -0,0 +1,7 @@
+declare const messages: {
+    loadError: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default messages;

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

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

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

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

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

@@ -1,104 +1,8 @@
 /// <reference types="react" />
 declare const Navbar: import("react").LazyExoticComponent<{
-    (props: {
-        applicationLocale?: string | undefined;
-        projectKey: string;
-        environment: {
-            useFullRedirectsForLinks?: boolean | undefined;
-        } & {
-            applicationId: string;
-            customViewId?: string | undefined;
-            applicationName: string;
-            entryPointUriPath: string;
-            revision: string;
-            env: string;
-            location: string;
-            cdnUrl: string;
-            mcApiUrl: string;
-            frontendHost: string;
-            servedByProxy: boolean;
-            ldClientSideId?: string | undefined;
-            trackingSentry?: string | undefined;
-            __DEVELOPMENT__?: {
-                oidc?: import("@commercetools-frontend/constants").ApplicationOidcForDevelopmentConfig | undefined;
-                menuLinks?: import("@commercetools-frontend/constants").ApplicationMenuLinksForDevelopmentConfig | undefined;
-            } | undefined;
-        };
-        project: {
-            __typename?: "Project" | undefined;
-            key: string;
-            version?: number | null | undefined;
-            name: string;
-            countries: string[];
-            currencies: string[];
-            languages: string[];
-            initialized: boolean;
-            sampleDataImportDataset?: string | null | undefined;
-            expiry: {
-                __typename?: "ProjectExpiry" | undefined;
-                isActive: boolean;
-                daysLeft?: number | null | undefined;
-            };
-            suspension: {
-                __typename?: "ProjectSuspension" | undefined;
-                isActive: boolean;
-                reason?: import("../../types/generated/mc").TProjectSuspensionReason | null | undefined;
-            };
-            allAppliedPermissions: {
-                __typename?: "AppliedPermission" | undefined;
-                name: string;
-                value: boolean;
-            }[];
-            allAppliedActionRights: {
-                __typename?: "AppliedActionRight" | undefined;
-                group: string;
-                name: string;
-                value: boolean;
-            }[];
-            allAppliedDataFences: {
-                __typename: "StoreDataFence";
-                type: string;
-                name: string;
-                value: string;
-                group: string;
-            }[];
-            allPermissionsForAllApplications: {
-                __typename?: "AllPermissionsForAllApplications" | undefined;
-                allAppliedPermissions: {
-                    __typename?: "AppliedPermission" | undefined;
-                    name: string;
-                    value: boolean;
-                }[];
-                allAppliedActionRights: {
-                    __typename?: "AppliedActionRight" | undefined;
-                    group: string;
-                    name: string;
-                    value: boolean;
-                }[];
-                allAppliedMenuVisibilities: {
-                    __typename?: "AppliedMenuVisibilities" | undefined;
-                    name: string;
-                    value: boolean;
-                }[];
-                allAppliedDataFences: {
-                    __typename: "StoreDataFence";
-                    type: string;
-                    name: string;
-                    value: string;
-                    group: string;
-                }[];
-            };
-            owner: {
-                __typename?: "Organization" | undefined;
-                id: string;
-                name: string;
-            };
-        } | null | undefined;
-        onMenuItemClick?: ((event: import("react").SyntheticEvent<HTMLAnchorElement, Event>) => void) | undefined;
-        isLoading: boolean;
+    (props: import("./navbar-new/navbar").TNavbarProps & {
         isNewNavigationEnabled: boolean;
-        isNewNavigationEnabledEvaluationReady: boolean;
-    }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+    }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 }>;
 export default Navbar;

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

@@ -0,0 +1,3 @@
+/* eslint-disable prettier/prettier */
+    declare const styles: {"left-navigation":"navbar-mod__left-navigation___op7AX","navigation-header":"navbar-mod__navigation-header___vaIOk","icon-container":"navbar-mod__icon-container___hAbPn","title":"navbar-mod__title___aTo0V","icon":"navbar-mod__icon___21inq","list":"navbar-mod__list___pouHY","list-item":"navbar-mod__list-item___y7qYe","item-link":"navbar-mod__item-link___6U2c1","item-link-no-submenu":"navbar-mod__item-link-no-submenu___EPy3b","item-icon-text":"navbar-mod__item-icon-text___3ZFtB","expander":"navbar-mod__expander___blASx","expand-icon":"navbar-mod__expand-icon___3A2Dk","item--bottom":"navbar-mod__item--bottom___Pygdy","item_menu__active":"navbar-mod__item_menu__active___j515K","item__active":"navbar-mod__item__active___SEPWP","item_menu-open":"navbar-mod__item_menu-open___NnkVM","item_menu-collapsed":"navbar-mod__item_menu-collapsed___1s4K0","sublist":"navbar-mod__sublist___tMZy4","sublist-expanded__active":"navbar-mod__sublist-expanded__active___XyUuS","sublist-collapsed__active":"navbar-mod__sublist-collapsed__active___yWHea","sublist-collapsed__active__above":"navbar-mod__sublist-collapsed__active__above___-7-Ca","sublist__inactive":"navbar-mod__sublist__inactive___5-OgH","sublist-item":"navbar-mod__sublist-item___ZZbsF","sublist-item__active":"navbar-mod__sublist-item__active___O2-c-","text":"navbar-mod__text___3TpQt","text-link":"navbar-mod__text-link___TcEn2","text-link-sublist-wrapper":"navbar-mod__text-link-sublist-wrapper___RQinz","text-link-sublist":"navbar-mod__text-link-sublist___V0-tf","navlink-clickable-content":"navbar-mod__navlink-clickable-content___o-emf","fixed-menu":"navbar-mod__fixed-menu___QYEJM","support-menu":"navbar-mod__support-menu___bkf5Q","tooltip-container":"navbar-mod__tooltip-container___gTiaE","tooltip":"navbar-mod__tooltip___3PSlF","sublist-collapsed__empty":"navbar-mod__sublist-collapsed__empty___mXa6R","highlighted":"navbar-mod__highlighted___06BoS","hidden":"navbar-mod__hidden___-s7eh","divider":"navbar-mod__divider___GBOn1","loading-dot-container":"navbar-mod__loading-dot-container___B7sPh","scrollable-menu":"navbar-mod__scrollable-menu___I9ci7"};
+    export default styles;

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

@@ -0,0 +1,102 @@
+import { MouseEventHandler, type ReactNode, type SyntheticEvent } from 'react';
+import type { TNormalizedMenuVisibilities, TNormalizedPermissions, TNormalizedActionRights, TNormalizedDataFences } from '@commercetools-frontend/application-shell-connectors';
+import { BackIcon } from '@commercetools-uikit/icons';
+import type { TDataFence, TActionRight, TLocalizedField } from '../../../types/generated/proxy';
+type TProjectPermissions = {
+    permissions: TNormalizedPermissions | null;
+    actionRights: TNormalizedActionRights | null;
+    dataFences: TNormalizedDataFences | null;
+};
+type IconProps = Parameters<typeof BackIcon>[0];
+type IconSwitcherProps = {
+    icon: string;
+} & IconProps;
+declare const IconSwitcher: {
+    ({ icon, ...iconProps }: IconSwitcherProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+type MenuExpanderProps = {
+    isVisible: boolean;
+    onClick: MouseEventHandler<HTMLDivElement>;
+    isMenuOpen: boolean;
+};
+declare const MenuExpander: {
+    (props: MenuExpanderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+declare const Faded: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+type MenuGroupProps = {
+    id: string;
+    level: 1 | 2;
+    isActive?: boolean;
+    isExpanded?: boolean;
+    hasSubmenu?: boolean;
+    children?: ReactNode;
+    submenuVerticalPosition?: number;
+    isSubmenuAboveMenuItem?: boolean;
+};
+declare const MenuGroup: import("react").ForwardRefExoticComponent<MenuGroupProps & import("react").RefAttributes<HTMLUListElement>>;
+type MenuItemProps = {
+    hasSubmenu: boolean;
+    isActive: boolean;
+    isMainMenuRouteActive?: boolean;
+    isMenuOpen: boolean;
+    onClick: MouseEventHandler<HTMLElement>;
+    onMouseEnter?: MouseEventHandler<HTMLElement>;
+    onMouseLeave?: MouseEventHandler<HTMLElement>;
+    children: ReactNode;
+};
+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;
+    isSubmenuLink?: boolean;
+};
+declare const MenuItemLink: {
+    (props: MenuItemLinkProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<MenuItemLinkProps, "exactMatch">;
+};
+type RestrictedMenuItemProps = {
+    featureToggle?: string;
+    namesOfMenuVisibilities?: string[];
+    projectPermissions: TProjectPermissions;
+    menuVisibilities: TNormalizedMenuVisibilities | null;
+    keyOfMenuItem: string;
+    permissions: string[];
+    actionRights?: TActionRight[];
+    dataFences?: TDataFence[];
+    children: ReactNode;
+};
+declare const RestrictedMenuItem: {
+    (props: RestrictedMenuItemProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+    displayName: string;
+    defaultProps: Pick<RestrictedMenuItemProps, "permissions">;
+};
+type MenuLabelProps = {
+    labelAllLocales: TLocalizedField[];
+    defaultLabel?: string;
+    applicationLocale: string;
+};
+declare const MenuLabel: (props: MenuLabelProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+type TNavBarLayoutProps = {
+    children: ReactNode;
+};
+declare const NavBarLayout: import("react").ForwardRefExoticComponent<TNavBarLayoutProps & import("react").RefAttributes<HTMLElement>>;
+type ItemContainerProps = {
+    labelAllLocales: TLocalizedField[];
+    defaultLabel?: string;
+    applicationLocale: string;
+    icon: string;
+};
+declare const ItemContainer: {
+    (props: ItemContainerProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export { RestrictedMenuItem, MenuItem, MenuItemLink, IconSwitcher, MenuGroup, MenuLabel, MenuExpander, Faded, NavBarLayout, ItemContainer, };

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

@@ -0,0 +1,48 @@
+import { type MouseEventHandler } from 'react';
+import type { RouteComponentProps } from 'react-router-dom';
+import type { TApplicationContext, TNormalizedMenuVisibilities, TNormalizedPermissions, TNormalizedActionRights, TNormalizedDataFences } from '@commercetools-frontend/application-shell-connectors';
+import type { TFetchProjectQuery } from '../../../types/generated/mc';
+import type { TNavbarMenu } from '../../../types/generated/proxy';
+import { type MenuItemLinkProps } from './menu-items';
+type TProjectPermissions = {
+    permissions: TNormalizedPermissions | null;
+    actionRights: TNormalizedActionRights | null;
+    dataFences: TNormalizedDataFences | null;
+};
+type TMenuWithDefaultLabel = TNavbarMenu & {
+    defaultLabel?: string;
+};
+type ApplicationMenuProps = {
+    location: RouteComponentProps['location'];
+    menu: TMenuWithDefaultLabel;
+    isActive: boolean;
+    isMenuOpen: boolean;
+    shouldCloseMenuFly: MouseEventHandler<HTMLElement>;
+    projectPermissions: TProjectPermissions;
+    menuVisibilities: TNormalizedMenuVisibilities | null;
+    handleToggleItem: () => void;
+    applicationLocale: string;
+    projectKey: string;
+    useFullRedirectsForLinks: boolean;
+    onMenuItemClick?: MenuItemLinkProps['onClick'];
+};
+export declare const ApplicationMenu: {
+    (props: ApplicationMenuProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export type TNavbarProps = {
+    applicationLocale?: string;
+    projectKey: string;
+    environment: TApplicationContext<{
+        useFullRedirectsForLinks?: boolean;
+    }>['environment'];
+    project: TFetchProjectQuery['project'];
+    onMenuItemClick?: MenuItemLinkProps['onClick'];
+    isLoading: boolean;
+    isNewNavigationEnabledEvaluationReady: boolean;
+};
+declare const NavBar: {
+    (props: TNavbarProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+    displayName: string;
+};
+export default NavBar;

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

@@ -0,0 +1,3 @@
+/* eslint-disable prettier/prettier */
+    declare const styles: {"left-navigation":"navbar-mod__left-navigation___B11QL","list":"navbar-mod__list___xLBjv","scrollable-menu":"navbar-mod__scrollable-menu___GUrXv","list-item":"navbar-mod__list-item___PtOVL","item-link":"navbar-mod__item-link___3b3a7","item-icon-text":"navbar-mod__item-icon-text___ZlMLY","icon":"navbar-mod__icon___xOiRj","icon__active":"navbar-mod__icon__active___8IKeB","title":"navbar-mod__title___uOjhW","expander":"navbar-mod__expander___1CChn","expand-icon":"navbar-mod__expand-icon___biAt6","item--bottom":"navbar-mod__item--bottom___RE98P","item__active":"navbar-mod__item__active___S-P3x","item_menu-open":"navbar-mod__item_menu-open___4wsej","item_menu-collapsed":"navbar-mod__item_menu-collapsed___SNDmx","item__no-submenu":"navbar-mod__item__no-submenu___mua5w","sublist":"navbar-mod__sublist___5VV4O","sublist-no-children":"navbar-mod__sublist-no-children___5Bwqb","title-copy":"navbar-mod__title-copy___SdRqf","sublist__inactive":"navbar-mod__sublist__inactive___9A4qo","sublist-item":"navbar-mod__sublist-item___d-8UM","text":"navbar-mod__text___a585r","text-link":"navbar-mod__text-link___pVuV6","item_menu__active":"navbar-mod__item_menu__active___c95PT","icon-container":"navbar-mod__icon-container___-yU8W","fixed-menu":"navbar-mod__fixed-menu___0HE2b","sublist-expanded__active":"navbar-mod__sublist-expanded__active___Fett-","sublist-collapsed__active":"navbar-mod__sublist-collapsed__active___NPTQn","highlighted":"navbar-mod__highlighted___WWk0R","hidden":"navbar-mod__hidden___kfXoC","divider":"navbar-mod__divider___A9rwl","loading-dot-container":"navbar-mod__loading-dot-container___8P8Tl"};
+    export default styles;

package/dist/declarations/src/components/navbar/{menu-items.d.ts → navbar-old/menu-items.d.ts}

@@ -1,7 +1,7 @@
-import { MouseEventHandler, ReactNode, SyntheticEvent } from 'react';
+import { MouseEventHandler, type ReactNode, type SyntheticEvent } from 'react';
 import type { TNormalizedMenuVisibilities, TNormalizedPermissions, TNormalizedActionRights, TNormalizedDataFences } from '@commercetools-frontend/application-shell-connectors';
 import { BackIcon } from '@commercetools-uikit/icons';
-import type { TDataFence, TActionRight, TLocalizedField } from '../../types/generated/proxy';
+import type { TDataFence, TActionRight, TLocalizedField } from '../../../types/generated/proxy';
 type TProjectPermissions = {
     permissions: TNormalizedPermissions | null;
     actionRights: TNormalizedActionRights | null;
@@ -36,7 +36,6 @@ type MenuGroupProps = {
     hasSubmenu?: boolean;
     children?: ReactNode;
     verticalPosition?: number;
-    isNewNavigationEnabled?: boolean;
 };
 declare const MenuGroup: {
     (props: MenuGroupProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
@@ -52,14 +51,16 @@ type MenuItemProps = {
     onMouseLeave?: MouseEventHandler<HTMLElement>;
     children: ReactNode;
 };
-declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuItem: {
+    (props: MenuItemProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
 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,7 +95,6 @@ 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, };