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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/{application-entry-point-9bcb1dcd.cjs.dev.js → application-entry-point-a804b3d4.cjs.dev.js} +11 -11
  2. package/dist/{application-entry-point-0e540c26.cjs.prod.js → application-entry-point-b627328b.cjs.prod.js} +11 -11
  3. package/dist/{application-entry-point-fa443a5c.esm.js → application-entry-point-c737344a.esm.js} +11 -11
  4. package/dist/commercetools-frontend-application-shell.cjs.dev.js +2 -2
  5. package/dist/commercetools-frontend-application-shell.cjs.prod.js +2 -2
  6. package/dist/commercetools-frontend-application-shell.esm.js +2 -2
  7. package/dist/declarations/src/components/app-bar/app-bar.d.ts +0 -2
  8. package/dist/declarations/src/components/application-shell/application-shell.d.ts +0 -3
  9. package/dist/declarations/src/components/navbar/compiled/navbar.css.json.d.ts +1 -1
  10. package/dist/declarations/src/components/navbar/navbar.d.ts +0 -2
  11. package/dist/declarations/src/components/navbar/use-navbar-state-manager.d.ts +0 -2
  12. package/dist/declarations/src/components/user-settings-menu/user-settings-menu.d.ts +1 -4
  13. package/dist/declarations/src/hooks/use-applications-menu/use-applications-menu.d.ts +2 -3
  14. package/dist/declarations/src/test-utils/test-utils.d.ts +20 -5
  15. package/dist/index-603b598e.cjs.dev.js +4588 -0
  16. package/dist/{index-b8de2a19.cjs.prod.js → index-64ee0fb3.cjs.prod.js} +76 -166
  17. package/dist/index-9e98c47d.esm.js +4515 -0
  18. package/dist/{project-expired-1090404c.esm.js → project-expired-374d89b7.esm.js} +5 -5
  19. package/dist/{project-expired-b7b2dc9c.cjs.prod.js → project-expired-40e3fc90.cjs.prod.js} +5 -5
  20. package/dist/{project-expired-081f7710.cjs.dev.js → project-expired-69a9f8bb.cjs.dev.js} +5 -5
  21. package/dist/{project-not-found-f0de3443.cjs.prod.js → project-not-found-1456109d.cjs.prod.js} +5 -5
  22. package/dist/{project-not-found-b42cec67.esm.js → project-not-found-516009ae.esm.js} +5 -5
  23. package/dist/{project-not-found-a631b489.cjs.dev.js → project-not-found-883f0dc8.cjs.dev.js} +5 -5
  24. package/dist/{project-not-initialized-3e276968.cjs.prod.js → project-not-initialized-5ca81ae8.cjs.prod.js} +5 -5
  25. package/dist/{project-not-initialized-5f3922ea.cjs.dev.js → project-not-initialized-a5df8c78.cjs.dev.js} +5 -5
  26. package/dist/{project-not-initialized-1f945b2d.esm.js → project-not-initialized-b9ae0d13.esm.js} +5 -5
  27. package/dist/{project-suspended-2a8ee7c7.cjs.dev.js → project-suspended-40039731.cjs.dev.js} +5 -5
  28. package/dist/{project-suspended-55fb4c82.cjs.prod.js → project-suspended-8ed251b2.cjs.prod.js} +5 -5
  29. package/dist/{project-suspended-60b18d52.esm.js → project-suspended-fc33a971.esm.js} +5 -5
  30. package/dist/{quick-access-191a24de.esm.js → quick-access-62077068.esm.js} +4 -4
  31. package/dist/{quick-access-b148b0da.cjs.dev.js → quick-access-c5fdf402.cjs.dev.js} +4 -4
  32. package/dist/{quick-access-0f6a3105.cjs.prod.js → quick-access-e436397a.cjs.prod.js} +4 -4
  33. package/dist/{service-page-project-switcher-6217ebd1.cjs.dev.js → service-page-project-switcher-02903d80.cjs.dev.js} +1 -1
  34. package/dist/{service-page-project-switcher-a3be39d0.esm.js → service-page-project-switcher-1ebc3f88.esm.js} +1 -1
  35. package/dist/{service-page-project-switcher-6f0e736d.cjs.prod.js → service-page-project-switcher-83de4c79.cjs.prod.js} +1 -1
  36. package/package.json +29 -30
  37. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.dev.js +38 -48
  38. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.prod.js +37 -47
  39. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.esm.js +35 -49
  40. package/dist/index-08bd5156.cjs.dev.js +0 -4684
  41. package/dist/index-145d8478.esm.js +0 -4611
@@ -32,7 +32,7 @@ import { ApplicationContextProvider } from '@commercetools-frontend/application-
32
32
  import { NotificationProviderForCustomComponent, NotificationsList } from '@commercetools-frontend/react-notifications';
33
33
  import { DOMAINS } from '@commercetools-frontend/constants';
34
34
  import { createTestMiddleware } from '@commercetools-frontend/sdk/test-utils';
35
- import { A as ApplicationEntryPoint, w as createReduxStore, f as createApolloClient } from '../../dist/application-entry-point-fa443a5c.esm.js';
35
+ import { A as ApplicationEntryPoint, w as createReduxStore, f as createApolloClient } from '../../dist/application-entry-point-c737344a.esm.js';
36
36
  import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
37
37
  import '@babel/runtime-corejs3/helpers/slicedToArray';
38
38
  import '@babel/runtime-corejs3/core-js-stable/object/entries';
@@ -73,9 +73,9 @@ import '@commercetools-frontend/application-components';
73
73
  var _excluded = ["children"],
74
74
  _excluded2 = ["children"];
75
75
 
76
- 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; }
76
+ 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; }
77
77
 
78
- 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; }
78
+ 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; }
79
79
  var defaultProject = {
80
80
  key: 'test-with-big-data',
81
81
  version: 43,
@@ -104,12 +104,7 @@ var defaultProject = {
104
104
  allAppliedActionRights: [],
105
105
  allAppliedDataFences: [],
106
106
  allAppliedMenuVisibilities: []
107
- },
108
-
109
- /**
110
- * @deprecated: Use `{ allPermissionsForAllApplications: { allAppliedMenuVisibilities: [] } }`
111
- */
112
- allAppliedMenuVisibilities: []
107
+ }
113
108
  };
114
109
  var defaultUser = {
115
110
  id: 'user-id-1',
@@ -134,6 +129,7 @@ var defaultUser = {
134
129
  };
135
130
  var defaultEnvironment = {
136
131
  applicationName: 'my-app',
132
+ entryPointUriPath: 'random-entry-point',
137
133
  frontendHost: 'localhost:3001',
138
134
  mcApiUrl: 'https://mc-api.europe-west1.gcp.commercetools.com',
139
135
  location: 'eu',
@@ -224,6 +220,15 @@ var denormalizeDataFences = function denormalizeDataFences(dataFences) {
224
220
  }, []);
225
221
  };
226
222
 
223
+ var mapResourceAccessToAppliedPermissions = function mapResourceAccessToAppliedPermissions(resourceAccesses) {
224
+ return _mapInstanceProperty(resourceAccesses).call(resourceAccesses, function (resourceAccess) {
225
+ return {
226
+ name: "can".concat(resourceAccess),
227
+ value: true
228
+ };
229
+ });
230
+ };
231
+
227
232
  var wrapIfNeeded = function wrapIfNeeded(children, wrapper) {
228
233
  return wrapper ? /*#__PURE__*/createElement(wrapper, null, children) : children;
229
234
  };
@@ -233,7 +238,7 @@ var ApolloProviderWrapper = function ApolloProviderWrapper(props) {
233
238
 
234
239
  var apolloClient = (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : createApolloClient();
235
240
 
236
- if (props.disableApolloMocks) {
241
+ if (!props.enableApolloMocks) {
237
242
  return (// eslint-disable-next-line testing-library/no-node-access
238
243
  jsx(ApolloProvider, {
239
244
  client: apolloClient,
@@ -266,7 +271,7 @@ var ApolloProviderWrapper = function ApolloProviderWrapper(props) {
266
271
  ApolloProviderWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
267
272
  apolloClient: _pt.any,
268
273
  mocks: _pt.any.isRequired,
269
- disableApolloMocks: _pt.bool.isRequired,
274
+ enableApolloMocks: _pt.bool.isRequired,
270
275
  children: _pt.element.isRequired
271
276
  } : {};
272
277
 
@@ -277,61 +282,42 @@ function createApplicationProviders() {
277
282
  _ref$mocks = _ref.mocks,
278
283
  mocks = _ref$mocks === void 0 ? [] : _ref$mocks,
279
284
  apolloClient = _ref.apolloClient,
280
- _ref$disableApolloMoc = _ref.disableApolloMocks,
281
- disableApolloMocks = _ref$disableApolloMoc === void 0 ? false : _ref$disableApolloMoc,
282
- _ref$route = _ref.route,
283
- route = _ref$route === void 0 ? '/' : _ref$route,
285
+ _ref$enableApolloMock = _ref.enableApolloMocks,
286
+ enableApolloMocks = _ref$enableApolloMock === void 0 ? false : _ref$enableApolloMock,
287
+ route = _ref.route,
284
288
  _ref$disableAutomatic = _ref.disableAutomaticEntryPointRoutes,
285
- disableAutomaticEntryPointRoutes = _ref$disableAutomatic === void 0 ? true : _ref$disableAutomatic,
286
- _ref$history = _ref.history,
287
- history = _ref$history === void 0 ? createEnhancedHistory(createMemoryHistory({
288
- initialEntries: [route]
289
- })) : _ref$history,
289
+ disableAutomaticEntryPointRoutes = _ref$disableAutomatic === void 0 ? false : _ref$disableAutomatic,
290
+ history = _ref.history,
290
291
  _ref$flags = _flagsInstanceProperty(_ref),
291
292
  flags = _ref$flags === void 0 ? {} : _ref$flags,
292
293
  environment = _ref.environment,
293
294
  user = _ref.user,
294
295
  project = _ref.project,
295
- permissions = _ref.permissions,
296
- actionRights = _ref.actionRights,
297
- dataFences = _ref.dataFences,
298
296
  _ref$dataLocale = _ref.dataLocale,
299
297
  dataLocale = _ref$dataLocale === void 0 ? 'en' : _ref$dataLocale;
300
298
 
301
299
  var mergedUser = user === null ? undefined : _objectSpread(_objectSpread({}, defaultUser), user);
300
+ var mergedProject = project === null ? undefined : _objectSpread(_objectSpread({}, defaultProject), project);
302
301
 
303
- var mergedProject = function () {
304
- if (project === null) {
305
- return undefined;
306
- }
302
+ var mergedEnvironment = _objectSpread(_objectSpread({}, defaultEnvironment), environment);
307
303
 
308
- var allAppliedPermissions = denormalizePermissions(permissions);
309
- var allAppliedActionRights = denormalizeActionRights(actionRights);
310
- var allAppliedDataFences = denormalizeDataFences(dataFences);
311
- return _objectSpread(_objectSpread(_objectSpread({}, defaultProject), project), {}, {
312
- allAppliedPermissions: allAppliedPermissions,
313
- allAppliedActionRights: allAppliedActionRights,
314
- allAppliedDataFences: allAppliedDataFences,
315
- allPermissionsForAllApplications: {
316
- allAppliedPermissions: allAppliedPermissions,
317
- allAppliedActionRights: allAppliedActionRights,
318
- allAppliedDataFences: allAppliedDataFences,
319
- allAppliedMenuVisibilities: []
320
- }
321
- });
322
- }();
304
+ var initialRoute = route;
323
305
 
324
- var mergedEnvironment = _objectSpread(_objectSpread({}, defaultEnvironment), environment);
306
+ if (!route && mergedProject) {
307
+ var _context14;
325
308
 
326
- if (!disableAutomaticEntryPointRoutes) {
327
- !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;
309
+ initialRoute = _concatInstanceProperty(_context14 = "/".concat(mergedProject.key, "/")).call(_context14, mergedEnvironment.entryPointUriPath);
328
310
  }
329
311
 
312
+ var memoryHistory = history !== null && history !== void 0 ? history : createEnhancedHistory(createMemoryHistory({
313
+ initialEntries: [initialRoute || '/']
314
+ }));
315
+
330
316
  var ApplicationProviders = function ApplicationProviders(props) {
331
317
  return jsx(IntlProvider, {
332
318
  locale: locale,
333
319
  children: jsx(ApolloProviderWrapper, {
334
- disableApolloMocks: disableApolloMocks,
320
+ enableApolloMocks: enableApolloMocks,
335
321
  apolloClient: apolloClient,
336
322
  mocks: mocks,
337
323
  children: jsx(TestProviderFlopFlip, {
@@ -342,7 +328,7 @@ function createApplicationProviders() {
342
328
  environment: mergedEnvironment,
343
329
  projectDataLocale: dataLocale,
344
330
  children: jsx(Router, {
345
- history: history,
331
+ history: memoryHistory,
346
332
  children: jsx(Suspense, {
347
333
  fallback: jsx(LoadingFallback, {}),
348
334
  children: jsx(ApplicationEntryPoint, {
@@ -372,7 +358,7 @@ function createApplicationProviders() {
372
358
  mergedUser: mergedUser,
373
359
  mergedProject: mergedProject,
374
360
  mergedEnvironment: mergedEnvironment,
375
- history: history
361
+ history: memoryHistory
376
362
  };
377
363
  } // Inspired by
378
364
  // https://github.com/kentcdodds/react-testing-library-course/blob/2a5b1560656790bb1d9c055fba3845780b2c2c97/src/__tests__/react-router-03.js
@@ -542,4 +528,4 @@ var hooks = _objectSpread(_objectSpread({}, rtlHooks), {}, {
542
528
  renderHook: renderHook
543
529
  });
544
530
 
545
- export { hooks, renderApp, renderAppWithRedux };
531
+ export { denormalizeActionRights, denormalizeDataFences, denormalizePermissions, hooks, mapResourceAccessToAppliedPermissions, renderApp, renderAppWithRedux };