@commercetools-frontend/application-shell 20.12.2 → 21.0.0-rc.0

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

@@ -35,7 +35,7 @@ var applicationShellConnectors = require('@commercetools-frontend/application-sh
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var constants = require('@commercetools-frontend/constants');
 var testUtils = require('@commercetools-frontend/sdk/test-utils');
-var applicationEntryPoint = require('../../dist/application-entry-point-961cacf8.cjs.prod.js');
+var applicationEntryPoint = require('../../dist/application-entry-point-b627328b.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -46,6 +46,7 @@ require('redux-thunk');
 require('omit-empty-es');
 require('@commercetools-frontend/notifications');
 require('@commercetools-frontend/sdk');
+require('../../dist/constants-745aeeca.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 require('redux-logger');
@@ -55,6 +56,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@commercetools-frontend/sentry');
 require('@babel/runtime-corejs3/core-js-stable/url');
+require('lodash/upperFirst');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@apollo/client');
 require('@commercetools/http-user-agent');
@@ -111,9 +113,9 @@ var rtlHooks__namespace = /*#__PURE__*/_interopNamespace(rtlHooks);
 var _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); if (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 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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context14; _forEachInstanceProperty__default["default"](_context14 = ownKeys(Object(source), true)).call(_context14, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context15; _forEachInstanceProperty__default["default"](_context15 = ownKeys(Object(source))).call(_context15, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context15, _context16; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context15 = ownKeys(Object(source), !0)).call(_context15, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context16 = ownKeys(Object(source))).call(_context16, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var defaultProject = {
   key: 'test-with-big-data',
   version: 43,
@@ -142,12 +144,7 @@ var defaultProject = {
     allAppliedActionRights: [],
     allAppliedDataFences: [],
     allAppliedMenuVisibilities: []
-  },
-
-  /**
-   * @deprecated: Use `{ allPermissionsForAllApplications: { allAppliedMenuVisibilities: [] } }`
-   */
-  allAppliedMenuVisibilities: []
+  }
 };
 var defaultUser = {
   id: 'user-id-1',
@@ -172,6 +169,7 @@ var defaultUser = {
 };
 var defaultEnvironment = {
   applicationName: 'my-app',
+  entryPointUriPath: 'random-entry-point',
   frontendHost: 'localhost:3001',
   mcApiUrl: 'https://mc-api.europe-west1.gcp.commercetools.com',
   location: 'eu',
@@ -262,6 +260,15 @@ var denormalizeDataFences = function denormalizeDataFences(dataFences) {
   }, []);
 };
 
+var mapResourceAccessToAppliedPermissions = function mapResourceAccessToAppliedPermissions(resourceAccesses) {
+  return _mapInstanceProperty__default["default"](resourceAccesses).call(resourceAccesses, function (resourceAccess) {
+    return {
+      name: "can".concat(resourceAccess),
+      value: true
+    };
+  });
+};
+
 var wrapIfNeeded = function wrapIfNeeded(children, wrapper) {
   return wrapper ? /*#__PURE__*/react.createElement(wrapper, null, children) : children;
 };
@@ -271,7 +278,7 @@ var ApolloProviderWrapper = function ApolloProviderWrapper(props) {
 
   var apolloClient = (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : applicationEntryPoint.createApolloClient();
 
-  if (props.disableApolloMocks) {
+  if (!props.enableApolloMocks) {
     return (// eslint-disable-next-line testing-library/no-node-access
       jsxRuntime.jsx(react$1.ApolloProvider, {
         client: apolloClient,
@@ -310,61 +317,42 @@ function createApplicationProviders() {
       _ref$mocks = _ref.mocks,
       mocks = _ref$mocks === void 0 ? [] : _ref$mocks,
       apolloClient = _ref.apolloClient,
-      _ref$disableApolloMoc = _ref.disableApolloMocks,
-      disableApolloMocks = _ref$disableApolloMoc === void 0 ? false : _ref$disableApolloMoc,
-      _ref$route = _ref.route,
-      route = _ref$route === void 0 ? '/' : _ref$route,
+      _ref$enableApolloMock = _ref.enableApolloMocks,
+      enableApolloMocks = _ref$enableApolloMock === void 0 ? false : _ref$enableApolloMock,
+      route = _ref.route,
       _ref$disableAutomatic = _ref.disableAutomaticEntryPointRoutes,
-      disableAutomaticEntryPointRoutes = _ref$disableAutomatic === void 0 ? true : _ref$disableAutomatic,
-      _ref$history = _ref.history,
-      history$2 = _ref$history === void 0 ? history.createEnhancedHistory(history$1.createMemoryHistory({
-    initialEntries: [route]
-  })) : _ref$history,
+      disableAutomaticEntryPointRoutes = _ref$disableAutomatic === void 0 ? false : _ref$disableAutomatic,
+      history$2 = _ref.history,
       _ref$flags = _flagsInstanceProperty__default["default"](_ref),
       flags = _ref$flags === void 0 ? {} : _ref$flags,
       environment = _ref.environment,
       user = _ref.user,
       project = _ref.project,
-      permissions = _ref.permissions,
-      actionRights = _ref.actionRights,
-      dataFences = _ref.dataFences,
       _ref$dataLocale = _ref.dataLocale,
       dataLocale = _ref$dataLocale === void 0 ? 'en' : _ref$dataLocale;
 
   var mergedUser = user === null ? undefined : _objectSpread(_objectSpread({}, defaultUser), user);
+  var mergedProject = project === null ? undefined : _objectSpread(_objectSpread({}, defaultProject), project);
 
-  var mergedProject = function () {
-    if (project === null) {
-      return undefined;
-    }
+  var mergedEnvironment = _objectSpread(_objectSpread({}, defaultEnvironment), environment);
 
-    var allAppliedPermissions = denormalizePermissions(permissions);
-    var allAppliedActionRights = denormalizeActionRights(actionRights);
-    var allAppliedDataFences = denormalizeDataFences(dataFences);
-    return _objectSpread(_objectSpread(_objectSpread({}, defaultProject), project), {}, {
-      allAppliedPermissions: allAppliedPermissions,
-      allAppliedActionRights: allAppliedActionRights,
-      allAppliedDataFences: allAppliedDataFences,
-      allPermissionsForAllApplications: {
-        allAppliedPermissions: allAppliedPermissions,
-        allAppliedActionRights: allAppliedActionRights,
-        allAppliedDataFences: allAppliedDataFences,
-        allAppliedMenuVisibilities: []
-      }
-    });
-  }();
+  var initialRoute = route;
 
-  var mergedEnvironment = _objectSpread(_objectSpread({}, defaultEnvironment), environment);
+  if (!route && mergedProject) {
+    var _context14;
 
-  if (!disableAutomaticEntryPointRoutes) {
-    !Boolean(environment === null || environment === void 0 ? void 0 : environment.entryPointUriPath) ? invariant__default["default"](false) : void 0;
+    initialRoute = _concatInstanceProperty__default["default"](_context14 = "/".concat(mergedProject.key, "/")).call(_context14, mergedEnvironment.entryPointUriPath);
   }
 
+  var memoryHistory = history$2 !== null && history$2 !== void 0 ? history$2 : history.createEnhancedHistory(history$1.createMemoryHistory({
+    initialEntries: [initialRoute || '/']
+  }));
+
   var ApplicationProviders = function ApplicationProviders(props) {
     return jsxRuntime.jsx(reactIntl.IntlProvider, {
       locale: locale,
       children: jsxRuntime.jsx(ApolloProviderWrapper, {
-        disableApolloMocks: disableApolloMocks,
+        enableApolloMocks: enableApolloMocks,
         apolloClient: apolloClient,
         mocks: mocks,
         children: jsxRuntime.jsx(reactBroadcast.TestProviderFlopFlip, {
@@ -375,7 +363,7 @@ function createApplicationProviders() {
             environment: mergedEnvironment,
             projectDataLocale: dataLocale,
             children: jsxRuntime.jsx(reactRouterDom.Router, {
-              history: history$2,
+              history: memoryHistory,
               children: jsxRuntime.jsx(react.Suspense, {
                 fallback: jsxRuntime.jsx(LoadingFallback, {}),
                 children: jsxRuntime.jsx(applicationEntryPoint.ApplicationEntryPoint, {
@@ -403,7 +391,7 @@ function createApplicationProviders() {
     mergedUser: mergedUser,
     mergedProject: mergedProject,
     mergedEnvironment: mergedEnvironment,
-    history: history$2
+    history: memoryHistory
   };
 } // Inspired by
 // https://github.com/kentcdodds/react-testing-library-course/blob/2a5b1560656790bb1d9c055fba3845780b2c2c97/src/__tests__/react-router-03.js
@@ -571,7 +559,11 @@ var hooks = _objectSpread(_objectSpread({}, rtlHooks__namespace), {}, {
   renderHook: renderHook
 });
 
+exports.denormalizeActionRights = denormalizeActionRights;
+exports.denormalizeDataFences = denormalizeDataFences;
+exports.denormalizePermissions = denormalizePermissions;
 exports.hooks = hooks;
+exports.mapResourceAccessToAppliedPermissions = mapResourceAccessToAppliedPermissions;
 exports.renderApp = renderApp;
 exports.renderAppWithRedux = renderAppWithRedux;
 Object.keys(rtl).forEach(function (k) {

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

@@ -32,7 +32,7 @@ import { ApplicationContextProvider } from '@commercetools-frontend/application-
 import { NotificationProviderForCustomComponent, NotificationsList } from '@commercetools-frontend/react-notifications';
 import { DOMAINS } from '@commercetools-frontend/constants';
 import { createTestMiddleware } from '@commercetools-frontend/sdk/test-utils';
-import { A as ApplicationEntryPoint, y as createReduxStore, f as createApolloClient } from '../../dist/application-entry-point-cfaa3874.esm.js';
+import { A as ApplicationEntryPoint, w as createReduxStore, f as createApolloClient } from '../../dist/application-entry-point-c737344a.esm.js';
 import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
@@ -43,6 +43,7 @@ import 'redux-thunk';
 import 'omit-empty-es';
 import '@commercetools-frontend/notifications';
 import '@commercetools-frontend/sdk';
+import '../../dist/constants-33a16227.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import 'redux-logger';
@@ -52,6 +53,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@commercetools-frontend/sentry';
 import '@babel/runtime-corejs3/core-js-stable/url';
+import 'lodash/upperFirst';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@apollo/client';
 import '@commercetools/http-user-agent';
@@ -71,9 +73,9 @@ import '@commercetools-frontend/application-components';
 var _excluded = ["children"],
     _excluded2 = ["children"];
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context14; _forEachInstanceProperty(_context14 = ownKeys(Object(source), true)).call(_context14, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context15; _forEachInstanceProperty(_context15 = ownKeys(Object(source))).call(_context15, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context15, _context16; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context15 = ownKeys(Object(source), !0)).call(_context15, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context16 = ownKeys(Object(source))).call(_context16, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var defaultProject = {
   key: 'test-with-big-data',
   version: 43,
@@ -102,12 +104,7 @@ var defaultProject = {
     allAppliedActionRights: [],
     allAppliedDataFences: [],
     allAppliedMenuVisibilities: []
-  },
-
-  /**
-   * @deprecated: Use `{ allPermissionsForAllApplications: { allAppliedMenuVisibilities: [] } }`
-   */
-  allAppliedMenuVisibilities: []
+  }
 };
 var defaultUser = {
   id: 'user-id-1',
@@ -132,6 +129,7 @@ var defaultUser = {
 };
 var defaultEnvironment = {
   applicationName: 'my-app',
+  entryPointUriPath: 'random-entry-point',
   frontendHost: 'localhost:3001',
   mcApiUrl: 'https://mc-api.europe-west1.gcp.commercetools.com',
   location: 'eu',
@@ -222,6 +220,15 @@ var denormalizeDataFences = function denormalizeDataFences(dataFences) {
   }, []);
 };
 
+var mapResourceAccessToAppliedPermissions = function mapResourceAccessToAppliedPermissions(resourceAccesses) {
+  return _mapInstanceProperty(resourceAccesses).call(resourceAccesses, function (resourceAccess) {
+    return {
+      name: "can".concat(resourceAccess),
+      value: true
+    };
+  });
+};
+
 var wrapIfNeeded = function wrapIfNeeded(children, wrapper) {
   return wrapper ? /*#__PURE__*/createElement(wrapper, null, children) : children;
 };
@@ -231,7 +238,7 @@ var ApolloProviderWrapper = function ApolloProviderWrapper(props) {
 
   var apolloClient = (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : createApolloClient();
 
-  if (props.disableApolloMocks) {
+  if (!props.enableApolloMocks) {
     return (// eslint-disable-next-line testing-library/no-node-access
       jsx(ApolloProvider, {
         client: apolloClient,
@@ -264,7 +271,7 @@ var ApolloProviderWrapper = function ApolloProviderWrapper(props) {
 ApolloProviderWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   apolloClient: _pt.any,
   mocks: _pt.any.isRequired,
-  disableApolloMocks: _pt.bool.isRequired,
+  enableApolloMocks: _pt.bool.isRequired,
   children: _pt.element.isRequired
 } : {};
 
@@ -275,61 +282,42 @@ function createApplicationProviders() {
       _ref$mocks = _ref.mocks,
       mocks = _ref$mocks === void 0 ? [] : _ref$mocks,
       apolloClient = _ref.apolloClient,
-      _ref$disableApolloMoc = _ref.disableApolloMocks,
-      disableApolloMocks = _ref$disableApolloMoc === void 0 ? false : _ref$disableApolloMoc,
-      _ref$route = _ref.route,
-      route = _ref$route === void 0 ? '/' : _ref$route,
+      _ref$enableApolloMock = _ref.enableApolloMocks,
+      enableApolloMocks = _ref$enableApolloMock === void 0 ? false : _ref$enableApolloMock,
+      route = _ref.route,
       _ref$disableAutomatic = _ref.disableAutomaticEntryPointRoutes,
-      disableAutomaticEntryPointRoutes = _ref$disableAutomatic === void 0 ? true : _ref$disableAutomatic,
-      _ref$history = _ref.history,
-      history = _ref$history === void 0 ? createEnhancedHistory(createMemoryHistory({
-    initialEntries: [route]
-  })) : _ref$history,
+      disableAutomaticEntryPointRoutes = _ref$disableAutomatic === void 0 ? false : _ref$disableAutomatic,
+      history = _ref.history,
       _ref$flags = _flagsInstanceProperty(_ref),
       flags = _ref$flags === void 0 ? {} : _ref$flags,
       environment = _ref.environment,
       user = _ref.user,
       project = _ref.project,
-      permissions = _ref.permissions,
-      actionRights = _ref.actionRights,
-      dataFences = _ref.dataFences,
       _ref$dataLocale = _ref.dataLocale,
       dataLocale = _ref$dataLocale === void 0 ? 'en' : _ref$dataLocale;
 
   var mergedUser = user === null ? undefined : _objectSpread(_objectSpread({}, defaultUser), user);
+  var mergedProject = project === null ? undefined : _objectSpread(_objectSpread({}, defaultProject), project);
 
-  var mergedProject = function () {
-    if (project === null) {
-      return undefined;
-    }
+  var mergedEnvironment = _objectSpread(_objectSpread({}, defaultEnvironment), environment);
 
-    var allAppliedPermissions = denormalizePermissions(permissions);
-    var allAppliedActionRights = denormalizeActionRights(actionRights);
-    var allAppliedDataFences = denormalizeDataFences(dataFences);
-    return _objectSpread(_objectSpread(_objectSpread({}, defaultProject), project), {}, {
-      allAppliedPermissions: allAppliedPermissions,
-      allAppliedActionRights: allAppliedActionRights,
-      allAppliedDataFences: allAppliedDataFences,
-      allPermissionsForAllApplications: {
-        allAppliedPermissions: allAppliedPermissions,
-        allAppliedActionRights: allAppliedActionRights,
-        allAppliedDataFences: allAppliedDataFences,
-        allAppliedMenuVisibilities: []
-      }
-    });
-  }();
+  var initialRoute = route;
 
-  var mergedEnvironment = _objectSpread(_objectSpread({}, defaultEnvironment), environment);
+  if (!route && mergedProject) {
+    var _context14;
 
-  if (!disableAutomaticEntryPointRoutes) {
-    !Boolean(environment === null || environment === void 0 ? void 0 : environment.entryPointUriPath) ? process.env.NODE_ENV !== "production" ? invariant(false, '@commercetools-frontend/application-shell/test-utils: When the option "disableAutomaticEntryPointRoutes" is set to "false", you also need to provide the "environment.entryPointUriPath" in order for the routes to be correctly configured.') : invariant(false) : void 0;
+    initialRoute = _concatInstanceProperty(_context14 = "/".concat(mergedProject.key, "/")).call(_context14, mergedEnvironment.entryPointUriPath);
   }
 
+  var memoryHistory = history !== null && history !== void 0 ? history : createEnhancedHistory(createMemoryHistory({
+    initialEntries: [initialRoute || '/']
+  }));
+
   var ApplicationProviders = function ApplicationProviders(props) {
     return jsx(IntlProvider, {
       locale: locale,
       children: jsx(ApolloProviderWrapper, {
-        disableApolloMocks: disableApolloMocks,
+        enableApolloMocks: enableApolloMocks,
         apolloClient: apolloClient,
         mocks: mocks,
         children: jsx(TestProviderFlopFlip, {
@@ -340,7 +328,7 @@ function createApplicationProviders() {
             environment: mergedEnvironment,
             projectDataLocale: dataLocale,
             children: jsx(Router, {
-              history: history,
+              history: memoryHistory,
               children: jsx(Suspense, {
                 fallback: jsx(LoadingFallback, {}),
                 children: jsx(ApplicationEntryPoint, {
@@ -370,7 +358,7 @@ function createApplicationProviders() {
     mergedUser: mergedUser,
     mergedProject: mergedProject,
     mergedEnvironment: mergedEnvironment,
-    history: history
+    history: memoryHistory
   };
 } // Inspired by
 // https://github.com/kentcdodds/react-testing-library-course/blob/2a5b1560656790bb1d9c055fba3845780b2c2c97/src/__tests__/react-router-03.js
@@ -540,4 +528,4 @@ var hooks = _objectSpread(_objectSpread({}, rtlHooks), {}, {
   renderHook: renderHook
 });
 
-export { hooks, renderApp, renderAppWithRedux };
+export { denormalizeActionRights, denormalizeDataFences, denormalizePermissions, hooks, mapResourceAccessToAppliedPermissions, renderApp, renderAppWithRedux };