@commercetools-frontend/application-shell 22.10.0 → 22.12.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-8c459700.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-4f10b4f6.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');
@@ -30,11 +30,10 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/react-notifications');
 require('@commercetools-frontend/sentry');
-require('./oidc-0c6ca06c.cjs.dev.js');
+require('./oidc-b577ced5.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
-require('@commercetools-frontend/assets/images/logo.svg');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
 require('react-intl');
@@ -43,8 +42,10 @@ require('@commercetools-uikit/icons');
 require('./use-is-served-by-proxy-ed411f45.cjs.dev.js');
 require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
+require('@babel/runtime-corejs3/helpers/extends');
 require('memoize-one');
+require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
@@ -66,7 +67,6 @@ require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-1d3e351d.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-d1be72d3.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');
@@ -30,11 +30,10 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/react-notifications');
 require('@commercetools-frontend/sentry');
-require('./oidc-b2ac8a92.cjs.prod.js');
+require('./oidc-088842ab.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
-require('@commercetools-frontend/assets/images/logo.svg');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
 require('react-intl');
@@ -43,8 +42,10 @@ require('@commercetools-uikit/icons');
 require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
 require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
+require('@babel/runtime-corejs3/helpers/extends');
 require('memoize-one');
+require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
@@ -66,7 +67,6 @@ require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');

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-b87860b8.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-090350e1.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';
@@ -26,11 +26,10 @@ import '@commercetools-frontend/constants';
 import '@commercetools-frontend/i18n';
 import '@commercetools-frontend/react-notifications';
 import '@commercetools-frontend/sentry';
-import './oidc-95696f7b.esm.js';
+import './oidc-beeb911e.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
-import '@commercetools-frontend/assets/images/logo.svg';
 import '@commercetools-uikit/design-system';
 import '@commercetools-uikit/spacings';
 import 'react-intl';
@@ -39,8 +38,10 @@ import '@commercetools-uikit/icons';
 import './use-is-served-by-proxy-77984220.esm.js';
 import '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
-import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import '@babel/runtime-corejs3/helpers/objectDestructuringEmpty';
+import '@babel/runtime-corejs3/helpers/extends';
 import 'memoize-one';
+import 'react-select';
 import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
@@ -62,7 +63,6 @@ import '@apollo/client/react';
 import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
-import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';

package/dist/{custom-view-dev-host-cb49959d.esm.js → custom-view-dev-host-97825f04.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-b87860b8.esm.js';
+import { A as ApplicationShell } from './index-090350e1.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';
@@ -45,17 +45,18 @@ import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/i18n';
-import './oidc-95696f7b.esm.js';
+import './oidc-beeb911e.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/url';
-import '@commercetools-frontend/assets/images/logo.svg';
 import '@commercetools-uikit/design-system';
 import 'react-intl';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
 import './use-is-served-by-proxy-77984220.esm.js';
 import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
-import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import '@babel/runtime-corejs3/helpers/objectDestructuringEmpty';
+import '@babel/runtime-corejs3/helpers/extends';
 import 'memoize-one';
+import 'react-select';
 import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
@@ -74,7 +75,6 @@ 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-379d3461.cjs.dev.js → custom-view-dev-host-ab602e4b.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-8c459700.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-4f10b4f6.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');
@@ -47,17 +47,18 @@ require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/i18n');
-require('./oidc-0c6ca06c.cjs.dev.js');
+require('./oidc-b577ced5.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
-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('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
+require('@babel/runtime-corejs3/helpers/extends');
 require('memoize-one');
+require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
@@ -76,7 +77,6 @@ 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/app-bar/app-bar.d.ts

@@ -2,7 +2,6 @@ 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/application-shell/application-shell.d.ts

@@ -16,6 +16,7 @@ type TApplicationShellProps = {
     }) => void;
     onMenuItemClick?: (event: SyntheticEvent<HTMLAnchorElement>) => void;
     disableRoutePermissionCheck?: boolean;
+    enableReactStrictMode?: boolean;
     render?: () => JSX.Element;
     children?: ReactNode;
 };

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

@@ -10,13 +10,10 @@ type TApplicationShellAuthenticationProps = {
     render?: () => JSX.Element;
     children?: ReactNode;
 };
-type MainContainerProps = {
-    isNewNavigationEnabled: boolean;
-};
 export declare const MainContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & MainContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const ApplicationShellAuthenticated: {
     (props: TApplicationShellAuthenticationProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;

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

@@ -1,8 +1,11 @@
 import { type ReactNode } from 'react';
+import { ApolloClient, type NormalizedCacheObject } from '@apollo/client';
 import { type TAsyncLocaleDataProps } from '@commercetools-frontend/i18n';
 type TCustomViewShellProps = {
+    apolloClient?: ApolloClient<NormalizedCacheObject>;
     applicationMessages: TAsyncLocaleDataProps['applicationMessages'];
     disableDevHost?: boolean;
+    enableReactStrictMode?: boolean;
     children: ReactNode;
 };
 declare const CustomViewShellWrapper: (props: TCustomViewShellProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/declarations/src/components/locale-switcher/locale-switcher.d.ts

@@ -1,14 +1,11 @@
 import type { SingleValueProps } from 'react-select';
-type CustomSingleValueProps = SingleValueProps & {
-    localeCount: number;
-};
 type Props = {
     projectDataLocale: string;
     setProjectDataLocale: (locale: string) => void;
     availableLocales: string[];
 };
 export declare const SingleValue: {
-    (props: CustomSingleValueProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: SingleValueProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 declare const LocaleSwitcher: (props: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,3 @@
+/* eslint-disable prettier/prettier */
+    declare const styles: {"left-navigation":"navbar-mod__left-navigation___n7yUt","navigation-header":"navbar-mod__navigation-header___Z6fOr","icon-container":"navbar-mod__icon-container___w3FtA","title":"navbar-mod__title___eRWUj","visible":"navbar-mod__visible___AKV1b","icon":"navbar-mod__icon___bLsep","list":"navbar-mod__list___RCV3J","list-item":"navbar-mod__list-item___MjK6t","item-link":"navbar-mod__item-link___X2Ina","item-icon-text":"navbar-mod__item-icon-text___a-8JY","expander":"navbar-mod__expander___jyAUi","expand-icon":"navbar-mod__expand-icon___BtmRa","item--bottom":"navbar-mod__item--bottom___eW7nh","item_menu__active":"navbar-mod__item_menu__active___5xFRw","item_menu-open":"navbar-mod__item_menu-open___zk0zh","item_menu-collapsed":"navbar-mod__item_menu-collapsed___cluyY","item__active":"navbar-mod__item__active___lo1sr","sublist":"navbar-mod__sublist___os1s7","sublist-expanded__active":"navbar-mod__sublist-expanded__active___240JK","sublist-collapsed__active":"navbar-mod__sublist-collapsed__active___-9vYh","sublist-collapsed__active__above":"navbar-mod__sublist-collapsed__active__above___BXCeM","sublist__inactive":"navbar-mod__sublist__inactive___kJvf-","sublist-item":"navbar-mod__sublist-item___gafkS","sublist-item__active":"navbar-mod__sublist-item__active___QC6pa","text":"navbar-mod__text___ccHEu","text-link":"navbar-mod__text-link___dhtj6","text-link-sublist-wrapper":"navbar-mod__text-link-sublist-wrapper___1JN4x","text-link-sublist":"navbar-mod__text-link-sublist___AoIpU","navlink-clickable-content":"navbar-mod__navlink-clickable-content___bzddC","fixed-menu":"navbar-mod__fixed-menu___42tD9","support-menu":"navbar-mod__support-menu___fi5Ka","tooltip-container":"navbar-mod__tooltip-container___iJYyi","tooltip":"navbar-mod__tooltip___1ID3j","sublist-collapsed__empty":"navbar-mod__sublist-collapsed__empty___FBUli","highlighted":"navbar-mod__highlighted___oJWkA","hidden":"navbar-mod__hidden___TQLSs","divider":"navbar-mod__divider___TpVzu","loading-dot-container":"navbar-mod__loading-dot-container___G2LVb","scrollable-menu":"navbar-mod__scrollable-menu___64pxJ"};
+    export default styles;

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 declare const Navbar: import("react").LazyExoticComponent<{
-    (props: import("./navbar-new/navbar").TNavbarProps & {
-        isNewNavigationEnabled: boolean;
-    }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: import("./navbar").TNavbarProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 }>;
 export default Navbar;

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

@@ -1,7 +1,7 @@
 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;

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

@@ -1,8 +1,47 @@
-import { type TNavbarProps } from './navbar-new/navbar';
+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;
+};
 declare const NavBar: {
-    (props: TNavbarProps & {
-        isNewNavigationEnabled: boolean;
-    }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: TNavbarProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 export default NavBar;

package/dist/declarations/src/components/navbar/use-navbar-state-manager.d.ts

@@ -3,7 +3,6 @@ import { type TApplicationContext } from '@commercetools-frontend/application-sh
 import type { TNavbarMenu } from '../../types/generated/proxy';
 type HookProps = {
     environment: TApplicationContext<{}>['environment'];
-    newNavigation?: boolean;
 };
 declare const useNavbarStateManager: (props: HookProps) => {
     navBarNode: import("react").RefObject<HTMLElement>;

package/dist/declarations/src/components/project-switcher/project-switcher.d.ts

@@ -2,10 +2,7 @@ import type { OptionProps, ValueContainerProps } from 'react-select';
 type Props = {
     projectKey?: string;
 };
-type CustomValueContainerProps = ValueContainerProps & {
-    projectCount: number;
-};
-export declare const ProjectSwitcherValueContainer: ({ projectCount, ...restProps }: CustomValueContainerProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const ValueContainer: ({ ...restProps }: ValueContainerProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export declare const ProjectSwitcherOption: (props: OptionProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 declare const ProjectSwitcher: {
     (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;

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

@@ -1,14 +1,10 @@
 export declare const DIMENSIONS: {
     readonly header: "56px";
-    readonly headerItemDivider: "24px";
-    readonly navMenu: "64px";
-    readonly navMenuExpanded: "245px";
+    readonly navMenu: "80px";
+    readonly navMenuExpanded: "256px";
     readonly navMenuItemHeight: "48px";
-    readonly newNavMenu: "80px";
-    readonly newNavMenuExpanded: "256px";
 };
 export declare const WINDOW_SIZES: {
-    readonly NARROW: 918;
     readonly STANDARD: 1024;
     readonly WIDE: 1200;
 };

package/dist/declarations/src/test-utils/custom-views-utils.d.ts

@@ -1,11 +1,20 @@
 import type { ReactNode } from 'react';
+import { ApolloClient, type NormalizedCacheObject } from '@apollo/client';
 import type { RenderResult } from '@testing-library/react';
-import type { CustomViewData } from '@commercetools-frontend/constants';
+import { type TProviderProps } from '@commercetools-frontend/application-shell-connectors';
+import { type CustomViewData } from '@commercetools-frontend/constants';
 type TRenderCustomViewParams = {
     locale: string;
     projectKey?: string;
+    projectAllAppliedPermissions?: {
+        name: string;
+        value: boolean;
+    }[];
     customViewHostUrl?: string;
     customViewConfig?: Partial<CustomViewData>;
+    apolloClient?: ApolloClient<NormalizedCacheObject>;
+    environment?: Partial<TProviderProps<{}>['environment']>;
+    user?: Partial<TProviderProps<{}>['user']>;
     children: ReactNode;
 };
 export declare const renderCustomView: (props: TRenderCustomViewParams) => RenderResult;