@commercetools-frontend/application-shell 27.6.3 → 27.8.0

package/dist/{project-suspended-c097d58e.esm.js → project-suspended-4bb66583.esm.js}

@@ -10,12 +10,12 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
 import ProjectSuspendedSVG from '@commercetools-frontend/assets/images/locked-diamond.svg';
-import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-74cd62e6.esm.js';
+import { S as ServicePageProjectSwitcher } from './service-page-project-switcher-cb63edbf.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@emotion/styled/base';
 import 'react-router-dom';
 import '@commercetools-frontend/application-shell-connectors';
-import './index-371785f8.esm.js';
+import './index-2856f98e.esm.js';
 import 'react';
 import './index-86039df7.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
@@ -42,7 +42,7 @@ 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-b2520905.esm.js';
+import './oidc-cb344fae.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';

package/dist/{project-suspended-e3f2bc2e.cjs.dev.js → project-suspended-f4900a38.cjs.dev.js}

@@ -12,12 +12,12 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var ProjectSuspendedSVG = require('@commercetools-frontend/assets/images/locked-diamond.svg');
-var servicePageProjectSwitcher = require('./service-page-project-switcher-a871aaf3.cjs.dev.js');
+var servicePageProjectSwitcher = require('./service-page-project-switcher-a4d1d6de.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@emotion/styled/base');
 require('react-router-dom');
 require('@commercetools-frontend/application-shell-connectors');
-require('./index-70a737ae.cjs.dev.js');
+require('./index-70e88ad7.cjs.dev.js');
 require('react');
 require('./index-614accc4.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
@@ -44,7 +44,7 @@ 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-8827f9fe.cjs.dev.js');
+require('./oidc-b9e7297c.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');

package/dist/{redirect-to-login-12f467b8.cjs.prod.js → redirect-to-login-6675c038.cjs.prod.js}

@@ -6,7 +6,7 @@ var uuid = require('uuid');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var urlUtils = require('@commercetools-frontend/url-utils');
-var oidc = require('./oidc-d74e6aa2.cjs.prod.js');
+var oidc = require('./oidc-0cba182b.cjs.prod.js');
 var useIsServedByProxy = require('./use-is-served-by-proxy-480e8de8.cjs.prod.js');
 var getMcOrigin = require('./get-mc-origin-8f7a578c.cjs.prod.js');
 var redirector = require('./redirector-0c72d0a4.cjs.prod.js');

package/dist/{redirect-to-login-3bee13ba.cjs.dev.js → redirect-to-login-8a61864c.cjs.dev.js}

@@ -6,7 +6,7 @@ var uuid = require('uuid');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var urlUtils = require('@commercetools-frontend/url-utils');
-var oidc = require('./oidc-8827f9fe.cjs.dev.js');
+var oidc = require('./oidc-b9e7297c.cjs.dev.js');
 var useIsServedByProxy = require('./use-is-served-by-proxy-28f19a6f.cjs.dev.js');
 var getMcOrigin = require('./get-mc-origin-a86dff20.cjs.dev.js');
 var redirector = require('./redirector-72ccfbc2.cjs.dev.js');

package/dist/{redirect-to-login-2944c890.esm.js → redirect-to-login-b79d0910.esm.js}

@@ -4,7 +4,7 @@ import { v4 } from 'uuid';
 import { oidcStorage } from '@commercetools-frontend/application-shell-connectors';
 import { LOGOUT_REASONS } from '@commercetools-frontend/constants';
 import { trimLeadingAndTrailingSlashes, joinPaths } from '@commercetools-frontend/url-utils';
-import { b as buildOidcScope, a as OIDC_RESPONSE_TYPES } from './oidc-b2520905.esm.js';
+import { b as buildOidcScope, a as OIDC_RESPONSE_TYPES } from './oidc-cb344fae.esm.js';
 import { u as useIsServedByProxy } from './use-is-served-by-proxy-a383da4b.esm.js';
 import { g as getMcOrigin } from './get-mc-origin-fecfee07.esm.js';
 import { u as useRedirector } from './redirector-d856975f.esm.js';

package/dist/{redirect-to-logout-ed396049.cjs.dev.js → redirect-to-logout-0646ed18.cjs.dev.js}

@@ -13,7 +13,7 @@ var reactRouterDom = require('react-router-dom');
 var constants = require('@commercetools-frontend/constants');
 var useIsServedByProxy = require('./use-is-served-by-proxy-28f19a6f.cjs.dev.js');
 var getMcOrigin = require('./get-mc-origin-a86dff20.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-70a737ae.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-70e88ad7.cjs.dev.js');
 var redirector = require('./redirector-72ccfbc2.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-shell-connectors');
@@ -46,7 +46,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-8827f9fe.cjs.dev.js');
+require('./oidc-b9e7297c.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');

package/dist/{redirect-to-logout-f7ffd752.esm.js → redirect-to-logout-0e2cfb93.esm.js}

@@ -11,7 +11,7 @@ import { useLocation } from 'react-router-dom';
 import { LOGOUT_REASONS } from '@commercetools-frontend/constants';
 import { u as useIsServedByProxy } from './use-is-served-by-proxy-a383da4b.esm.js';
 import { g as getMcOrigin } from './get-mc-origin-fecfee07.esm.js';
-import { R as RedirectToLogin } from './index-371785f8.esm.js';
+import { R as RedirectToLogin } from './index-2856f98e.esm.js';
 import { R as Redirector } from './redirector-d856975f.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@commercetools-frontend/application-shell-connectors';
@@ -44,7 +44,7 @@ import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/i18n';
-import './oidc-b2520905.esm.js';
+import './oidc-cb344fae.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@commercetools-uikit/design-system';
 import '@commercetools-uikit/spacings';

package/dist/{redirect-to-logout-08b3421c.cjs.prod.js → redirect-to-logout-31d43a03.cjs.prod.js}

@@ -13,7 +13,7 @@ var reactRouterDom = require('react-router-dom');
 var constants = require('@commercetools-frontend/constants');
 var useIsServedByProxy = require('./use-is-served-by-proxy-480e8de8.cjs.prod.js');
 var getMcOrigin = require('./get-mc-origin-8f7a578c.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-b1e142f7.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-d0c30fac.cjs.prod.js');
 var redirector = require('./redirector-0c72d0a4.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-shell-connectors');
@@ -46,7 +46,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-d74e6aa2.cjs.prod.js');
+require('./oidc-0cba182b.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');

package/dist/{requests-in-flight-loader-155d1c75.esm.js → requests-in-flight-loader-17158914.esm.js}

@@ -11,7 +11,7 @@ import ReactDOM from 'react-dom';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import { useSelector } from 'react-redux';
 import LoadingSpinner from '@commercetools-uikit/loading-spinner';
-import { c as REQUESTS_IN_FLIGHT_LOADER_DOM_ID } from './index-371785f8.esm.js';
+import { c as REQUESTS_IN_FLIGHT_LOADER_DOM_ID } from './index-2856f98e.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import 'react';
 import 'react-router-dom';
@@ -43,7 +43,7 @@ import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/i18n';
-import './oidc-b2520905.esm.js';
+import './oidc-cb344fae.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';

package/dist/{requests-in-flight-loader-fbcc7fd9.cjs.prod.js → requests-in-flight-loader-ab4d59f3.cjs.prod.js}

@@ -13,7 +13,7 @@ var ReactDOM = require('react-dom');
 var reactIntl = require('react-intl');
 var reactRedux = require('react-redux');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
-var dist_commercetoolsFrontendApplicationShell = require('./index-b1e142f7.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-d0c30fac.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('react');
 require('react-router-dom');
@@ -45,7 +45,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-d74e6aa2.cjs.prod.js');
+require('./oidc-0cba182b.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');

package/dist/{requests-in-flight-loader-1b9efeb0.cjs.dev.js → requests-in-flight-loader-fb5d3f6f.cjs.dev.js}

@@ -13,7 +13,7 @@ var ReactDOM = require('react-dom');
 var reactIntl = require('react-intl');
 var reactRedux = require('react-redux');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
-var dist_commercetoolsFrontendApplicationShell = require('./index-70a737ae.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-70e88ad7.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('react');
 require('react-router-dom');
@@ -45,7 +45,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-8827f9fe.cjs.dev.js');
+require('./oidc-b9e7297c.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');

package/dist/{service-page-project-switcher-a871aaf3.cjs.dev.js → service-page-project-switcher-a4d1d6de.cjs.dev.js}

@@ -3,7 +3,7 @@
 var _styled = require('@emotion/styled/base');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var dist_commercetoolsFrontendApplicationShell = require('./index-70a737ae.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-70e88ad7.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{service-page-project-switcher-74cd62e6.esm.js → service-page-project-switcher-cb63edbf.esm.js}

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import { useParams } from 'react-router-dom';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { P as ProjectSwitcher } from './index-371785f8.esm.js';
+import { P as ProjectSwitcher } from './index-2856f98e.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

package/dist/{service-page-project-switcher-442cbcbf.cjs.prod.js → service-page-project-switcher-e221eba8.cjs.prod.js}

@@ -3,7 +3,7 @@
 var _styled = require('@emotion/styled/base');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var dist_commercetoolsFrontendApplicationShell = require('./index-b1e142f7.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-d0c30fac.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{user-settings-menu-013f0041.cjs.prod.js → user-settings-menu-2235add2.cjs.prod.js}

@@ -28,7 +28,7 @@ var Avatar = require('@commercetools-uikit/avatar');
 var designSystem = require('@commercetools-uikit/design-system');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var oidc = require('./oidc-d74e6aa2.cjs.prod.js');
+var oidc = require('./oidc-0cba182b.cjs.prod.js');
 var useApplicationsMenu = require('./use-applications-menu-8984efa1.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@apollo/client');
@@ -134,12 +134,19 @@ const stateReducer = (state, changes) => {
       return changes;
   }
 };
+function isLongLivedFlag(flag) {
+  return typeof flag?.value === 'boolean';
+}
 const OptionalFeatureToggle = props => {
+  const flagVariation = reactBroadcast.useFlagVariation(props.featureToggle);
   if (props.featureToggle) {
-    return jsxRuntime.jsx(reactBroadcast.ToggleFeature, {
-      flag: props.featureToggle,
+    if (flagVariation === true) return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: props.children
+    });
+    if (isLongLivedFlag(flagVariation) && flagVariation.value === true) return jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: props.children
     });
+    return null;
   }
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children