@commercetools-frontend/application-shell 22.7.1 → 22.8.0

package/dist/{version-tracker-3d9b5cf0.cjs.prod.js → version-tracker-3b691dec.cjs.prod.js}

@@ -3,7 +3,7 @@
 var react = require('react');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var sdk = require('@commercetools-frontend/sdk');
-var configureApollo = require('./configure-apollo-2077e9e6.cjs.prod.js');
+var configureApollo = require('./configure-apollo-55d13684.cjs.prod.js');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var constants = require('@commercetools-frontend/constants');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -28,7 +28,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 require('@commercetools-frontend/sentry');
-require('./constants-ed10e935.cjs.prod.js');
+require('./constants-0da1db32.cjs.prod.js');
 require('@commercetools-frontend/react-notifications');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('redux-logger');

package/dist/{version-tracker-cba298d4.esm.js → version-tracker-cb877c84.esm.js}

@@ -1,7 +1,7 @@
 import { useEffect, version } from 'react';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
-import { f as applicationShellVersion } from './configure-apollo-8bcf9317.esm.js';
+import { f as applicationShellVersion } from './configure-apollo-a219411c.esm.js';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import { MC_API_PROXY_TARGETS } from '@commercetools-frontend/constants';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
@@ -26,7 +26,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import '@commercetools-frontend/sentry';
-import './constants-a09fbec1.esm.js';
+import './constants-0b9c2426.esm.js';
 import '@commercetools-frontend/react-notifications';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import 'redux-logger';

package/dist/{world-bfd04f52.cjs.dev.js → world-22189397.cjs.prod.js}

@@ -23,8 +23,8 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const Icon = props => jsxRuntime.jsx(icons.WorldIcon, _objectSpread({}, props));
 
 exports["default"] = Icon;

package/dist/{world-f921d80c.cjs.prod.js → world-500baeb2.cjs.dev.js}

@@ -23,8 +23,8 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const Icon = props => jsxRuntime.jsx(icons.WorldIcon, _objectSpread({}, props));
 
 exports["default"] = Icon;

package/dist/{world-1b0e72fc.esm.js → world-523efd61.esm.js}

@@ -10,8 +10,8 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { WorldIcon } from '@commercetools-uikit/icons';
 import { jsx } from '@emotion/react/jsx-runtime';
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const Icon = props => jsx(WorldIcon, _objectSpread({}, props));
 
 export { Icon as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-shell",
-  "version": "22.7.1",
+  "version": "22.8.0",
   "description": "React component to bootstrap the general MC application logic",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -37,35 +37,36 @@
     "README.md"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.20.13",
-    "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-frontend/actions-global": "22.7.1",
-    "@commercetools-frontend/application-components": "22.7.1",
-    "@commercetools-frontend/application-config": "22.7.1",
-    "@commercetools-frontend/application-shell-connectors": "22.7.1",
-    "@commercetools-frontend/assets": "22.7.1",
-    "@commercetools-frontend/browser-history": "22.7.1",
-    "@commercetools-frontend/constants": "22.7.1",
-    "@commercetools-frontend/i18n": "22.7.1",
-    "@commercetools-frontend/l10n": "22.7.1",
-    "@commercetools-frontend/notifications": "22.7.1",
-    "@commercetools-frontend/permissions": "22.7.1",
-    "@commercetools-frontend/react-notifications": "22.7.1",
-    "@commercetools-frontend/sdk": "22.7.1",
-    "@commercetools-frontend/sentry": "22.7.1",
-    "@commercetools-frontend/url-utils": "22.7.1",
-    "@commercetools-uikit/accessible-hidden": "^16.7.0",
-    "@commercetools-uikit/avatar": "^16.7.0",
-    "@commercetools-uikit/card": "^16.7.0",
-    "@commercetools-uikit/constraints": "^16.7.0",
-    "@commercetools-uikit/design-system": "^16.7.0",
-    "@commercetools-uikit/flat-button": "^16.7.0",
-    "@commercetools-uikit/icons": "^16.7.0",
-    "@commercetools-uikit/loading-spinner": "^16.7.0",
-    "@commercetools-uikit/notifications": "^16.7.0",
-    "@commercetools-uikit/select-input": "^16.7.0",
-    "@commercetools-uikit/spacings": "^16.7.0",
-    "@commercetools-uikit/text": "^16.7.0",
+    "@babel/runtime": "^7.22.15",
+    "@babel/runtime-corejs3": "^7.22.15",
+    "@commercetools-frontend/actions-global": "22.8.0",
+    "@commercetools-frontend/application-components": "22.8.0",
+    "@commercetools-frontend/application-config": "22.8.0",
+    "@commercetools-frontend/application-shell-connectors": "22.8.0",
+    "@commercetools-frontend/assets": "22.8.0",
+    "@commercetools-frontend/browser-history": "22.8.0",
+    "@commercetools-frontend/constants": "22.8.0",
+    "@commercetools-frontend/i18n": "22.8.0",
+    "@commercetools-frontend/l10n": "22.8.0",
+    "@commercetools-frontend/notifications": "22.8.0",
+    "@commercetools-frontend/permissions": "22.8.0",
+    "@commercetools-frontend/react-notifications": "22.8.0",
+    "@commercetools-frontend/sdk": "22.8.0",
+    "@commercetools-frontend/sentry": "22.8.0",
+    "@commercetools-frontend/url-utils": "22.8.0",
+    "@commercetools-uikit/accessible-hidden": "^16.7.3",
+    "@commercetools-uikit/avatar": "^16.7.3",
+    "@commercetools-uikit/card": "^16.7.3",
+    "@commercetools-uikit/constraints": "^16.7.3",
+    "@commercetools-uikit/design-system": "^16.7.3",
+    "@commercetools-uikit/flat-button": "^16.7.3",
+    "@commercetools-uikit/icons": "^16.7.3",
+    "@commercetools-uikit/loading-spinner": "^16.7.3",
+    "@commercetools-uikit/notifications": "^16.7.3",
+    "@commercetools-uikit/primary-button": "^16.7.3",
+    "@commercetools-uikit/select-input": "^16.7.3",
+    "@commercetools-uikit/spacings": "^16.7.3",
+    "@commercetools-uikit/text": "^16.7.3",
     "@commercetools/http-user-agent": "3.0.0",
     "@emotion/react": "11.11.0",
     "@emotion/styled": "11.11.0",
@@ -75,24 +76,24 @@
     "@flopflip/react-broadcast": "13.1.2",
     "@flopflip/types": "13.1.2",
     "@reduxjs/toolkit": "1.9.5",
-    "@types/common-tags": "^1.8.1",
+    "@types/common-tags": "^1.8.2",
     "@types/history": "^4.7.11",
-    "@types/lodash": "^4.14.191",
+    "@types/lodash": "^4.14.198",
     "@types/prop-types": "^15.7.5",
-    "@types/react": "^17.0.53",
+    "@types/react": "^17.0.56",
     "@types/react-dom": "^17.0.19",
-    "@types/react-redux": "^7.1.25",
+    "@types/react-redux": "^7.1.26",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
     "@types/redux-logger": "^3.0.9",
-    "@types/uuid": "^9.0.1",
+    "@types/uuid": "^9.0.3",
     "apollo-link-logger": "2.0.1",
     "classnames": "^2.3.2",
     "common-tags": "1.8.2",
     "debounce-async": "0.0.2",
     "downshift": "6.1.12",
     "fuse.js": "6.6.2",
-    "graphql": "16.6.0",
+    "graphql": "16.8.1",
     "history": "4.10.1",
     "is-retina": "1.0.3",
     "jwt-decode": "3.1.2",
@@ -115,15 +116,15 @@
     "@apollo/client": "3.7.14",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "8.0.1",
-    "@types/jest": "^29.5.1",
-    "@types/testing-library__jest-dom": "^5.14.5",
+    "@types/jest": "^29.5.4",
+    "@types/testing-library__jest-dom": "^5.14.9",
     "headers-polyfill": "3.1.2",
     "jest": "29.5.0",
     "jest-mock": "29.5.0",
     "msw": "0.49.3",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-intl": "^6.4.2",
+    "react-intl": "^6.4.5",
     "react-redux": "7.2.9",
     "react-router-dom": "5.3.4",
     "redux": "4.2.1",

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ssr = require('@commercetools-frontend/application-config/ssr');
-var oidc = require('../../dist/oidc-244125d3.cjs.dev.js');
+var oidc = require('../../dist/oidc-97f361cb.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-require('../../dist/constants-a1140922.cjs.dev.js');
+require('../../dist/constants-bef5a843.cjs.dev.js');
 
 
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ssr = require('@commercetools-frontend/application-config/ssr');
-var oidc = require('../../dist/oidc-a780f067.cjs.prod.js');
+var oidc = require('../../dist/oidc-a55e3dd9.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-require('../../dist/constants-ed10e935.cjs.prod.js');
+require('../../dist/constants-0da1db32.cjs.prod.js');
 
 
 

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

@@ -1,6 +1,6 @@
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
-export { b as buildOidcScope } from '../../dist/oidc-c4e99cfc.esm.js';
+export { b as buildOidcScope } from '../../dist/oidc-db881d40.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
-import '../../dist/constants-a09fbec1.esm.js';
+import '../../dist/constants-0b9c2426.esm.js';

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

@@ -35,8 +35,8 @@ var history = require('@commercetools-frontend/browser-history');
 var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var testUtils = require('@commercetools-frontend/sdk/test-utils');
-var applicationEntryPoint = require('../../dist/application-entry-point-6853f92e.cjs.dev.js');
-var configureApollo = require('../../dist/configure-apollo-99b8a3fe.cjs.dev.js');
+var applicationEntryPoint = require('../../dist/application-entry-point-61deb1f6.cjs.dev.js');
+var configureApollo = require('../../dist/configure-apollo-459b0dbc.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/permissions');
@@ -53,7 +53,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 require('@commercetools-frontend/sentry');
-require('../../dist/constants-a1140922.cjs.dev.js');
+require('../../dist/constants-bef5a843.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('redux-logger');
 require('@babel/runtime-corejs3/core-js-stable/url');
@@ -117,8 +117,8 @@ var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 const _excluded = ["children"],
   _excluded2 = ["children"];
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context9, _context10; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys(Object(source), !0)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys(Object(source))).call(_context10, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var _context9, _context10; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$1(Object(t), !0)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys$1(Object(t))).call(_context10, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const defaultProject = {
   key: 'test-with-big-data',
   version: 43,
@@ -305,9 +305,9 @@ function createApplicationProviders() {
     project = _ref.project,
     _ref$dataLocale = _ref.dataLocale,
     dataLocale = _ref$dataLocale === void 0 ? 'en' : _ref$dataLocale;
-  const mergedUser = user === null ? undefined : _objectSpread(_objectSpread({}, defaultUser), user);
-  const mergedProject = project === null ? undefined : _objectSpread(_objectSpread({}, defaultProject), project);
-  const mergedEnvironment = _objectSpread(_objectSpread({}, defaultEnvironment), environment);
+  const mergedUser = user === null ? undefined : _objectSpread$1(_objectSpread$1({}, defaultUser), user);
+  const mergedProject = project === null ? undefined : _objectSpread$1(_objectSpread$1({}, defaultProject), project);
+  const mergedEnvironment = _objectSpread$1(_objectSpread$1({}, defaultEnvironment), environment);
 
   // Provide default permissions to render the application route.
   if (mergedProject) {
@@ -382,17 +382,17 @@ function renderApp(ui) {
     history = _createApplicationPro.history;
 
   // eslint-disable-next-line testing-library/render-result-naming-convention
-  const rendered = rtl__namespace.render(ui, _objectSpread(_objectSpread({}, options), {}, {
+  const rendered = rtl__namespace.render(ui, _objectSpread$1(_objectSpread$1({}, options), {}, {
     // eslint-disable-next-line react/display-name
     wrapper: _ref2 => {
       let children = _ref2.children,
         props = _objectWithoutProperties(_ref2, _excluded);
-      return jsxRuntime.jsx(ApplicationProviders, _objectSpread(_objectSpread({}, props), {}, {
+      return jsxRuntime.jsx(ApplicationProviders, _objectSpread$1(_objectSpread$1({}, props), {}, {
         children: wrapIfNeeded(children, options.wrapper)
       }));
     }
   }));
-  return _objectSpread(_objectSpread({}, rendered), {}, {
+  return _objectSpread$1(_objectSpread$1({}, rendered), {}, {
     // adding `history` to the returned utilities to allow us
     // to reference it in our tests (just try to avoid using
     // this to test implementation details).
@@ -467,17 +467,17 @@ function renderAppWithRedux(ui) {
     ReduxProviders = _createReduxProviders.ReduxProviders,
     reduxStore = _createReduxProviders.reduxStore;
   // eslint-disable-next-line testing-library/render-result-naming-convention
-  const rendered = renderApp(ui, _objectSpread(_objectSpread({}, options), {}, {
+  const rendered = renderApp(ui, _objectSpread$1(_objectSpread$1({}, options), {}, {
     // eslint-disable-next-line react/display-name
     wrapper: _ref4 => {
       let children = _ref4.children,
         props = _objectWithoutProperties(_ref4, _excluded2);
-      return jsxRuntime.jsx(ReduxProviders, _objectSpread(_objectSpread({}, props), {}, {
+      return jsxRuntime.jsx(ReduxProviders, _objectSpread$1(_objectSpread$1({}, props), {}, {
         children: wrapIfNeeded(children, options.wrapper)
       }));
     }
   }));
-  return _objectSpread(_objectSpread({}, rendered), {}, {
+  return _objectSpread$1(_objectSpread$1({}, rendered), {}, {
     // adding `store` to the returned utilities to allow us
     // to reference it in our tests (just try to avoid using
     // this to test implementation details).
@@ -497,7 +497,7 @@ function renderHook(callback) {
     history = _createApplicationPro2.history;
 
   // eslint-disable-next-line testing-library/render-result-naming-convention
-  const rendered = rtlHooks__namespace.renderHook(callback, _objectSpread(_objectSpread({}, options), {}, {
+  const rendered = rtlHooks__namespace.renderHook(callback, _objectSpread$1(_objectSpread$1({}, options), {}, {
     // eslint-disable-next-line react/display-name
     wrapper: _ref5 => {
       let children = _ref5.children;
@@ -508,7 +508,7 @@ function renderHook(callback) {
       });
     }
   }));
-  return _objectSpread(_objectSpread({}, rendered), {}, {
+  return _objectSpread$1(_objectSpread$1({}, rendered), {}, {
     store: reduxStore,
     history,
     user: mergedUser,
@@ -518,10 +518,44 @@ function renderHook(callback) {
 }
 
 // namespace for hooks related helpers
-const hooks = _objectSpread(_objectSpread({}, rtlHooks__namespace), {}, {
+const hooks = _objectSpread$1(_objectSpread$1({}, rtlHooks__namespace), {}, {
   renderHook
 });
 
+/** All built-in and custom scalars, mapped to their actual values */
+let TCustomViewType = /*#__PURE__*/function (TCustomViewType) {
+  TCustomViewType["CustomPanel"] = "CustomPanel";
+  return TCustomViewType;
+}({});
+
+function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const testCustomViewData = {
+  id: 'custom-view-id',
+  defaultLabel: 'My View',
+  labelAllLocales: [],
+  url: 'https://my-view.com',
+  type: TCustomViewType.CustomPanel,
+  locators: ['products.product_details.general'],
+  permissions: [{
+    name: 'view',
+    oAuthScopes: ['view_products']
+  }]
+};
+const renderCustomView = props => {
+  var _props$customViewHost;
+  return renderApp(jsxRuntime.jsx(applicationShellConnectors.CustomViewContextProvider, {
+    hostUrl: (_props$customViewHost = props.customViewHostUrl) !== null && _props$customViewHost !== void 0 ? _props$customViewHost : 'https://mc.ct.com/my-project/products/product-id-1',
+    customViewConfig: _objectSpread(_objectSpread({}, testCustomViewData), props.customViewConfig),
+    children: props.children
+  }), {
+    locale: props.locale,
+    project: {
+      key: props.projectKey
+    }
+  });
+};
+
 exports.denormalizeActionRights = denormalizeActionRights;
 exports.denormalizeDataFences = denormalizeDataFences;
 exports.denormalizePermissions = denormalizePermissions;
@@ -529,6 +563,7 @@ exports.hooks = hooks;
 exports.mapResourceAccessToAppliedPermissions = mapResourceAccessToAppliedPermissions;
 exports.renderApp = renderApp;
 exports.renderAppWithRedux = renderAppWithRedux;
+exports.renderCustomView = renderCustomView;
 Object.keys(rtl).forEach(function (k) {
   if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,

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

@@ -35,8 +35,8 @@ var history = require('@commercetools-frontend/browser-history');
 var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var testUtils = require('@commercetools-frontend/sdk/test-utils');
-var applicationEntryPoint = require('../../dist/application-entry-point-2bbea741.cjs.prod.js');
-var configureApollo = require('../../dist/configure-apollo-2077e9e6.cjs.prod.js');
+var applicationEntryPoint = require('../../dist/application-entry-point-90aa1cdb.cjs.prod.js');
+var configureApollo = require('../../dist/configure-apollo-55d13684.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/permissions');
@@ -53,7 +53,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 require('@commercetools-frontend/sentry');
-require('../../dist/constants-ed10e935.cjs.prod.js');
+require('../../dist/constants-0da1db32.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('redux-logger');
 require('@babel/runtime-corejs3/core-js-stable/url');
@@ -116,8 +116,8 @@ var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 const _excluded = ["children"],
   _excluded2 = ["children"];
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context9, _context10; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys(Object(source), !0)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys(Object(source))).call(_context10, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var _context9, _context10; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$1(Object(t), !0)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys$1(Object(t))).call(_context10, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const defaultProject = {
   key: 'test-with-big-data',
   version: 43,
@@ -300,9 +300,9 @@ function createApplicationProviders() {
     project = _ref.project,
     _ref$dataLocale = _ref.dataLocale,
     dataLocale = _ref$dataLocale === void 0 ? 'en' : _ref$dataLocale;
-  const mergedUser = user === null ? undefined : _objectSpread(_objectSpread({}, defaultUser), user);
-  const mergedProject = project === null ? undefined : _objectSpread(_objectSpread({}, defaultProject), project);
-  const mergedEnvironment = _objectSpread(_objectSpread({}, defaultEnvironment), environment);
+  const mergedUser = user === null ? undefined : _objectSpread$1(_objectSpread$1({}, defaultUser), user);
+  const mergedProject = project === null ? undefined : _objectSpread$1(_objectSpread$1({}, defaultProject), project);
+  const mergedEnvironment = _objectSpread$1(_objectSpread$1({}, defaultEnvironment), environment);
 
   // Provide default permissions to render the application route.
   if (mergedProject) {
@@ -375,17 +375,17 @@ function renderApp(ui) {
     history = _createApplicationPro.history;
 
   // eslint-disable-next-line testing-library/render-result-naming-convention
-  const rendered = rtl__namespace.render(ui, _objectSpread(_objectSpread({}, options), {}, {
+  const rendered = rtl__namespace.render(ui, _objectSpread$1(_objectSpread$1({}, options), {}, {
     // eslint-disable-next-line react/display-name
     wrapper: _ref2 => {
       let children = _ref2.children,
         props = _objectWithoutProperties(_ref2, _excluded);
-      return jsxRuntime.jsx(ApplicationProviders, _objectSpread(_objectSpread({}, props), {}, {
+      return jsxRuntime.jsx(ApplicationProviders, _objectSpread$1(_objectSpread$1({}, props), {}, {
         children: wrapIfNeeded(children, options.wrapper)
       }));
     }
   }));
-  return _objectSpread(_objectSpread({}, rendered), {}, {
+  return _objectSpread$1(_objectSpread$1({}, rendered), {}, {
     // adding `history` to the returned utilities to allow us
     // to reference it in our tests (just try to avoid using
     // this to test implementation details).
@@ -458,17 +458,17 @@ function renderAppWithRedux(ui) {
     ReduxProviders = _createReduxProviders.ReduxProviders,
     reduxStore = _createReduxProviders.reduxStore;
   // eslint-disable-next-line testing-library/render-result-naming-convention
-  const rendered = renderApp(ui, _objectSpread(_objectSpread({}, options), {}, {
+  const rendered = renderApp(ui, _objectSpread$1(_objectSpread$1({}, options), {}, {
     // eslint-disable-next-line react/display-name
     wrapper: _ref4 => {
       let children = _ref4.children,
         props = _objectWithoutProperties(_ref4, _excluded2);
-      return jsxRuntime.jsx(ReduxProviders, _objectSpread(_objectSpread({}, props), {}, {
+      return jsxRuntime.jsx(ReduxProviders, _objectSpread$1(_objectSpread$1({}, props), {}, {
         children: wrapIfNeeded(children, options.wrapper)
       }));
     }
   }));
-  return _objectSpread(_objectSpread({}, rendered), {}, {
+  return _objectSpread$1(_objectSpread$1({}, rendered), {}, {
     // adding `store` to the returned utilities to allow us
     // to reference it in our tests (just try to avoid using
     // this to test implementation details).
@@ -488,7 +488,7 @@ function renderHook(callback) {
     history = _createApplicationPro2.history;
 
   // eslint-disable-next-line testing-library/render-result-naming-convention
-  const rendered = rtlHooks__namespace.renderHook(callback, _objectSpread(_objectSpread({}, options), {}, {
+  const rendered = rtlHooks__namespace.renderHook(callback, _objectSpread$1(_objectSpread$1({}, options), {}, {
     // eslint-disable-next-line react/display-name
     wrapper: _ref5 => {
       let children = _ref5.children;
@@ -499,7 +499,7 @@ function renderHook(callback) {
       });
     }
   }));
-  return _objectSpread(_objectSpread({}, rendered), {}, {
+  return _objectSpread$1(_objectSpread$1({}, rendered), {}, {
     store: reduxStore,
     history,
     user: mergedUser,
@@ -509,10 +509,44 @@ function renderHook(callback) {
 }
 
 // namespace for hooks related helpers
-const hooks = _objectSpread(_objectSpread({}, rtlHooks__namespace), {}, {
+const hooks = _objectSpread$1(_objectSpread$1({}, rtlHooks__namespace), {}, {
   renderHook
 });
 
+/** All built-in and custom scalars, mapped to their actual values */
+let TCustomViewType = /*#__PURE__*/function (TCustomViewType) {
+  TCustomViewType["CustomPanel"] = "CustomPanel";
+  return TCustomViewType;
+}({});
+
+function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const testCustomViewData = {
+  id: 'custom-view-id',
+  defaultLabel: 'My View',
+  labelAllLocales: [],
+  url: 'https://my-view.com',
+  type: TCustomViewType.CustomPanel,
+  locators: ['products.product_details.general'],
+  permissions: [{
+    name: 'view',
+    oAuthScopes: ['view_products']
+  }]
+};
+const renderCustomView = props => {
+  var _props$customViewHost;
+  return renderApp(jsxRuntime.jsx(applicationShellConnectors.CustomViewContextProvider, {
+    hostUrl: (_props$customViewHost = props.customViewHostUrl) !== null && _props$customViewHost !== void 0 ? _props$customViewHost : 'https://mc.ct.com/my-project/products/product-id-1',
+    customViewConfig: _objectSpread(_objectSpread({}, testCustomViewData), props.customViewConfig),
+    children: props.children
+  }), {
+    locale: props.locale,
+    project: {
+      key: props.projectKey
+    }
+  });
+};
+
 exports.denormalizeActionRights = denormalizeActionRights;
 exports.denormalizeDataFences = denormalizeDataFences;
 exports.denormalizePermissions = denormalizePermissions;
@@ -520,6 +554,7 @@ exports.hooks = hooks;
 exports.mapResourceAccessToAppliedPermissions = mapResourceAccessToAppliedPermissions;
 exports.renderApp = renderApp;
 exports.renderAppWithRedux = renderAppWithRedux;
+exports.renderCustomView = renderCustomView;
 Object.keys(rtl).forEach(function (k) {
   if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,