@commercetools-frontend/application-shell 22.2.1 → 22.3.0

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

@@ -32,8 +32,8 @@ import { createEnhancedHistory } from '@commercetools-frontend/browser-history';
 import { DOMAINS } from '@commercetools-frontend/constants';
 import { NotificationProviderForCustomComponent, NotificationsList } from '@commercetools-frontend/react-notifications';
 import { createTestMiddleware } from '@commercetools-frontend/sdk/test-utils';
-import { A as ApplicationEntryPoint } from '../../dist/application-entry-point-07dbf99c.esm.js';
-import { n as createReduxStore, d as createApolloClient } from '../../dist/configure-apollo-4ea370b4.esm.js';
+import { A as ApplicationEntryPoint } from '../../dist/application-entry-point-a1dfe994.esm.js';
+import { n as createReduxStore, d as createApolloClient } from '../../dist/configure-apollo-89ea99bf.esm.js';
 import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/permissions';
@@ -50,7 +50,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 '../../dist/constants-940f343f.esm.js';
+import '../../dist/constants-b962b73e.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import 'redux-logger';
 import '@babel/runtime-corejs3/core-js-stable/url';
@@ -75,10 +75,8 @@ import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@apollo/client/link/retry';
 
 const _excluded = ["children"],
-      _excluded2 = ["children"];
-
+  _excluded2 = ["children"];
 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 _context9, _context10; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context9 = ownKeys(Object(source), !0)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context10 = ownKeys(Object(source))).call(_context10, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const defaultProject = {
   key: 'test-with-big-data',
@@ -143,61 +141,51 @@ const defaultEnvironment = {
   cdnUrl: 'http://localhost:3001',
   servedByProxy: false
 };
-
 const LoadingFallback = () => jsx(Fragment, {
   children: 'Loading...'
 });
+LoadingFallback.displayName = 'LoadingFallback';
 
-LoadingFallback.displayName = 'LoadingFallback'; // For backwards compatibility we need to denormalize the given `permissions` option
+// For backwards compatibility we need to denormalize the given `permissions` option
 // (which is now deprecated) to `allAppliedPermissions`, in order to pass the value
 // to the `project` prop in the application context provider.
-
 const denormalizePermissions = permissions => {
   var _context;
-
   if (!permissions) return [];
   return _reduceInstanceProperty(_context = _Object$keys(permissions)).call(_context, (allAppliedPermissions, permissionKey) => [...allAppliedPermissions, {
     name: permissionKey,
     value: permissions[permissionKey]
   }], []);
-}; // For backwards compatibility we need to denormalize the given `actionRights` option
+};
+// For backwards compatibility we need to denormalize the given `actionRights` option
 // (which is now deprecated) to `allAppliedActionRights`, in order to pass the value
 // to the `project` prop in the application context provider.
-
-
 const denormalizeActionRights = actionRights => {
   var _context2;
-
   if (!actionRights) return [];
   return _reduceInstanceProperty(_context2 = _Object$keys(actionRights)).call(_context2, (allAppliedActionRights, actionRightGroup) => {
     var _context3;
-
     return [...allAppliedActionRights, ..._reduceInstanceProperty(_context3 = _Object$keys(actionRights[actionRightGroup])).call(_context3, (allActionRightsByGroup, actionRightKey) => [...allActionRightsByGroup, {
       group: actionRightGroup,
       name: actionRightKey,
       value: actionRights[actionRightGroup][actionRightKey]
     }], [])];
   }, []);
-}; // For backwards compatibility we need to denormalize the given `dataFences` option
+};
+// For backwards compatibility we need to denormalize the given `dataFences` option
 // (which is now deprecated) to `allAppliedDataFences`, in order to pass the value
 // to the `project` prop in the application context provider.
-
-
 const denormalizeDataFences = dataFences => {
   var _context4;
-
   if (!dataFences) return [];
   return _reduceInstanceProperty(_context4 = _Object$keys(dataFences)).call(_context4, (allAppliedDataFences, dataFenceGroupKey) => {
     var _context5;
-
     switch (dataFenceGroupKey) {
       case 'store':
         return [...allAppliedDataFences, ..._reduceInstanceProperty(_context5 = _Object$keys(dataFences.store)).call(_context5, (allResources, resourceType) => {
           var _context6;
-
           return [...allResources, ..._reduceInstanceProperty(_context6 = _Object$keys(dataFences.store[resourceType])).call(_context6, (allPermissions, permissionKey) => {
             var _context7;
-
             return [...allPermissions, ..._mapInstanceProperty(_context7 = _valuesInstanceProperty(dataFences.store[resourceType][permissionKey])).call(_context7, value => ({
               __typename: 'StoreDataFence',
               type: 'store',
@@ -207,37 +195,32 @@ const denormalizeDataFences = dataFences => {
             }))];
           }, [])];
         }, [])];
-
       default:
         return allAppliedDataFences;
     }
   }, []);
 };
-
 const mapResourceAccessToAppliedPermissions = resourceAccesses => _mapInstanceProperty(resourceAccesses).call(resourceAccesses, resourceAccess => ({
   name: "can".concat(resourceAccess),
   value: true
 }));
-
 const wrapIfNeeded = (children, wrapper) => wrapper ? /*#__PURE__*/createElement(wrapper, null, children) : children;
-
 const ApolloProviderWrapper = props => {
   var _props$apolloClient, _apolloClient$cache$a;
-
   const apolloClient = (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : createApolloClient();
   const enableApolloMocks = Boolean(props.mocks && props.mocks.length > 0);
-
   if (!enableApolloMocks) {
-    return (// eslint-disable-next-line testing-library/no-node-access
+    return (
+      // eslint-disable-next-line testing-library/no-node-access
       jsx(ApolloProvider, {
         client: apolloClient,
         children: props.children
       })
     );
   }
-
   return jsx(MockedProvider, {
-    mocks: props.mocks // The `addTypename` field is a private field of the cache in TS
+    mocks: props.mocks
+    // The `addTypename` field is a private field of the cache in TS
     // but we should be able to still access it.
     // This is to ensure the `addTypename` behavior is the same between the
     // Apollo cache and the mocked provider.
@@ -247,7 +230,9 @@ const ApolloProviderWrapper = props => {
     cache: apolloClient.cache,
     children: props.children
   });
-}; // This function renders any component within the application context, as if it
+};
+
+// This function renders any component within the application context, as if it
 // was rendered inside <ApplicationShell />.
 // The context is not completely set up yet, some things are missing:
 //   - Tracking on context
@@ -255,59 +240,49 @@ const ApolloProviderWrapper = props => {
 //   - possibly more that I'm not aware of right now
 //
 //  We can add these things as we go and when we need them.
-
-
 ApolloProviderWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   apolloClient: _pt.any,
   mocks: _pt.any,
   children: _pt.element.isRequired
 } : {};
-
 function createApplicationProviders() {
   let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$disableAutomatic = _ref.disableAutomaticEntryPointRoutes,
-      disableAutomaticEntryPointRoutes = _ref$disableAutomatic === void 0 ? false : _ref$disableAutomatic,
-      _ref$disableRoutePerm = _ref.disableRoutePermissionCheck,
-      disableRoutePermissionCheck = _ref$disableRoutePerm === void 0 ? false : _ref$disableRoutePerm,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? 'en' : _ref$locale,
-      mocks = _ref.mocks,
-      apolloClient = _ref.apolloClient,
-      route = _ref.route,
-      history = _ref.history,
-      _ref$flags = _flagsInstanceProperty(_ref),
-      flags = _ref$flags === void 0 ? {} : _ref$flags,
-      environment = _ref.environment,
-      user = _ref.user,
-      project = _ref.project,
-      _ref$dataLocale = _ref.dataLocale,
-      dataLocale = _ref$dataLocale === void 0 ? 'en' : _ref$dataLocale;
-
+    _ref$disableAutomatic = _ref.disableAutomaticEntryPointRoutes,
+    disableAutomaticEntryPointRoutes = _ref$disableAutomatic === void 0 ? false : _ref$disableAutomatic,
+    _ref$disableRoutePerm = _ref.disableRoutePermissionCheck,
+    disableRoutePermissionCheck = _ref$disableRoutePerm === void 0 ? false : _ref$disableRoutePerm,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
+    mocks = _ref.mocks,
+    apolloClient = _ref.apolloClient,
+    route = _ref.route,
+    history = _ref.history,
+    _ref$flags = _flagsInstanceProperty(_ref),
+    flags = _ref$flags === void 0 ? {} : _ref$flags,
+    environment = _ref.environment,
+    user = _ref.user,
+    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 mergedEnvironment = _objectSpread(_objectSpread({}, defaultEnvironment), environment); // Provide default permissions to render the application route.
-
-
+  // Provide default permissions to render the application route.
   if (mergedProject) {
     if (mergedProject.allAppliedPermissions.length === 0) {
       const defaultPermissionKeys = entryPointUriPathToPermissionKeys(mergedEnvironment.entryPointUriPath);
       mergedProject.allAppliedPermissions = mapResourceAccessToAppliedPermissions([defaultPermissionKeys.View]);
     }
   }
-
   let initialRoute = route;
-
   if (!route && mergedProject) {
     var _context8;
-
     initialRoute = _concatInstanceProperty(_context8 = "/".concat(mergedProject.key, "/")).call(_context8, mergedEnvironment.entryPointUriPath);
   }
-
   const memoryHistory = history !== null && history !== void 0 ? history : createEnhancedHistory(createMemoryHistory({
     initialEntries: [initialRoute || '/']
   }));
-
   const ApplicationProviders = props => jsx(IntlProvider, {
     locale: locale,
     children: jsx(ApolloProviderWrapper, {
@@ -327,11 +302,13 @@ function createApplicationProviders() {
               children: jsx(ApplicationEntryPoint, {
                 environment: mergedEnvironment,
                 disableRoutePermissionCheck: disableRoutePermissionCheck,
-                render: disableAutomaticEntryPointRoutes ? // eslint-disable-next-line testing-library/no-node-access
+                render: disableAutomaticEntryPointRoutes ?
+                // eslint-disable-next-line testing-library/no-node-access
                 () => jsx(Fragment, {
                   children: props.children
                 }) : undefined,
-                children: disableAutomaticEntryPointRoutes ? undefined : // eslint-disable-next-line testing-library/no-node-access
+                children: disableAutomaticEntryPointRoutes ? undefined :
+                // eslint-disable-next-line testing-library/no-node-access
                 props.children
               })
             })
@@ -340,7 +317,6 @@ function createApplicationProviders() {
       })
     })
   });
-
   ApplicationProviders.propTypes = process.env.NODE_ENV !== "production" ? {
     children: _pt.node.isRequired
   } : {};
@@ -351,27 +327,25 @@ function createApplicationProviders() {
     mergedEnvironment,
     history: memoryHistory
   };
-} // Inspired by
-// https://github.com/kentcdodds/react-testing-library-course/blob/2a5b1560656790bb1d9c055fba3845780b2c2c97/src/__tests__/react-router-03.js
-
+}
 
+// Inspired by
+// https://github.com/kentcdodds/react-testing-library-course/blob/2a5b1560656790bb1d9c055fba3845780b2c2c97/src/__tests__/react-router-03.js
 function renderApp(ui) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   const _createApplicationPro = createApplicationProviders(options),
-        ApplicationProviders = _createApplicationPro.ApplicationProviders,
-        mergedUser = _createApplicationPro.mergedUser,
-        mergedProject = _createApplicationPro.mergedProject,
-        mergedEnvironment = _createApplicationPro.mergedEnvironment,
-        history = _createApplicationPro.history; // eslint-disable-next-line testing-library/render-result-naming-convention
-
+    ApplicationProviders = _createApplicationPro.ApplicationProviders,
+    mergedUser = _createApplicationPro.mergedUser,
+    mergedProject = _createApplicationPro.mergedProject,
+    mergedEnvironment = _createApplicationPro.mergedEnvironment,
+    history = _createApplicationPro.history;
 
+  // eslint-disable-next-line testing-library/render-result-naming-convention
   const rendered = rtl.render(ui, _objectSpread(_objectSpread({}, options), {}, {
     // eslint-disable-next-line react/display-name
     wrapper: _ref2 => {
       let children = _ref2.children,
-          props = _objectWithoutProperties(_ref2, _excluded);
-
+        props = _objectWithoutProperties(_ref2, _excluded);
       return jsx(ApplicationProviders, _objectSpread(_objectSpread({}, props), {}, {
         children: wrapIfNeeded(children, options.wrapper)
       }));
@@ -390,20 +364,20 @@ function renderApp(ui) {
     environment: mergedEnvironment
   });
 }
-
 function createReduxProviders() {
   let _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref3$store = _ref3.store,
-      store = _ref3$store === void 0 ? undefined : _ref3$store,
-      _ref3$storeState = _ref3.storeState,
-      storeState = _ref3$storeState === void 0 ? undefined : _ref3$storeState,
-      _ref3$sdkMocks = _ref3.sdkMocks,
-      sdkMocks = _ref3$sdkMocks === void 0 ? [] : _ref3$sdkMocks,
-      _ref3$mapNotification = _ref3.mapNotificationToComponent,
-      mapNotificationToComponent = _ref3$mapNotification === void 0 ? () => null : _ref3$mapNotification;
-
+    _ref3$store = _ref3.store,
+    store = _ref3$store === void 0 ? undefined : _ref3$store,
+    _ref3$storeState = _ref3.storeState,
+    storeState = _ref3$storeState === void 0 ? undefined : _ref3$storeState,
+    _ref3$sdkMocks = _ref3.sdkMocks,
+    sdkMocks = _ref3$sdkMocks === void 0 ? [] : _ref3$sdkMocks,
+    _ref3$mapNotification = _ref3.mapNotificationToComponent,
+    mapNotificationToComponent = _ref3$mapNotification === void 0 ? () => null : _ref3$mapNotification;
   !!(store && storeState) ? process.env.NODE_ENV !== "production" ? invariant(false, '@commercetools-frontend/application-shell/test-utils: You provided both `store` and `storeState`. Please provide only one of them.') : invariant(false) : void 0;
-  !!(store && sdkMocks.length > 0) ? process.env.NODE_ENV !== "production" ? invariant(false, '@commercetools-frontend/application-shell/test-utils: You provided both `store` and `sdkMocks`. Please provide only one of them.') : invariant(false) : void 0; // Determine the redux store to use in tests.
+  !!(store && sdkMocks.length > 0) ? process.env.NODE_ENV !== "production" ? invariant(false, '@commercetools-frontend/application-shell/test-utils: You provided both `store` and `sdkMocks`. Please provide only one of them.') : invariant(false) : void 0;
+
+  // Determine the redux store to use in tests.
   // - When the user passed in a "store", we use that store and ignore
   //   sdkMocks and storeState.
   // - When the user passed in no sdkMocks, we create a store using the
@@ -413,14 +387,12 @@ function createReduxProviders() {
   //   create a store which applies a special middleware to allow mocking sdk
   //   responses. We further initialize the store with the provided storeState.
   //   If storeState is undefined, then the defaults kick in anyways.
-
   const reduxStore = (() => {
     if (store) return store;
     if (sdkMocks.length === 0) return createReduxStore(storeState);
     const testingMiddleware = createTestMiddleware(sdkMocks);
     return createReduxStore(storeState, [testingMiddleware]);
   })();
-
   const ReduxProviders = props => jsx(NotificationProviderForCustomComponent, {
     mapNotificationToComponent: mapNotificationToComponent,
     children: jsx(Provider, {
@@ -436,7 +408,6 @@ function createReduxProviders() {
       })
     })
   });
-
   ReduxProviders.propTypes = process.env.NODE_ENV !== "production" ? {
     children: _pt.node.isRequired
   } : {};
@@ -444,25 +415,22 @@ function createReduxProviders() {
     ReduxProviders,
     reduxStore
   };
-} // Test setup for rendering with Redux
+}
+
+// Test setup for rendering with Redux
 // We expose a sophisticated function because we plan to get rid of Redux
 // Use this function only when your test actually needs Redux
-
-
 function renderAppWithRedux(ui) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   const _createReduxProviders = createReduxProviders(options),
-        ReduxProviders = _createReduxProviders.ReduxProviders,
-        reduxStore = _createReduxProviders.reduxStore; // eslint-disable-next-line testing-library/render-result-naming-convention
-
-
+    ReduxProviders = _createReduxProviders.ReduxProviders,
+    reduxStore = _createReduxProviders.reduxStore;
+  // eslint-disable-next-line testing-library/render-result-naming-convention
   const rendered = renderApp(ui, _objectSpread(_objectSpread({}, options), {}, {
     // eslint-disable-next-line react/display-name
     wrapper: _ref4 => {
       let children = _ref4.children,
-          props = _objectWithoutProperties(_ref4, _excluded2);
-
+        props = _objectWithoutProperties(_ref4, _excluded2);
       return jsx(ReduxProviders, _objectSpread(_objectSpread({}, props), {}, {
         children: wrapIfNeeded(children, options.wrapper)
       }));
@@ -475,22 +443,19 @@ function renderAppWithRedux(ui) {
     store: reduxStore
   });
 }
-
 function renderHook(callback) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   const _createReduxProviders2 = createReduxProviders(options),
-        ReduxProviders = _createReduxProviders2.ReduxProviders,
-        reduxStore = _createReduxProviders2.reduxStore;
-
+    ReduxProviders = _createReduxProviders2.ReduxProviders,
+    reduxStore = _createReduxProviders2.reduxStore;
   const _createApplicationPro2 = createApplicationProviders(options),
-        ApplicationProviders = _createApplicationPro2.ApplicationProviders,
-        mergedUser = _createApplicationPro2.mergedUser,
-        mergedProject = _createApplicationPro2.mergedProject,
-        mergedEnvironment = _createApplicationPro2.mergedEnvironment,
-        history = _createApplicationPro2.history; // eslint-disable-next-line testing-library/render-result-naming-convention
-
+    ApplicationProviders = _createApplicationPro2.ApplicationProviders,
+    mergedUser = _createApplicationPro2.mergedUser,
+    mergedProject = _createApplicationPro2.mergedProject,
+    mergedEnvironment = _createApplicationPro2.mergedEnvironment,
+    history = _createApplicationPro2.history;
 
+  // eslint-disable-next-line testing-library/render-result-naming-convention
   const rendered = rtlHooks.renderHook(callback, _objectSpread(_objectSpread({}, options), {}, {
     // eslint-disable-next-line react/display-name
     wrapper: _ref5 => {
@@ -509,8 +474,9 @@ function renderHook(callback) {
     project: mergedProject,
     environment: mergedEnvironment
   });
-} // re-export everything
+}
 
+// namespace for hooks related helpers
 const hooks = _objectSpread(_objectSpread({}, rtlHooks), {}, {
   renderHook
 });