@commercetools-frontend/application-shell 22.2.1 → 22.3.0

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-32a3b092.cjs.dev.js');
-var configureApollo = require('../../dist/configure-apollo-3daef70c.cjs.dev.js');
+var applicationEntryPoint = require('../../dist/application-entry-point-0c3254b0.cjs.dev.js');
+var configureApollo = require('../../dist/configure-apollo-de2b9aa2.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-b201d328.cjs.dev.js');
+require('../../dist/constants-e51cdcc0.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('redux-logger');
 require('@babel/runtime-corejs3/core-js-stable/url');
@@ -116,10 +116,8 @@ var rtlHooks__namespace = /*#__PURE__*/_interopNamespace(rtlHooks);
 var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 const _excluded = ["children"],
-      _excluded2 = ["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; }
 const defaultProject = {
   key: 'test-with-big-data',
@@ -184,61 +182,51 @@ const defaultEnvironment = {
   cdnUrl: 'http://localhost:3001',
   servedByProxy: false
 };
-
 const LoadingFallback = () => jsxRuntime.jsx(jsxRuntime.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__default["default"](_context = _Object$keys__default["default"](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__default["default"](_context2 = _Object$keys__default["default"](actionRights)).call(_context2, (allAppliedActionRights, actionRightGroup) => {
     var _context3;
-
     return [...allAppliedActionRights, ..._reduceInstanceProperty__default["default"](_context3 = _Object$keys__default["default"](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__default["default"](_context4 = _Object$keys__default["default"](dataFences)).call(_context4, (allAppliedDataFences, dataFenceGroupKey) => {
     var _context5;
-
     switch (dataFenceGroupKey) {
       case 'store':
         return [...allAppliedDataFences, ..._reduceInstanceProperty__default["default"](_context5 = _Object$keys__default["default"](dataFences.store)).call(_context5, (allResources, resourceType) => {
           var _context6;
-
           return [...allResources, ..._reduceInstanceProperty__default["default"](_context6 = _Object$keys__default["default"](dataFences.store[resourceType])).call(_context6, (allPermissions, permissionKey) => {
             var _context7;
-
             return [...allPermissions, ..._mapInstanceProperty__default["default"](_context7 = _valuesInstanceProperty__default["default"](dataFences.store[resourceType][permissionKey])).call(_context7, value => ({
               __typename: 'StoreDataFence',
               type: 'store',
@@ -248,37 +236,32 @@ const denormalizeDataFences = dataFences => {
             }))];
           }, [])];
         }, [])];
-
       default:
         return allAppliedDataFences;
     }
   }, []);
 };
-
 const mapResourceAccessToAppliedPermissions = resourceAccesses => _mapInstanceProperty__default["default"](resourceAccesses).call(resourceAccesses, resourceAccess => ({
   name: "can".concat(resourceAccess),
   value: true
 }));
-
 const wrapIfNeeded = (children, wrapper) => wrapper ? /*#__PURE__*/react.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 : configureApollo.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
       jsxRuntime.jsx(react$1.ApolloProvider, {
         client: apolloClient,
         children: props.children
       })
     );
   }
-
   return jsxRuntime.jsx(testing.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.
@@ -288,7 +271,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
@@ -296,59 +281,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__default["default"].any,
   mocks: _pt__default["default"].any,
   children: _pt__default["default"].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$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,
-      _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$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,
+    _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 = ssr.entryPointUriPathToPermissionKeys(mergedEnvironment.entryPointUriPath);
       mergedProject.allAppliedPermissions = mapResourceAccessToAppliedPermissions([defaultPermissionKeys.View]);
     }
   }
-
   let initialRoute = route;
-
   if (!route && mergedProject) {
     var _context8;
-
     initialRoute = _concatInstanceProperty__default["default"](_context8 = "/".concat(mergedProject.key, "/")).call(_context8, mergedEnvironment.entryPointUriPath);
   }
-
   const memoryHistory = history$2 !== null && history$2 !== void 0 ? history$2 : history.createEnhancedHistory(history$1.createMemoryHistory({
     initialEntries: [initialRoute || '/']
   }));
-
   const ApplicationProviders = props => jsxRuntime.jsx(reactIntl.IntlProvider, {
     locale: locale,
     children: jsxRuntime.jsx(ApolloProviderWrapper, {
@@ -368,11 +343,13 @@ function createApplicationProviders() {
               children: jsxRuntime.jsx(applicationEntryPoint.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
                 () => jsxRuntime.jsx(jsxRuntime.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
               })
             })
@@ -381,7 +358,6 @@ function createApplicationProviders() {
       })
     })
   });
-
   ApplicationProviders.propTypes = process.env.NODE_ENV !== "production" ? {
     children: _pt__default["default"].node.isRequired
   } : {};
@@ -392,27 +368,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__namespace.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 jsxRuntime.jsx(ApplicationProviders, _objectSpread(_objectSpread({}, props), {}, {
         children: wrapIfNeeded(children, options.wrapper)
       }));
@@ -431,20 +405,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__default["default"](false, '@commercetools-frontend/application-shell/test-utils: You provided both `store` and `storeState`. Please provide only one of them.') : invariant__default["default"](false) : void 0;
-  !!(store && sdkMocks.length > 0) ? process.env.NODE_ENV !== "production" ? invariant__default["default"](false, '@commercetools-frontend/application-shell/test-utils: You provided both `store` and `sdkMocks`. Please provide only one of them.') : invariant__default["default"](false) : void 0; // Determine the redux store to use in tests.
+  !!(store && sdkMocks.length > 0) ? process.env.NODE_ENV !== "production" ? invariant__default["default"](false, '@commercetools-frontend/application-shell/test-utils: You provided both `store` and `sdkMocks`. Please provide only one of them.') : invariant__default["default"](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
@@ -454,14 +428,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 configureApollo.createReduxStore(storeState);
     const testingMiddleware = testUtils.createTestMiddleware(sdkMocks);
     return configureApollo.createReduxStore(storeState, [testingMiddleware]);
   })();
-
   const ReduxProviders = props => jsxRuntime.jsx(reactNotifications.NotificationProviderForCustomComponent, {
     mapNotificationToComponent: mapNotificationToComponent,
     children: jsxRuntime.jsx(reactRedux.Provider, {
@@ -477,7 +449,6 @@ function createReduxProviders() {
       })
     })
   });
-
   ReduxProviders.propTypes = process.env.NODE_ENV !== "production" ? {
     children: _pt__default["default"].node.isRequired
   } : {};
@@ -485,25 +456,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 jsxRuntime.jsx(ReduxProviders, _objectSpread(_objectSpread({}, props), {}, {
         children: wrapIfNeeded(children, options.wrapper)
       }));
@@ -516,22 +484,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__namespace.renderHook(callback, _objectSpread(_objectSpread({}, options), {}, {
     // eslint-disable-next-line react/display-name
     wrapper: _ref5 => {
@@ -550,8 +515,9 @@ function renderHook(callback) {
     project: mergedProject,
     environment: mergedEnvironment
   });
-} // re-export everything
+}
 
+// namespace for hooks related helpers
 const hooks = _objectSpread(_objectSpread({}, rtlHooks__namespace), {}, {
   renderHook
 });