@commercetools-frontend/application-shell 24.1.0 → 24.2.0

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-c30d61f4.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-f7620181.cjs.dev.js');
 var index = require('./index-0459c0f4.cjs.dev.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var reactBroadcast = require('@flopflip/react-broadcast');
-var ldAdapter = require('@flopflip/launchdarkly-adapter');
+var launchdarklyAdapter = require('@flopflip/launchdarkly-adapter');
 require('prop-types');
 require('react');
 require('react-router-dom');
@@ -84,10 +84,6 @@ require('@commercetools-frontend/notifications');
 require('@commercetools-frontend/sdk');
 require('redux-logger');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var ldAdapter__default = /*#__PURE__*/_interopDefault(ldAdapter);
-
 
 
 exports.ApplicationPageTitle = dist_commercetoolsFrontendApplicationShell.ApplicationPageTitle;
@@ -98,9 +94,11 @@ exports.CustomViewShell = dist_commercetoolsFrontendApplicationShell.CustomViewS
 exports.ErrorApologizer = dist_commercetoolsFrontendApplicationShell.ErrorApologizer;
 exports.FetchUser = dist_commercetoolsFrontendApplicationShell.FetchUser;
 exports.InjectReducers = dist_commercetoolsFrontendApplicationShell.InjectReducers;
+exports.ProtectedRoute = dist_commercetoolsFrontendApplicationShell.ProtectedRoute;
 exports.RedirectToLogin = dist_commercetoolsFrontendApplicationShell.RedirectToLogin;
 exports.RedirectToLogout = dist_commercetoolsFrontendApplicationShell.RedirectToLogout;
 exports.SetupFlopFlipProvider = dist_commercetoolsFrontendApplicationShell.SetupFlopFlipProvider;
+exports.SuspendedProtectedRoute = dist_commercetoolsFrontendApplicationShell.SuspendedProtectedRoute;
 exports.SuspendedRoute = dist_commercetoolsFrontendApplicationShell.SuspendedRoute;
 exports.getBrowserLocale = dist_commercetoolsFrontendApplicationShell.getBrowserLocale;
 exports.getPreviousProjectKey = dist_commercetoolsFrontendApplicationShell.getPreviousProjectKey;
@@ -211,5 +209,5 @@ Object.defineProperty(exports, 'useFlagVariations', {
 });
 Object.defineProperty(exports, 'ldAdapter', {
 	enumerable: true,
-	get: function () { return ldAdapter__default["default"]; }
+	get: function () { return launchdarklyAdapter.adapter; }
 });

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-ff6e88c0.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-95c54873.cjs.prod.js');
 var index = require('./index-b76590b3.cjs.prod.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var reactBroadcast = require('@flopflip/react-broadcast');
-var ldAdapter = require('@flopflip/launchdarkly-adapter');
+var launchdarklyAdapter = require('@flopflip/launchdarkly-adapter');
 require('prop-types');
 require('react');
 require('react-router-dom');
@@ -84,10 +84,6 @@ require('@commercetools-frontend/notifications');
 require('@commercetools-frontend/sdk');
 require('redux-logger');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var ldAdapter__default = /*#__PURE__*/_interopDefault(ldAdapter);
-
 
 
 exports.ApplicationPageTitle = dist_commercetoolsFrontendApplicationShell.ApplicationPageTitle;
@@ -98,9 +94,11 @@ exports.CustomViewShell = dist_commercetoolsFrontendApplicationShell.CustomViewS
 exports.ErrorApologizer = dist_commercetoolsFrontendApplicationShell.ErrorApologizer;
 exports.FetchUser = dist_commercetoolsFrontendApplicationShell.FetchUser;
 exports.InjectReducers = dist_commercetoolsFrontendApplicationShell.InjectReducers;
+exports.ProtectedRoute = dist_commercetoolsFrontendApplicationShell.ProtectedRoute;
 exports.RedirectToLogin = dist_commercetoolsFrontendApplicationShell.RedirectToLogin;
 exports.RedirectToLogout = dist_commercetoolsFrontendApplicationShell.RedirectToLogout;
 exports.SetupFlopFlipProvider = dist_commercetoolsFrontendApplicationShell.SetupFlopFlipProvider;
+exports.SuspendedProtectedRoute = dist_commercetoolsFrontendApplicationShell.SuspendedProtectedRoute;
 exports.SuspendedRoute = dist_commercetoolsFrontendApplicationShell.SuspendedRoute;
 exports.getBrowserLocale = dist_commercetoolsFrontendApplicationShell.getBrowserLocale;
 exports.getPreviousProjectKey = dist_commercetoolsFrontendApplicationShell.getPreviousProjectKey;
@@ -211,5 +209,5 @@ Object.defineProperty(exports, 'useFlagVariations', {
 });
 Object.defineProperty(exports, 'ldAdapter', {
 	enumerable: true,
-	get: function () { return ldAdapter__default["default"]; }
+	get: function () { return launchdarklyAdapter.adapter; }
 });

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

@@ -1,9 +1,9 @@
-export { f as ApplicationPageTitle, A as ApplicationShell, e as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, j as ErrorApologizer, i as FetchUser, I as InjectReducers, R as RedirectToLogin, k as RedirectToLogout, S as SetupFlopFlipProvider, l as SuspendedRoute, g as getBrowserLocale, m as getPreviousProjectKey, s as setupGlobalErrorListener, u as useRoutesCreator, v as version } from './index-4aa04f72.esm.js';
+export { f as ApplicationPageTitle, A as ApplicationShell, e as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, j as ErrorApologizer, i as FetchUser, I as InjectReducers, m as ProtectedRoute, R as RedirectToLogin, k as RedirectToLogout, S as SetupFlopFlipProvider, n as SuspendedProtectedRoute, l as SuspendedRoute, g as getBrowserLocale, o as getPreviousProjectKey, s as setupGlobalErrorListener, u as useRoutesCreator, v as version } from './index-dd911464.esm.js';
 export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './index-a5d2d010.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';
 export { ConfigureFlopFlip, ReconfigureFlopFlip, ToggleFeature, branchOnFeatureToggle, injectFeatureToggle, injectFeatureToggles, useAdapterReconfiguration, useAdapterStatus, useFeatureToggle, useFeatureToggles, useFlagVariation, useFlagVariations } from '@flopflip/react-broadcast';
-export { default as ldAdapter } from '@flopflip/launchdarkly-adapter';
+export { adapter as ldAdapter } from '@flopflip/launchdarkly-adapter';
 import 'prop-types';
 import 'react';
 import 'react-router-dom';

package/dist/{custom-view-dev-host-7fb2a958.cjs.prod.js → custom-view-dev-host-7b9ea926.cjs.prod.js}

@@ -11,7 +11,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-ff6e88c0.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-95c54873.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-b76590b3.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');

package/dist/{custom-view-dev-host-25dd713d.esm.js → custom-view-dev-host-88c7b7a9.esm.js}

@@ -9,7 +9,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-4aa04f72.esm.js';
+import { A as ApplicationShell } from './index-dd911464.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import './index-a5d2d010.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';

package/dist/{custom-view-dev-host-3c9c94d0.cjs.dev.js → custom-view-dev-host-d3484386.cjs.dev.js}

@@ -11,7 +11,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-c30d61f4.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-f7620181.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-0459c0f4.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');

package/dist/declarations/src/components/setup-flop-flip-provider/setup-flop-flip-provider.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import type { TFlags } from '@flopflip/types';
+import { type TFlags } from '@flopflip/types';
 import type { TFetchLoggedInUserQuery } from '../../types/generated/mc';
 type TSetupFlopFlipProviderProps = {
     projectKey?: string;

package/dist/declarations/src/components/suspended-route/index.d.ts

@@ -1 +1,3 @@
-export { default } from './suspended-route';
+export { SuspendedRoute } from './suspended-route';
+export { SuspendedProtectedRoute } from './suspended-protected-route';
+export { ProtectedRoute } from './protected-route';

package/dist/declarations/src/components/suspended-route/protected-route.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { RouteProps } from 'react-router-dom';
+type TProtectedRouteProps = {
+    condition: boolean;
+} & RouteProps;
+declare const ProtectedRoute: React.FC<TProtectedRouteProps>;
+export { ProtectedRoute, type TProtectedRouteProps };

package/dist/declarations/src/components/suspended-route/suspended-protected-route.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type TProtectedRouteProps } from './protected-route';
+type TSuspendedProtectedRouteProps = TProtectedRouteProps & {
+    fallback?: React.ReactNode;
+};
+declare const SuspendedProtectedRoute: React.FC<TSuspendedProtectedRouteProps>;
+export { SuspendedProtectedRoute, type TSuspendedProtectedRouteProps };

package/dist/declarations/src/components/suspended-route/suspended-route.d.ts

@@ -7,4 +7,4 @@ declare const SuspendedRoute: {
     (props: TSuspendedRouteProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export default SuspendedRoute;
+export { SuspendedRoute };

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

@@ -14,7 +14,7 @@ export { default as RedirectToLogout } from './components/redirect-to-logout';
 export { default as RouteCatchAll } from './components/route-catch-all';
 export { default as SetupFlopFlipProvider } from './components/setup-flop-flip-provider';
 export { default as ConfigureIntlProvider } from './components/configure-intl-provider';
-export { default as SuspendedRoute } from './components/suspended-route';
+export { SuspendedRoute, ProtectedRoute, SuspendedProtectedRoute, } from './components/suspended-route';
 export { default as getPreviousProjectKey } from './utils/get-previous-project-key';
 export { default as setupGlobalErrorListener } from './utils/setup-global-error-listener';
 export { default as useRoutesCreator } from './hooks/use-routes-creator';
@@ -30,4 +30,4 @@ export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses,
  *    More information can be found here: https://github.com/commercetools/fe-chapter-notes/issues/61
  */
 export { ToggleFeature, injectFeatureToggle, injectFeatureToggles, branchOnFeatureToggle, ConfigureFlopFlip, ReconfigureFlopFlip, useFeatureToggle, useFeatureToggles, useFlagVariation, useFlagVariations, useAdapterStatus, useAdapterReconfiguration, } from '@flopflip/react-broadcast';
-export { default as ldAdapter } from '@flopflip/launchdarkly-adapter';
+export { adapter as ldAdapter } from '@flopflip/launchdarkly-adapter';

package/dist/{index-ff6e88c0.cjs.prod.js → index-95c54873.cjs.prod.js}

@@ -58,7 +58,7 @@ var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/inst
 var react$2 = require('@apollo/client/react');
 var combineAdapters = require('@flopflip/combine-adapters');
 var httpAdapter = require('@flopflip/http-adapter');
-var ldAdapter = require('@flopflip/launchdarkly-adapter');
+var launchdarklyAdapter = require('@flopflip/launchdarkly-adapter');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var types = require('@flopflip/types');
 var reactRedux = require('react-redux');
@@ -101,19 +101,15 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _Object$fromEntries__default = /*#__PURE__*/_interopDefault(_Object$fromEntries);
 var _flagsInstanceProperty__default = /*#__PURE__*/_interopDefault(_flagsInstanceProperty);
-var combineAdapters__default = /*#__PURE__*/_interopDefault(combineAdapters);
-var httpAdapter__default = /*#__PURE__*/_interopDefault(httpAdapter);
-var ldAdapter__default = /*#__PURE__*/_interopDefault(ldAdapter);
 var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var memoryAdapter__default = /*#__PURE__*/_interopDefault(memoryAdapter);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "24.1.0";
+var version = "24.2.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-509a3bcd.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-dcfcc69d.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -254,18 +250,18 @@ var messages = reactIntl.defineMessages({
   }
 });
 
-const _excluded$1 = ["children"];
-function ownKeys$8(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const _excluded$3 = ["children"];
+function ownKeys$a(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$a(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var ProjectsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchUserProjects" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "isProductionProject" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 258, source: { body: "query FetchUserProjects {\n  user: me {\n    id\n    projects {\n      total\n      results {\n        name\n        key\n        suspension {\n          isActive\n        }\n        expiry {\n          isActive\n        }\n        isProductionProject\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const PROJECT_SWITCHER_LABEL_ID = 'project-switcher-label';
 const ValueContainer = _ref2 => {
   let children = _ref2.children,
-    restProps = _objectWithoutProperties(_ref2, _excluded$1);
+    restProps = _objectWithoutProperties(_ref2, _excluded$3);
   return jsxRuntime.jsx(Text__default["default"].Body, {
     fontWeight: "medium",
     as: "span",
-    children: jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$8(_objectSpread$8({}, restProps), {}, {
+    children: jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$a(_objectSpread$a({}, restProps), {}, {
       children: children
     }))
   });
@@ -283,7 +279,7 @@ var _ref$2 = {
 } ;
 const ProjectSwitcherOption = props => {
   const project = props.data;
-  return jsxRuntime.jsx(SelectInput__default["default"].Option, _objectSpread$8(_objectSpread$8({}, props), {}, {
+  return jsxRuntime.jsx(SelectInput__default["default"].Option, _objectSpread$a(_objectSpread$a({}, props), {}, {
     children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
       scale: "xs",
       justifyContent: "space-between",
@@ -307,7 +303,7 @@ const ProjectSwitcherOption = props => {
 };
 const mapProjectsToOptions = memoize__default["default"](projects => {
   return [{
-    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.projectsLabel)),
+    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.projectsLabel)),
     options: _mapInstanceProperty__default["default"](projects).call(projects, project => ({
       key: project.key,
       name: project.name,
@@ -321,12 +317,12 @@ const mapProjectsToOptions = memoize__default["default"](projects => {
 });
 const CustomMenuList = props => {
   return jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(reactSelect.components.MenuList, _objectSpread$8(_objectSpread$8({}, props), {}, {
+    children: jsxRuntime.jsx(reactSelect.components.MenuList, _objectSpread$a(_objectSpread$a({}, props), {}, {
       children: props.children
     }))
   });
 };
-const Control = props => jsxRuntime.jsx(reactSelect.components.Control, _objectSpread$8(_objectSpread$8({}, props), {}, {
+const Control = props => jsxRuntime.jsx(reactSelect.components.Control, _objectSpread$a(_objectSpread$a({}, props), {}, {
   css: /*#__PURE__*/react$1.css("min-width:", designSystem.designTokens.constraint3, ";" + ("" ), "" ),
   children: props.children
 }));
@@ -345,7 +341,7 @@ const ProjectSwitcher = props => {
     children: [jsxRuntime.jsx(AccessibleHidden__default["default"], {
       children: jsxRuntime.jsx("span", {
         id: PROJECT_SWITCHER_LABEL_ID,
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.projectsLabel))
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.projectsLabel))
       })
     }), jsxRuntime.jsx(SelectInput__default["default"], {
       value: props.projectKey || '',
@@ -586,7 +582,7 @@ FetchUser.displayName = 'FetchUser';
 
 const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-26b529a8.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-e4b2e50b.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-dbd8adcf.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -698,7 +694,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-2d8d35e3.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-3dab176c.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -784,12 +780,12 @@ const QuickAccessTrigger = props => {
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-3882d0b0.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-762d8008.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-e4ff7797.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
-function ownKeys$7(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$7(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$7(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$9(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$9(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var AllFeaturesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "AllFeatures" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 72, source: { body: "query AllFeatures {\n  allFeatures {\n    name\n    value\n    reason\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 // This value is hard-coded here because we want to make sure that the
 // app uses our account of LD. The value is meant to be public, so there
@@ -827,15 +823,15 @@ const getCacheMode = adapterIdentifier => {
 const SetupFlopFlipProvider = props => {
   const apolloClient = react$2.useApolloClient();
   const enableLongLivedFeatureFlags = applicationShellConnectors.useApplicationContext(context => context.environment.enableLongLivedFeatureFlags);
-  const flags = react.useMemo(() => _objectSpread$7(_objectSpread$7({}, constants.featureFlags.FLAGS), _flagsInstanceProperty__default["default"](props)), [_flagsInstanceProperty__default["default"](props)]);
+  const flags = react.useMemo(() => _objectSpread$9(_objectSpread$9({}, constants.featureFlags.FLAGS), _flagsInstanceProperty__default["default"](props)), [_flagsInstanceProperty__default["default"](props)]);
   react.useMemo(() => {
     if (enableLongLivedFeatureFlags) {
-      combineAdapters__default["default"].combine([ldAdapter__default["default"], httpAdapter__default["default"]]);
+      combineAdapters.adapter.combine([launchdarklyAdapter.adapter, httpAdapter.adapter]);
     } else {
-      combineAdapters__default["default"].combine([ldAdapter__default["default"]]);
+      combineAdapters.adapter.combine([launchdarklyAdapter.adapter]);
     }
   }, [enableLongLivedFeatureFlags]);
-  const defaultFlags = react.useMemo(() => _objectSpread$7(_objectSpread$7({}, constants.featureFlags.DEFAULT_FLAGS), props.defaultFlags), [props.defaultFlags]);
+  const defaultFlags = react.useMemo(() => _objectSpread$9(_objectSpread$9({}, constants.featureFlags.DEFAULT_FLAGS), props.defaultFlags), [props.defaultFlags]);
   const adapterArgs = react.useMemo(() => ({
     user: {
       key: props.user?.id
@@ -878,7 +874,7 @@ const SetupFlopFlipProvider = props => {
     }
   }), [apolloClient, flags, props.ldClientSideId, props.projectKey, props.user]);
   return jsxRuntime.jsx(reactBroadcast.ConfigureFlopFlip, {
-    adapter: combineAdapters__default["default"],
+    adapter: combineAdapters.adapter,
     adapterArgs: adapterArgs,
     defaultFlags: defaultFlags,
     shouldDeferAdapterConfiguration: typeof props.shouldDeferAdapterConfiguration === 'boolean' ? props.shouldDeferAdapterConfiguration : !props.user,
@@ -898,8 +894,8 @@ const ThemeSwitcher = () => {
   });
 };
 
-function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$8(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$8(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getHasUnauthorizedError = graphQLErrors => _findInstanceProperty__default["default"](graphQLErrors).call(graphQLErrors, gqlError => gqlError.extensions && gqlError.extensions.code && gqlError.extensions.code === 'UNAUTHENTICATED');
 const getHasUserBeenDeletedError = graphQLErrors => _findInstanceProperty__default["default"](graphQLErrors).call(graphQLErrors, gqlError => {
   var _context;
@@ -998,7 +994,7 @@ const ApplicationShellAuthenticated = props => {
             return jsxRuntime.jsx(ConfigureIntlProvider
             // We do not want to pass the language as long as the locale data
             // is not loaded.
-            , _objectSpread$6(_objectSpread$6({}, isLoadingLocaleData ? {} : {
+            , _objectSpread$8(_objectSpread$8({}, isLoadingLocaleData ? {} : {
               locale,
               messages
             }), {}, {
@@ -1227,9 +1223,9 @@ ApplicationPageTitle.propTypes = {
 };
 ApplicationPageTitle.displayName = 'ApplicationPageTitle';
 
-function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const SuspendedRoute = props => jsxRuntime.jsx(reactRouterDom.Route, _objectSpread$5(_objectSpread$5({}, props), {}, {
+function ownKeys$7(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$7(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const SuspendedRoute = props => jsxRuntime.jsx(reactRouterDom.Route, _objectSpread$7(_objectSpread$7({}, props), {}, {
   children: jsxRuntime.jsx(react.Suspense, {
     fallback: jsxRuntime.jsx(LoadingSpinner__default["default"], {}),
     children: props.children
@@ -1238,6 +1234,32 @@ const SuspendedRoute = props => jsxRuntime.jsx(reactRouterDom.Route, _objectSpre
 SuspendedRoute.propTypes = {};
 SuspendedRoute.displayName = 'SuspendedRoute';
 
+const _excluded$2 = ["condition", "children"];
+function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const ProtectedRoute = _ref => {
+  let condition = _ref.condition,
+    children = _ref.children,
+    routeProps = _objectWithoutProperties(_ref, _excluded$2);
+  return condition ? jsxRuntime.jsx(reactRouterDom.Route, _objectSpread$6(_objectSpread$6({}, routeProps), {}, {
+    children: children
+  })) : jsxRuntime.jsx(applicationComponents.PageUnauthorized, {});
+};
+
+const _excluded$1 = ["fallback"];
+function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const SuspendedProtectedRoute = _ref => {
+  let _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? jsxRuntime.jsx(LoadingSpinner__default["default"], {}) : _ref$fallback,
+    routeProps = _objectWithoutProperties(_ref, _excluded$1);
+  return jsxRuntime.jsx(react.Suspense, {
+    fallback: fallback,
+    children: jsxRuntime.jsx(ProtectedRoute, _objectSpread$5({}, routeProps))
+  });
+};
+SuspendedProtectedRoute.propTypes = {};
+
 var AmILoggedInQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "AmILoggedIn" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "amILoggedIn" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 36, source: { body: "query AmILoggedIn {\n  amILoggedIn\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const AmILoggedIn = props => {
   // ...otherwise, we ping a "secured" endpoint in the MC API to see if there is
@@ -1372,7 +1394,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-dc54e16a.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-1784352e.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
 
 function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1585,7 +1607,7 @@ ApplicationShell.propTypes = {};
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = version;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-7fb2a958.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-7b9ea926.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
 
 function CustomViewFlopFlipProvider(props) {
   const adapterArgs = react.useMemo(() => ({
@@ -1594,7 +1616,7 @@ function CustomViewFlopFlipProvider(props) {
     }
   }), [props.user?.id]);
   return jsxRuntime.jsx(reactBroadcast.ConfigureFlopFlip, {
-    adapter: memoryAdapter__default["default"],
+    adapter: memoryAdapter.adapter,
     defaultFlags: _flagsInstanceProperty__default["default"](props),
     adapterArgs: adapterArgs,
     children: props.children
@@ -1807,6 +1829,13 @@ function CustomViewShell(props) {
       }
     };
     window.addEventListener('message', bootstrapMessageHandler);
+
+    // This notifies the custom view loader that the iframe is ready.
+    // This is only supported by custom view loader in the host application from v24.x onwards
+    window.parent.postMessage({
+      origin: window.location.origin,
+      eventName: constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_READY
+    });
     return () => {
       window.removeEventListener('message', bootstrapMessageHandler);
     };
@@ -2047,11 +2076,13 @@ exports.FetchUser = FetchUser;
 exports.InjectReducers = InjectReducers;
 exports.ProjectDataLocale = ProjectDataLocale;
 exports.ProjectSwitcher = ProjectSwitcher;
+exports.ProtectedRoute = ProtectedRoute;
 exports.REQUESTS_IN_FLIGHT_LOADER_DOM_ID = REQUESTS_IN_FLIGHT_LOADER_DOM_ID;
 exports.RedirectToLogin = RedirectToLogin;
 exports.RedirectToLogout = RedirectToLogout;
 exports.RedirectToProjectCreate = RedirectToProjectCreate;
 exports.SetupFlopFlipProvider = SetupFlopFlipProvider;
+exports.SuspendedProtectedRoute = SuspendedProtectedRoute;
 exports.SuspendedRoute = SuspendedRoute;
 exports.getBrowserLocale = getBrowserLocale;
 exports.getPreviousProjectKey = getPreviousProjectKey;