@commercetools-frontend/application-shell 22.5.0 → 22.7.0

package/dist/{application-entry-point-c3884344.esm.js → application-entry-point-4b2f37d2.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-5baefe27.esm.js';
+import { R as RouteCatchAll } from './configure-apollo-7d1735c1.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/{application-entry-point-b9ed252b.cjs.dev.js → application-entry-point-78dcfccf.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-4187db53.cjs.dev.js');
+var configureApollo = require('./configure-apollo-fd556518.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-98c4a247.cjs.prod.js → application-entry-point-9eaf625b.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-235efa51.cjs.prod.js');
+var configureApollo = require('./configure-apollo-651219fe.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var configureApollo = require('./configure-apollo-4187db53.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-31dd568f.cjs.dev.js');
+var configureApollo = require('./configure-apollo-fd556518.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-b4696e0a.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -33,7 +33,7 @@ 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-5c1ecb73.cjs.dev.js');
+require('./constants-a1140922.cjs.dev.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('redux-logger');
@@ -83,20 +83,14 @@ 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-3376ec84.cjs.dev.js');
+require('./oidc-244125d3.cjs.dev.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 
@@ -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-235efa51.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-53b461f0.cjs.prod.js');
+var configureApollo = require('./configure-apollo-651219fe.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-62467df5.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -33,7 +33,7 @@ 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-4408614d.cjs.prod.js');
+require('./constants-ed10e935.cjs.prod.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('redux-logger');
@@ -83,20 +83,14 @@ 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-3a2cf8b3.cjs.prod.js');
+require('./oidc-a780f067.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 
@@ -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-5baefe27.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-937934ba.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-7d1735c1.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-763cd304.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import 'uuid';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
@@ -29,7 +29,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import '@commercetools-frontend/sentry';
-import './constants-55f41c8c.esm.js';
+import './constants-a09fbec1.esm.js';
 import '@commercetools-frontend/react-notifications';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import 'redux-logger';
@@ -79,19 +79,13 @@ 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-38887b2d.esm.js';
+import './oidc-c4e99cfc.esm.js';
 import '@commercetools-uikit/design-system/materials/resets.css';
 import '@commercetools-frontend/actions-global';

package/dist/{configure-apollo-235efa51.cjs.prod.js → configure-apollo-651219fe.cjs.prod.js}

@@ -25,7 +25,7 @@ var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var sentry = require('@commercetools-frontend/sentry');
-var constants$1 = require('./constants-4408614d.cjs.prod.js');
+var constants$1 = require('./constants-ed10e935.cjs.prod.js');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var reduxLogger = require('redux-logger');
@@ -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.5.0";
+var applicationShellVersion = "22.7.0";
 
 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;
 }
 
@@ -548,6 +556,7 @@ function createHttpClientOptions() {
       [constants$1.SUPPORTED_HEADERS.ACCEPT]: 'application/json',
       [constants$1.SUPPORTED_HEADERS.AUTHORIZATION]: sessionToken ? "Bearer ".concat(sessionToken) : undefined,
       [constants$1.SUPPORTED_HEADERS.X_APPLICATION_ID]: window.app.applicationId,
+      [constants$1.SUPPORTED_HEADERS.X_CUSTOM_VIEW_ID]: window.app.customViewId,
       [constants$1.SUPPORTED_HEADERS.X_CORRELATION_ID]: getCorrelationId({
         userId
       }),

package/dist/{configure-apollo-5baefe27.esm.js → configure-apollo-7d1735c1.esm.js}

@@ -23,7 +23,7 @@ import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/inst
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
-import { S as STORAGE_KEYS, L as LOGIN_STRATEGY_OIDC, a as SUPPORTED_HEADERS } from './constants-55f41c8c.esm.js';
+import { S as STORAGE_KEYS, L as LOGIN_STRATEGY_OIDC, a as SUPPORTED_HEADERS } from './constants-a09fbec1.esm.js';
 import { selectPageNotifications } from '@commercetools-frontend/react-notifications';
 import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import { createLogger } from 'redux-logger';
@@ -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.5.0";
+var applicationShellVersion = "22.7.0";
 
 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;
 }
 
@@ -519,6 +527,7 @@ function createHttpClientOptions() {
       [SUPPORTED_HEADERS.ACCEPT]: 'application/json',
       [SUPPORTED_HEADERS.AUTHORIZATION]: sessionToken ? "Bearer ".concat(sessionToken) : undefined,
       [SUPPORTED_HEADERS.X_APPLICATION_ID]: window.app.applicationId,
+      [SUPPORTED_HEADERS.X_CUSTOM_VIEW_ID]: window.app.customViewId,
       [SUPPORTED_HEADERS.X_CORRELATION_ID]: getCorrelationId({
         userId
       }),

package/dist/{configure-apollo-4187db53.cjs.dev.js → configure-apollo-fd556518.cjs.dev.js}

@@ -25,7 +25,7 @@ var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var sentry = require('@commercetools-frontend/sentry');
-var constants$1 = require('./constants-5c1ecb73.cjs.dev.js');
+var constants$1 = require('./constants-a1140922.cjs.dev.js');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var reduxLogger = require('redux-logger');
@@ -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.5.0";
+var applicationShellVersion = "22.7.0";
 
 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;
 }
 
@@ -554,6 +562,7 @@ function createHttpClientOptions() {
       [constants$1.SUPPORTED_HEADERS.ACCEPT]: 'application/json',
       [constants$1.SUPPORTED_HEADERS.AUTHORIZATION]: sessionToken ? "Bearer ".concat(sessionToken) : undefined,
       [constants$1.SUPPORTED_HEADERS.X_APPLICATION_ID]: window.app.applicationId,
+      [constants$1.SUPPORTED_HEADERS.X_CUSTOM_VIEW_ID]: window.app.customViewId,
       [constants$1.SUPPORTED_HEADERS.X_CORRELATION_ID]: getCorrelationId({
         userId
       }),

package/dist/{constants-55f41c8c.esm.js → constants-a09fbec1.esm.js}

@@ -10,6 +10,7 @@ const SUPPORTED_HEADERS = {
   AUTHORIZATION: 'Authorization',
   CONTENT_TYPE: 'Content-Type',
   X_APPLICATION_ID: 'X-Application-Id',
+  X_CUSTOM_VIEW_ID: 'X-Custom-View-Id',
   X_CORRELATION_ID: 'X-Correlation-Id',
   X_FEATURE_FLAG: 'X-Feature-Flag',
   X_FORWARD_TO: 'X-Forward-To',

package/dist/{constants-4408614d.cjs.prod.js → constants-a1140922.cjs.dev.js}

@@ -12,6 +12,7 @@ const SUPPORTED_HEADERS = {
   AUTHORIZATION: 'Authorization',
   CONTENT_TYPE: 'Content-Type',
   X_APPLICATION_ID: 'X-Application-Id',
+  X_CUSTOM_VIEW_ID: 'X-Custom-View-Id',
   X_CORRELATION_ID: 'X-Correlation-Id',
   X_FEATURE_FLAG: 'X-Feature-Flag',
   X_FORWARD_TO: 'X-Forward-To',

package/dist/{constants-5c1ecb73.cjs.dev.js → constants-ed10e935.cjs.prod.js}

@@ -12,6 +12,7 @@ const SUPPORTED_HEADERS = {
   AUTHORIZATION: 'Authorization',
   CONTENT_TYPE: 'Content-Type',
   X_APPLICATION_ID: 'X-Application-Id',
+  X_CUSTOM_VIEW_ID: 'X-Custom-View-Id',
   X_CORRELATION_ID: 'X-Correlation-Id',
   X_FEATURE_FLAG: 'X-Feature-Flag',
   X_FORWARD_TO: 'X-Forward-To',

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

@@ -10,10 +10,13 @@ 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;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+} & MainContainerProps, 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/application-shell-authenticated/new-main-navigation-flag-wrapper.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type TNewMainNavigationFlagWrapperChildrenProps = {
+    isNewNavigationEnabled: boolean;
+    isNewNavigationEnabledEvaluationReady: boolean;
+};
+declare const NewMainNavigationFlagWrapper: (props: {
+    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","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","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","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,12 +1,13 @@
 /// <reference types="react" />
 declare const Navbar: import("react").LazyExoticComponent<{
     (props: {
-        applicationLocale: string;
+        applicationLocale?: string | undefined;
         projectKey: string;
         environment: {
             useFullRedirectsForLinks?: boolean | undefined;
         } & {
             applicationId: string;
+            customViewId?: string | undefined;
             applicationName: string;
             entryPointUriPath: string;
             revision: string;
@@ -94,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,10 +52,7 @@ 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;
@@ -94,6 +93,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/components/project-container/index.d.ts

@@ -52,6 +52,7 @@ declare const ProjectContainer: import("react").LazyExoticComponent<{
             enableSignUp?: boolean | undefined;
         } & {
             applicationId: string;
+            customViewId?: string | undefined;
             applicationName: string;
             entryPointUriPath: string;
             revision: string;

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

@@ -10,6 +10,7 @@ export declare const SUPPORTED_HEADERS: {
     readonly AUTHORIZATION: "Authorization";
     readonly CONTENT_TYPE: "Content-Type";
     readonly X_APPLICATION_ID: "X-Application-Id";
+    readonly X_CUSTOM_VIEW_ID: "X-Custom-View-Id";
     readonly X_CORRELATION_ID: "X-Correlation-Id";
     readonly X_FEATURE_FLAG: "X-Feature-Flag";
     readonly X_FORWARD_TO: "X-Forward-To";

package/dist/declarations/src/feature-toggles.d.ts

@@ -1 +1,4 @@
-export declare const FLAGS: {};
+export declare const MAIN_NAVIGATION = "newMainNavigationBar";
+export declare const FLAGS: {
+    newMainNavigationBar: boolean;
+};

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';