@commercetools-frontend/application-shell 22.30.2 → 22.31.0

package/dist/{application-entry-point-2365588d.esm.js → application-entry-point-44f059a0.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 './index-4e5248df.esm.js';
+import { R as RouteCatchAll } from './index-b6081c20.esm.js';
 import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -63,9 +63,9 @@ const ApplicationEntryPoint = props => {
       process.env.NODE_ENV === 'production' ? null : jsx(Redirect, {
         exact: true,
         from: "/:projectKey",
-        to: "/:projectKey/".concat(entryPointUriPath)
+        to: `/:projectKey/${entryPointUriPath}`
       }), jsx(Route, {
-        path: "/:projectKey/".concat(entryPointUriPath),
+        path: `/:projectKey/${entryPointUriPath}`,
         children: jsx(ApplicationRoute, _objectSpread({}, props))
       }), jsx(RouteCatchAll, {})]
     });

package/dist/{application-entry-point-257a1cbc.cjs.prod.js → application-entry-point-654951a6.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 index = require('./index-055ebc13.cjs.prod.js');
+var index = require('./index-91985d64.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -67,7 +67,7 @@ const ApplicationEntryPoint = props => {
       // For development, it's useful to redirect to the actual
       // application routes when you open the browser at http://localhost:3001
       null , jsxRuntime.jsx(reactRouterDom.Route, {
-        path: "/:projectKey/".concat(entryPointUriPath),
+        path: `/:projectKey/${entryPointUriPath}`,
         children: jsxRuntime.jsx(ApplicationRoute, _objectSpread({}, props))
       }), jsxRuntime.jsx(index.RouteCatchAll, {})]
     });

package/dist/{application-entry-point-a403a123.cjs.dev.js → application-entry-point-c2f77f23.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 index = require('./index-ca730730.cjs.dev.js');
+var index = require('./index-b1476d46.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -78,9 +78,9 @@ const ApplicationEntryPoint = props => {
       process.env.NODE_ENV === 'production' ? null : jsxRuntime.jsx(reactRouterDom.Redirect, {
         exact: true,
         from: "/:projectKey",
-        to: "/:projectKey/".concat(entryPointUriPath)
+        to: `/:projectKey/${entryPointUriPath}`
       }), jsxRuntime.jsx(reactRouterDom.Route, {
-        path: "/:projectKey/".concat(entryPointUriPath),
+        path: `/:projectKey/${entryPointUriPath}`,
         children: jsxRuntime.jsx(ApplicationRoute, _objectSpread({}, props))
       }), jsxRuntime.jsx(index.RouteCatchAll, {})]
     });

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-8974720c.cjs.dev.js');
-var index = require('./index-ca730730.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-bd1c5108.cjs.dev.js');
+var index = require('./index-b1476d46.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');
@@ -30,8 +30,7 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/react-notifications');
 require('@commercetools-frontend/sentry');
-require('./oidc-63e926e1.cjs.dev.js');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('./oidc-6c6599a2.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');
@@ -41,13 +40,14 @@ require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./location-c835b8df.cjs.dev.js');
 require('@emotion/react/jsx-runtime');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
 require('@commercetools-uikit/text');
+require('@commercetools-uikit/secondary-button');
+require('@commercetools-uikit/tooltip');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
@@ -98,9 +98,15 @@ exports.ApplicationShell = dist_commercetoolsFrontendApplicationShell.Applicatio
 exports.ApplicationShellProvider = dist_commercetoolsFrontendApplicationShell.ApplicationShellProvider;
 exports.ConfigureIntlProvider = dist_commercetoolsFrontendApplicationShell.ConfigureIntlProvider;
 exports.CustomViewShell = dist_commercetoolsFrontendApplicationShell.CustomViewShellWrapper;
+exports.ErrorApologizer = dist_commercetoolsFrontendApplicationShell.ErrorApologizer;
+exports.FetchUser = dist_commercetoolsFrontendApplicationShell.FetchUser;
 exports.InjectReducers = dist_commercetoolsFrontendApplicationShell.InjectReducers;
+exports.RedirectToLogin = dist_commercetoolsFrontendApplicationShell.RedirectToLogin;
+exports.RedirectToLogout = dist_commercetoolsFrontendApplicationShell.RedirectToLogout;
 exports.SetupFlopFlipProvider = dist_commercetoolsFrontendApplicationShell.SetupFlopFlipProvider;
 exports.SuspendedRoute = dist_commercetoolsFrontendApplicationShell.SuspendedRoute;
+exports.getBrowserLocale = dist_commercetoolsFrontendApplicationShell.getBrowserLocale;
+exports.getPreviousProjectKey = dist_commercetoolsFrontendApplicationShell.getPreviousProjectKey;
 exports.setupGlobalErrorListener = dist_commercetoolsFrontendApplicationShell.setupGlobalErrorListener;
 exports.useRoutesCreator = dist_commercetoolsFrontendApplicationShell.useRoutesCreator;
 exports.version = dist_commercetoolsFrontendApplicationShell.applicationShellVersion;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-176564c3.cjs.prod.js');
-var index = require('./index-055ebc13.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ff4b1f1e.cjs.prod.js');
+var index = require('./index-91985d64.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');
@@ -30,8 +30,7 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/react-notifications');
 require('@commercetools-frontend/sentry');
-require('./oidc-cfa56c46.cjs.prod.js');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('./oidc-d02d4ab8.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');
@@ -41,13 +40,14 @@ require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./location-537e0660.cjs.prod.js');
 require('@emotion/react/jsx-runtime');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
 require('@commercetools-uikit/text');
+require('@commercetools-uikit/secondary-button');
+require('@commercetools-uikit/tooltip');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
@@ -98,9 +98,15 @@ exports.ApplicationShell = dist_commercetoolsFrontendApplicationShell.Applicatio
 exports.ApplicationShellProvider = dist_commercetoolsFrontendApplicationShell.ApplicationShellProvider;
 exports.ConfigureIntlProvider = dist_commercetoolsFrontendApplicationShell.ConfigureIntlProvider;
 exports.CustomViewShell = dist_commercetoolsFrontendApplicationShell.CustomViewShellWrapper;
+exports.ErrorApologizer = dist_commercetoolsFrontendApplicationShell.ErrorApologizer;
+exports.FetchUser = dist_commercetoolsFrontendApplicationShell.FetchUser;
 exports.InjectReducers = dist_commercetoolsFrontendApplicationShell.InjectReducers;
+exports.RedirectToLogin = dist_commercetoolsFrontendApplicationShell.RedirectToLogin;
+exports.RedirectToLogout = dist_commercetoolsFrontendApplicationShell.RedirectToLogout;
 exports.SetupFlopFlipProvider = dist_commercetoolsFrontendApplicationShell.SetupFlopFlipProvider;
 exports.SuspendedRoute = dist_commercetoolsFrontendApplicationShell.SuspendedRoute;
+exports.getBrowserLocale = dist_commercetoolsFrontendApplicationShell.getBrowserLocale;
+exports.getPreviousProjectKey = dist_commercetoolsFrontendApplicationShell.getPreviousProjectKey;
 exports.setupGlobalErrorListener = dist_commercetoolsFrontendApplicationShell.setupGlobalErrorListener;
 exports.useRoutesCreator = dist_commercetoolsFrontendApplicationShell.useRoutesCreator;
 exports.version = dist_commercetoolsFrontendApplicationShell.applicationShellVersion;

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

@@ -1,5 +1,5 @@
-export { g as ApplicationPageTitle, A as ApplicationShell, f as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, I as InjectReducers, S as SetupFlopFlipProvider, i as SuspendedRoute, s as setupGlobalErrorListener, u as useRoutesCreator, d as version } from './index-ca28cb0d.esm.js';
-export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './index-4e5248df.esm.js';
+export { h as ApplicationPageTitle, A as ApplicationShell, f as ApplicationShellProvider, C as ConfigureIntlProvider, i as CustomViewShell, k as ErrorApologizer, j as FetchUser, I as InjectReducers, R as RedirectToLogin, l as RedirectToLogout, S as SetupFlopFlipProvider, m as SuspendedRoute, g as getBrowserLocale, n as getPreviousProjectKey, s as setupGlobalErrorListener, u as useRoutesCreator, d as version } from './index-9475648a.esm.js';
+export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './index-b6081c20.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';
@@ -26,8 +26,7 @@ import '@commercetools-frontend/constants';
 import '@commercetools-frontend/i18n';
 import '@commercetools-frontend/react-notifications';
 import '@commercetools-frontend/sentry';
-import './oidc-ff53dfd3.esm.js';
-import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import './oidc-8275c04f.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';
@@ -37,13 +36,14 @@ import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
 import './location-f21dbc25.esm.js';
 import '@emotion/react/jsx-runtime';
-import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
 import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
 import '@commercetools-uikit/text';
+import '@commercetools-uikit/secondary-button';
+import '@commercetools-uikit/tooltip';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-uikit/loading-spinner';
 import '@commercetools-frontend/browser-history';

package/dist/{custom-view-dev-host-2dbeffde.cjs.dev.js → custom-view-dev-host-1ef244b8.cjs.dev.js}

@@ -3,7 +3,6 @@
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _pt = require('prop-types');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
 var applicationComponents = require('@commercetools-frontend/application-components');
@@ -12,9 +11,9 @@ 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-8974720c.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-bd1c5108.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('./index-ca730730.cjs.dev.js');
+require('./index-b1476d46.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -47,19 +46,21 @@ 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-63e926e1.cjs.dev.js');
+require('./oidc-6c6599a2.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
 require('react-intl');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./location-c835b8df.cjs.dev.js');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
+require('@flopflip/react-broadcast');
+require('@commercetools-uikit/secondary-button');
+require('@commercetools-uikit/tooltip');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/l10n');
@@ -75,7 +76,6 @@ require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
-require('@flopflip/react-broadcast');
 require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
@@ -91,7 +91,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 
 var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var history__default = /*#__PURE__*/_interopDefault(history);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var PrimaryButton__default = /*#__PURE__*/_interopDefault(PrimaryButton);
@@ -99,13 +98,13 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 
 const LocalCustomViewLauncher = props => {
-  var _props$environment$__, _context, _customViewConfig$typ, _props$environment$__2;
+  var _context;
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     shouldRenderCustomView = _useState2[0],
     setShouldRenderCustomView = _useState2[1];
   // We expect this in development to be defined.
-  const customViewConfig = (_props$environment$__ = props.environment.__DEVELOPMENT__) === null || _props$environment$__ === void 0 ? void 0 : _props$environment$__.customViewConfig;
+  const customViewConfig = props.environment.__DEVELOPMENT__?.customViewConfig;
   return jsxRuntime.jsx("main", {
     children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
       max: "scale",
@@ -133,10 +132,7 @@ const LocalCustomViewLauncher = props => {
                     })]
                   }), jsxRuntime.jsxs("li", {
                     children: ["Custom View permissions:", ' ', jsxRuntime.jsx("b", {
-                      children: _mapInstanceProperty__default["default"](_context = customViewConfig.permissions).call(_context, permission => {
-                        var _context2;
-                        return _concatInstanceProperty__default["default"](_context2 = "(".concat(permission.name, ": ")).call(_context2, permission.oAuthScopes.join(', '), ")");
-                      }).join(', ')
+                      children: _mapInstanceProperty__default["default"](_context = customViewConfig.permissions).call(_context, permission => `(${permission.name}: ${permission.oAuthScopes.join(', ')})`).join(', ')
                     })]
                   }), jsxRuntime.jsxs("li", {
                     children: ["Custom View locators:", ' ', jsxRuntime.jsx("b", {
@@ -148,7 +144,7 @@ const LocalCustomViewLauncher = props => {
                     })]
                   }), jsxRuntime.jsxs("li", {
                     children: ["Custom View size:", ' ', jsxRuntime.jsx("b", {
-                      children: (_customViewConfig$typ = customViewConfig.typeSettings) === null || _customViewConfig$typ === void 0 ? void 0 : _customViewConfig$typ.size
+                      children: customViewConfig.typeSettings?.size
                     })]
                   })]
                 })
@@ -163,7 +159,7 @@ const LocalCustomViewLauncher = props => {
           })]
         }), shouldRenderCustomView && jsxRuntime.jsx(applicationComponents.CustomViewLoader, {
           customView: customViewConfig,
-          hostUrl: (_props$environment$__2 = props.environment.__DEVELOPMENT__) === null || _props$environment$__2 === void 0 ? void 0 : _props$environment$__2.customViewHostUrl,
+          hostUrl: props.environment.__DEVELOPMENT__?.customViewHostUrl,
           onClose: () => setShouldRenderCustomView(false)
         })]
       })
@@ -172,7 +168,7 @@ const LocalCustomViewLauncher = props => {
 };
 const SimulatedIframeRoute = props => {
   const routeMatch = reactRouterDom.useRouteMatch();
-  console.info("\u2139\uFE0F Rendering a Custom View as it would be rendered within an iframe", routeMatch.url);
+  console.info(`ℹ️ Rendering a Custom View as it would be rendered within an iframe`, routeMatch.url);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children
   });

package/dist/{custom-view-dev-host-54b19a22.esm.js → custom-view-dev-host-83d6228b.esm.js}

@@ -1,7 +1,6 @@
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _pt from 'prop-types';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { useState } from 'react';
 import { Router, Switch, Route, useRouteMatch } from 'react-router-dom';
 import { CustomViewLoader } from '@commercetools-frontend/application-components';
@@ -10,9 +9,9 @@ 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-ca28cb0d.esm.js';
+import { A as ApplicationShell } from './index-9475648a.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import './index-4e5248df.esm.js';
+import './index-b6081c20.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -45,19 +44,21 @@ 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-ff53dfd3.esm.js';
+import './oidc-8275c04f.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';
 import 'react-intl';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
 import './location-f21dbc25.esm.js';
-import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
 import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
+import '@flopflip/react-broadcast';
+import '@commercetools-uikit/secondary-button';
+import '@commercetools-uikit/tooltip';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-uikit/loading-spinner';
 import '@commercetools-frontend/l10n';
@@ -73,7 +74,6 @@ import '@apollo/client/react';
 import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
-import '@flopflip/react-broadcast';
 import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
@@ -86,13 +86,13 @@ import '@babel/runtime-corejs3/core-js-stable/instance/some';
 import '@commercetools-frontend/actions-global';
 
 const LocalCustomViewLauncher = props => {
-  var _props$environment$__, _context, _customViewConfig$typ, _props$environment$__2;
+  var _context;
   const _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     shouldRenderCustomView = _useState2[0],
     setShouldRenderCustomView = _useState2[1];
   // We expect this in development to be defined.
-  const customViewConfig = (_props$environment$__ = props.environment.__DEVELOPMENT__) === null || _props$environment$__ === void 0 ? void 0 : _props$environment$__.customViewConfig;
+  const customViewConfig = props.environment.__DEVELOPMENT__?.customViewConfig;
   return jsx("main", {
     children: jsx(Constraints.Horizontal, {
       max: "scale",
@@ -120,10 +120,7 @@ const LocalCustomViewLauncher = props => {
                     })]
                   }), jsxs("li", {
                     children: ["Custom View permissions:", ' ', jsx("b", {
-                      children: _mapInstanceProperty(_context = customViewConfig.permissions).call(_context, permission => {
-                        var _context2;
-                        return _concatInstanceProperty(_context2 = "(".concat(permission.name, ": ")).call(_context2, permission.oAuthScopes.join(', '), ")");
-                      }).join(', ')
+                      children: _mapInstanceProperty(_context = customViewConfig.permissions).call(_context, permission => `(${permission.name}: ${permission.oAuthScopes.join(', ')})`).join(', ')
                     })]
                   }), jsxs("li", {
                     children: ["Custom View locators:", ' ', jsx("b", {
@@ -135,7 +132,7 @@ const LocalCustomViewLauncher = props => {
                     })]
                   }), jsxs("li", {
                     children: ["Custom View size:", ' ', jsx("b", {
-                      children: (_customViewConfig$typ = customViewConfig.typeSettings) === null || _customViewConfig$typ === void 0 ? void 0 : _customViewConfig$typ.size
+                      children: customViewConfig.typeSettings?.size
                     })]
                   })]
                 })
@@ -150,7 +147,7 @@ const LocalCustomViewLauncher = props => {
           })]
         }), shouldRenderCustomView && jsx(CustomViewLoader, {
           customView: customViewConfig,
-          hostUrl: (_props$environment$__2 = props.environment.__DEVELOPMENT__) === null || _props$environment$__2 === void 0 ? void 0 : _props$environment$__2.customViewHostUrl,
+          hostUrl: props.environment.__DEVELOPMENT__?.customViewHostUrl,
           onClose: () => setShouldRenderCustomView(false)
         })]
       })
@@ -159,7 +156,7 @@ const LocalCustomViewLauncher = props => {
 };
 const SimulatedIframeRoute = props => {
   const routeMatch = useRouteMatch();
-  console.info("\u2139\uFE0F Rendering a Custom View as it would be rendered within an iframe", routeMatch.url);
+  console.info(`ℹ️ Rendering a Custom View as it would be rendered within an iframe`, routeMatch.url);
   return jsx(Fragment, {
     children: props.children
   });

package/dist/{custom-view-dev-host-55efb1ea.cjs.prod.js → custom-view-dev-host-9469b02c.cjs.prod.js}

@@ -3,7 +3,6 @@
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('prop-types');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
 var applicationComponents = require('@commercetools-frontend/application-components');
@@ -12,9 +11,9 @@ 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-176564c3.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ff4b1f1e.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('./index-055ebc13.cjs.prod.js');
+require('./index-91985d64.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -47,19 +46,21 @@ 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-cfa56c46.cjs.prod.js');
+require('./oidc-d02d4ab8.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
 require('react-intl');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./location-537e0660.cjs.prod.js');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
+require('@flopflip/react-broadcast');
+require('@commercetools-uikit/secondary-button');
+require('@commercetools-uikit/tooltip');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/l10n');
@@ -75,7 +76,6 @@ require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
-require('@flopflip/react-broadcast');
 require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
@@ -90,7 +90,6 @@ require('@commercetools-frontend/actions-global');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var history__default = /*#__PURE__*/_interopDefault(history);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var PrimaryButton__default = /*#__PURE__*/_interopDefault(PrimaryButton);
@@ -98,13 +97,13 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 
 const LocalCustomViewLauncher = props => {
-  var _props$environment$__, _context, _customViewConfig$typ, _props$environment$__2;
+  var _context;
   const _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     shouldRenderCustomView = _useState2[0],
     setShouldRenderCustomView = _useState2[1];
   // We expect this in development to be defined.
-  const customViewConfig = (_props$environment$__ = props.environment.__DEVELOPMENT__) === null || _props$environment$__ === void 0 ? void 0 : _props$environment$__.customViewConfig;
+  const customViewConfig = props.environment.__DEVELOPMENT__?.customViewConfig;
   return jsxRuntime.jsx("main", {
     children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
       max: "scale",
@@ -132,10 +131,7 @@ const LocalCustomViewLauncher = props => {
                     })]
                   }), jsxRuntime.jsxs("li", {
                     children: ["Custom View permissions:", ' ', jsxRuntime.jsx("b", {
-                      children: _mapInstanceProperty__default["default"](_context = customViewConfig.permissions).call(_context, permission => {
-                        var _context2;
-                        return _concatInstanceProperty__default["default"](_context2 = "(".concat(permission.name, ": ")).call(_context2, permission.oAuthScopes.join(', '), ")");
-                      }).join(', ')
+                      children: _mapInstanceProperty__default["default"](_context = customViewConfig.permissions).call(_context, permission => `(${permission.name}: ${permission.oAuthScopes.join(', ')})`).join(', ')
                     })]
                   }), jsxRuntime.jsxs("li", {
                     children: ["Custom View locators:", ' ', jsxRuntime.jsx("b", {
@@ -147,7 +143,7 @@ const LocalCustomViewLauncher = props => {
                     })]
                   }), jsxRuntime.jsxs("li", {
                     children: ["Custom View size:", ' ', jsxRuntime.jsx("b", {
-                      children: (_customViewConfig$typ = customViewConfig.typeSettings) === null || _customViewConfig$typ === void 0 ? void 0 : _customViewConfig$typ.size
+                      children: customViewConfig.typeSettings?.size
                     })]
                   })]
                 })
@@ -162,7 +158,7 @@ const LocalCustomViewLauncher = props => {
           })]
         }), shouldRenderCustomView && jsxRuntime.jsx(applicationComponents.CustomViewLoader, {
           customView: customViewConfig,
-          hostUrl: (_props$environment$__2 = props.environment.__DEVELOPMENT__) === null || _props$environment$__2 === void 0 ? void 0 : _props$environment$__2.customViewHostUrl,
+          hostUrl: props.environment.__DEVELOPMENT__?.customViewHostUrl,
           onClose: () => setShouldRenderCustomView(false)
         })]
       })
@@ -171,7 +167,7 @@ const LocalCustomViewLauncher = props => {
 };
 const SimulatedIframeRoute = props => {
   const routeMatch = reactRouterDom.useRouteMatch();
-  console.info("\u2139\uFE0F Rendering a Custom View as it would be rendered within an iframe", routeMatch.url);
+  console.info(`ℹ️ Rendering a Custom View as it would be rendered within an iframe`, routeMatch.url);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children
   });

package/dist/declarations/src/components/application-page-title/application-page-title.d.ts

@@ -1,4 +1,20 @@
 type TApplicationPageTitleProps = {
+    /**
+     * Prepend additional title parts to the default page title.
+     * The parts are concatenated with a `-` separator and might be truncated
+     * in the middle if each one exceeds 24 characters length.
+     *
+     * The default page title has always the format:
+     *   <application_identifier> - <project_key> - Merchant Center
+     *
+     * Overwriting the default page title is recommended in detail pages
+     * where there is a human-readable resource identifier, for example a product name.
+     *
+     * @example
+     *
+     * <ApplicationPageTitle additionalParts={['T-Shirt red']} />
+     * // T-Shirt red - Products - my-shop - Merchant Center
+     */
     additionalParts: string[];
 };
 declare const ApplicationPageTitle: {

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

@@ -7,6 +7,23 @@ import type { TApplicationContext } from '@commercetools-frontend/application-sh
 import type { TAsyncLocaleDataProps } from '@commercetools-frontend/i18n';
 type TApplicationShellProps = {
     apolloClient?: ApolloClient<NormalizedCacheObject>;
+    /**
+     * NOTE: the environment value passed here is usually `window.app`.
+     * This object usually contains values as string and will be "transformed"
+     * to a real object with proper scalar values in the ApplicationShell.
+     * To keep the types simple, we assign here the already coerced type object.
+     * This should be fine, as consumers of the application can use the
+     * `ApplicationWindow` type from the `@commercetools-frontend/constants` package
+     * to type cast it:
+     *
+     * ```tsx
+     * import { ApplicationWindow } from '@commercetools-frontend/constants';
+     *
+     * declare let window: ApplicationWindow;
+     *
+     * <ApplicationShell environment={window.app} />
+     * ```
+     */
     environment: TApplicationContext<{}>['environment'];
     featureFlags?: TFlags;
     defaultFeatureFlags?: TFlags;

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

@@ -14,6 +14,10 @@ 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>, {}>;
+/**
+ * This component is rendered whenever the user is considered "authenticated"
+ * and contains the "restricted" application part.
+ */
 export declare const ApplicationShellAuthenticated: {
     (props: TApplicationShellAuthenticationProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;

package/dist/declarations/src/components/workspaces-navigation-button/index.d.ts

@@ -0,0 +1 @@
+export { default } from './workspaces-navigation-button';

package/dist/declarations/src/components/workspaces-navigation-button/messages.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    tooltip: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/components/workspaces-navigation-button/workspaces-navigation-button.d.ts

@@ -0,0 +1,3 @@
+export declare const FEATURE_NAME = "Workspaces";
+declare const WorkspacesNavigationButton: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+export default WorkspacesNavigationButton;

package/dist/declarations/src/configure-store.d.ts

@@ -11,6 +11,9 @@ export type TEnhancedStore = Store & {
         id: string;
     }) => void;
 };
+/**
+ * @deprecated: This function should not be used directly anymore.
+ */
 export declare const applyDefaultMiddlewares: (...middlewares: Middleware[]) => StoreEnhancer<{
     dispatch: unknown;
 }, {}>;

package/dist/declarations/src/hooks/use-routes-creator/use-routes-creator.d.ts

@@ -2,6 +2,9 @@ import type { History } from 'history';
 import { useLocation } from 'react-router-dom';
 export interface RouteParams extends Record<string, string> {
 }
+/**
+ * The route path to match. Usually it starts with `/:projectKey/my-entry-point`.
+ */
 export type RoutePath = string;
 export type TMakeRouteOptions<Params extends RouteParams> = {
     params: Partial<Params>;