@commercetools-frontend/application-shell 21.25.2 → 22.0.1

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 (87) hide show
  1. package/dist/{application-entry-point-1a8ee591.cjs.prod.js → application-entry-point-3e616b2e.cjs.prod.js} +1 -1
  2. package/dist/{application-entry-point-d95a9561.cjs.dev.js → application-entry-point-c63d1ec4.cjs.dev.js} +1 -1
  3. package/dist/{application-entry-point-b3bcec77.esm.js → application-entry-point-c89675d8.esm.js} +1 -1
  4. package/dist/commercetools-frontend-application-shell.cjs.d.ts +1 -0
  5. package/dist/commercetools-frontend-application-shell.cjs.d.ts.map +1 -0
  6. package/dist/commercetools-frontend-application-shell.cjs.dev.js +2 -7
  7. package/dist/commercetools-frontend-application-shell.cjs.prod.js +2 -7
  8. package/dist/commercetools-frontend-application-shell.esm.js +2 -5
  9. package/dist/{configure-apollo-45ac18ec.cjs.prod.js → configure-apollo-709a05c9.cjs.prod.js} +1 -2
  10. package/dist/{configure-apollo-17cc744d.cjs.dev.js → configure-apollo-f39c0788.cjs.dev.js} +1 -2
  11. package/dist/{configure-apollo-1d40c1c0.esm.js → configure-apollo-faeb9a07.esm.js} +5 -5
  12. package/dist/declarations/src/components/application-shell/application-shell.d.ts +1 -3
  13. package/dist/declarations/src/components/application-shell-authenticated/application-shell-authenticated.d.ts +1 -1
  14. package/dist/declarations/src/components/application-shell-provider/application-shell-provider.d.ts +0 -3
  15. package/dist/declarations/src/components/navbar/index.d.ts +1 -2
  16. package/dist/declarations/src/components/navbar/menu-items.d.ts +1 -1
  17. package/dist/declarations/src/components/project-container/index.d.ts +0 -1
  18. package/dist/declarations/src/index.d.ts +0 -2
  19. package/dist/{index-ca5ab60d.esm.js → index-8b1929c9.esm.js} +73 -588
  20. package/dist/{index-29e03033.cjs.prod.js → index-90509897.cjs.prod.js} +50 -569
  21. package/dist/{index-1a690bd0.cjs.dev.js → index-c5ad1971.cjs.dev.js} +68 -589
  22. package/dist/{navbar-074548aa.cjs.prod.js → navbar-153cb4ba.cjs.prod.js} +4 -9
  23. package/dist/{navbar-eed85121.cjs.dev.js → navbar-6ec7da97.cjs.dev.js} +4 -9
  24. package/dist/{navbar-1d5c0bd9.esm.js → navbar-ee6d9597.esm.js} +5 -10
  25. package/dist/{oidc-callback-a9b72d66.esm.js → oidc-callback-48bc2d46.esm.js} +2 -5
  26. package/dist/{oidc-callback-08bafc1e.cjs.dev.js → oidc-callback-d6332169.cjs.dev.js} +2 -5
  27. package/dist/{oidc-callback-3cabbbe4.cjs.prod.js → oidc-callback-dbdfdd52.cjs.prod.js} +2 -5
  28. package/dist/{project-container-37858fcc.cjs.dev.js → project-container-573e3ff5.cjs.dev.js} +11 -15
  29. package/dist/{project-container-c0fc1b58.esm.js → project-container-cb1a00c7.esm.js} +11 -15
  30. package/dist/{project-container-785342fe.cjs.prod.js → project-container-d7613e23.cjs.prod.js} +7 -11
  31. package/dist/{project-expired-dd1de938.esm.js → project-expired-073bb605.esm.js} +3 -6
  32. package/dist/{project-expired-eae0e6a1.cjs.prod.js → project-expired-42f2382b.cjs.prod.js} +3 -6
  33. package/dist/{project-expired-03193fc7.cjs.dev.js → project-expired-8811f723.cjs.dev.js} +3 -6
  34. package/dist/{project-not-found-f4d1a682.cjs.prod.js → project-not-found-2f37685f.cjs.prod.js} +3 -6
  35. package/dist/{project-not-found-110ae2dc.cjs.dev.js → project-not-found-a56e9b3b.cjs.dev.js} +3 -6
  36. package/dist/{project-not-found-17401d07.esm.js → project-not-found-cb603cdb.esm.js} +3 -6
  37. package/dist/{project-not-initialized-a67bec4a.esm.js → project-not-initialized-8ab0a195.esm.js} +3 -6
  38. package/dist/{project-not-initialized-8cf7d70b.cjs.prod.js → project-not-initialized-c9e55b2d.cjs.prod.js} +3 -6
  39. package/dist/{project-not-initialized-d9fb3355.cjs.dev.js → project-not-initialized-d7ac52c0.cjs.dev.js} +3 -6
  40. package/dist/{project-suspended-2992da58.cjs.prod.js → project-suspended-4d732cc6.cjs.prod.js} +3 -6
  41. package/dist/{project-suspended-f5e67ddd.esm.js → project-suspended-9d35e59e.esm.js} +3 -6
  42. package/dist/{project-suspended-2f17eae5.cjs.dev.js → project-suspended-af56c4a7.cjs.dev.js} +3 -6
  43. package/dist/{quick-access-09707bb3.esm.js → quick-access-bc72277b.esm.js} +2 -5
  44. package/dist/{quick-access-9375d13a.cjs.prod.js → quick-access-ca46617f.cjs.prod.js} +2 -5
  45. package/dist/{quick-access-fa740d8c.cjs.dev.js → quick-access-e0596452.cjs.dev.js} +2 -5
  46. package/dist/{redirect-to-login-b89d8b23.esm.js → redirect-to-login-6b534edc.esm.js} +1 -1
  47. package/dist/{redirect-to-login-7cc9ed4d.cjs.dev.js → redirect-to-login-a978bc81.cjs.dev.js} +1 -1
  48. package/dist/{redirect-to-login-2666e1fc.cjs.prod.js → redirect-to-login-e89133da.cjs.prod.js} +1 -1
  49. package/dist/{redirect-to-logout-3cd584da.cjs.prod.js → redirect-to-logout-90177c4e.cjs.prod.js} +2 -4
  50. package/dist/{redirect-to-logout-3bc651f2.esm.js → redirect-to-logout-b4f76ad8.esm.js} +2 -4
  51. package/dist/{redirect-to-logout-8a7a32f9.cjs.dev.js → redirect-to-logout-f5d567b2.cjs.dev.js} +2 -4
  52. package/dist/{requests-in-flight-loader-092b6a76.cjs.dev.js → requests-in-flight-loader-5bef7ee5.cjs.dev.js} +2 -5
  53. package/dist/{requests-in-flight-loader-bd92b447.cjs.prod.js → requests-in-flight-loader-cea6ef4a.cjs.prod.js} +2 -5
  54. package/dist/{requests-in-flight-loader-01d02f35.esm.js → requests-in-flight-loader-d53a4f5c.esm.js} +2 -5
  55. package/dist/{service-page-project-switcher-994c9218.cjs.prod.js → service-page-project-switcher-3470e368.cjs.prod.js} +1 -1
  56. package/dist/{service-page-project-switcher-d4433778.cjs.dev.js → service-page-project-switcher-873ecbef.cjs.dev.js} +1 -1
  57. package/dist/{service-page-project-switcher-6ee2be90.esm.js → service-page-project-switcher-cea5ef95.esm.js} +1 -1
  58. package/dist/{use-applications-menu-5d1e1f15.cjs.prod.js → use-applications-menu-306109c6.cjs.prod.js} +1 -1
  59. package/dist/{use-applications-menu-860949b7.cjs.dev.js → use-applications-menu-8b9e9cda.cjs.dev.js} +1 -1
  60. package/dist/{use-applications-menu-7907ec1a.esm.js → use-applications-menu-e349fcad.esm.js} +1 -1
  61. package/dist/{user-settings-menu-d16dbd52.cjs.dev.js → user-settings-menu-0c5c0a74.cjs.dev.js} +10 -16
  62. package/dist/{user-settings-menu-2d09fbae.esm.js → user-settings-menu-33277bec.esm.js} +10 -16
  63. package/dist/{user-settings-menu-028a53f0.cjs.prod.js → user-settings-menu-45acb005.cjs.prod.js} +3 -9
  64. package/dist/{version-tracker-02448315.cjs.prod.js → version-tracker-21764aaa.cjs.prod.js} +1 -1
  65. package/dist/{version-tracker-98782eb4.esm.js → version-tracker-7caaf7be.esm.js} +1 -1
  66. package/dist/{version-tracker-2d8cd103.cjs.dev.js → version-tracker-87f40efd.cjs.dev.js} +1 -1
  67. package/package.json +36 -37
  68. package/ssr/dist/commercetools-frontend-application-shell-ssr.cjs.d.ts +1 -0
  69. package/ssr/dist/commercetools-frontend-application-shell-ssr.cjs.d.ts.map +1 -0
  70. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.d.ts +1 -0
  71. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.d.ts.map +1 -0
  72. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.dev.js +2 -2
  73. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.prod.js +2 -2
  74. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.esm.js +2 -2
  75. package/dist/declarations/src/components/gtm-application-tracker/gtm-application-tracker.d.ts +0 -10
  76. package/dist/declarations/src/components/gtm-application-tracker/index.d.ts +0 -1
  77. package/dist/declarations/src/components/gtm-booter/gtm-booter.d.ts +0 -20
  78. package/dist/declarations/src/components/gtm-booter/index.d.ts +0 -2
  79. package/dist/declarations/src/components/gtm-user-logout-tracker/gtm-user-logout-tracker.d.ts +0 -5
  80. package/dist/declarations/src/components/gtm-user-logout-tracker/index.d.ts +0 -1
  81. package/dist/declarations/src/components/gtm-user-tracker/gtm-user-tracker.d.ts +0 -10
  82. package/dist/declarations/src/components/gtm-user-tracker/index.d.ts +0 -1
  83. package/dist/declarations/src/components/navbar/tracking-events.d.ts +0 -18
  84. package/dist/declarations/src/components/quick-access/tracking-events.d.ts +0 -8
  85. package/dist/declarations/src/track-performance.d.ts +0 -2
  86. package/dist/declarations/src/tracking-event-list.d.ts +0 -19
  87. package/dist/declarations/src/utils/gtm.d.ts +0 -27
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var configureApollo = require('./configure-apollo-45ac18ec.cjs.prod.js');
3
+ var configureApollo = require('./configure-apollo-709a05c9.cjs.prod.js');
4
4
  var _pt = require('prop-types');
5
5
  var react = require('react');
6
6
  var reactRouterDom = require('react-router-dom');
@@ -46,8 +46,6 @@ var react$2 = require('@apollo/client/react');
46
46
  var CTLogoSVG = require('@commercetools-frontend/assets/images/ct-logo.svg');
47
47
  var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
48
48
  var l10n = require('@commercetools-frontend/l10n');
49
- var _reverseInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
50
- var camelcase = require('lodash/camelCase');
51
49
  var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
52
50
  var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
53
51
  var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
@@ -72,7 +70,6 @@ var combineAdapters = require('@flopflip/combine-adapters');
72
70
  var httpAdapter = require('@flopflip/http-adapter');
73
71
  var ldAdapter = require('@flopflip/launchdarkly-adapter');
74
72
  var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
75
- var Perfume = require('perfume.js');
76
73
  var reactRedux = require('react-redux');
77
74
  var history = require('@commercetools-frontend/browser-history');
78
75
  var upperFirst = require('lodash/upperFirst');
@@ -108,8 +105,6 @@ var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
108
105
  var SelectInput__default = /*#__PURE__*/_interopDefault(SelectInput);
109
106
  var CTLogoSVG__default = /*#__PURE__*/_interopDefault(CTLogoSVG);
110
107
  var LoadingSpinner__default = /*#__PURE__*/_interopDefault(LoadingSpinner);
111
- var _reverseInstanceProperty__default = /*#__PURE__*/_interopDefault(_reverseInstanceProperty);
112
- var camelcase__default = /*#__PURE__*/_interopDefault(camelcase);
113
108
  var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
114
109
  var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
115
110
  var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
@@ -125,13 +120,12 @@ var combineAdapters__default = /*#__PURE__*/_interopDefault(combineAdapters);
125
120
  var httpAdapter__default = /*#__PURE__*/_interopDefault(httpAdapter);
126
121
  var ldAdapter__default = /*#__PURE__*/_interopDefault(ldAdapter);
127
122
  var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
128
- var Perfume__default = /*#__PURE__*/_interopDefault(Perfume);
129
123
  var history__default = /*#__PURE__*/_interopDefault(history);
130
124
  var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
131
125
  var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
132
126
  var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
133
127
 
134
- const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-bd92b447.cjs.prod.js'
128
+ const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-cea6ef4a.cjs.prod.js'
135
129
  /* webpackChunkName: "requests-in-flight-loader" */
136
130
  ); }));
137
131
 
@@ -313,9 +307,9 @@ var messages = reactIntl.defineMessages({
313
307
 
314
308
  const _excluded$1 = ["projectCount"];
315
309
 
316
- function ownKeys$a(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; }
310
+ function ownKeys$8(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; }
317
311
 
318
- function _objectSpread$a(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$a(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$a(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
312
+ function _objectSpread$8(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$8(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$8(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
319
313
  var ProjectsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchUserProjects" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 218, source: { body: "query FetchUserProjects {\n user: me {\n id\n projects {\n results {\n name\n key\n suspension {\n isActive\n }\n expiry {\n isActive\n }\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
320
314
  const PROJECT_SWITCHER_LABEL_ID = 'project-switcher-label';
321
315
 
@@ -340,7 +334,7 @@ const ProjectSwitcherValueContainer = _ref5 => {
340
334
  css: _ref4$1,
341
335
  children: [jsxRuntime.jsx("div", {
342
336
  css: _ref3$1,
343
- children: jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$a(_objectSpread$a({}, restProps), {}, {
337
+ children: jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$8(_objectSpread$8({}, restProps), {}, {
344
338
  children: restProps.children
345
339
  }))
346
340
  }), jsxRuntime.jsx("span", {
@@ -362,7 +356,7 @@ var _ref2$2 = {
362
356
 
363
357
  const ProjectSwitcherOption = props => {
364
358
  const project = props.data;
365
- return jsxRuntime.jsx(SelectInput__default["default"].Option, _objectSpread$a(_objectSpread$a({}, props), {}, {
359
+ return jsxRuntime.jsx(SelectInput__default["default"].Option, _objectSpread$8(_objectSpread$8({}, props), {}, {
366
360
  children: jsxRuntime.jsxs("div", {
367
361
  css: _ref2$2,
368
362
  children: [jsxRuntime.jsxs("div", {
@@ -378,10 +372,10 @@ const ProjectSwitcherOption = props => {
378
372
  children: project.key
379
373
  }), project.suspension && project.suspension.isActive && jsxRuntime.jsx("div", {
380
374
  css: /*#__PURE__*/react$1.css("font-size:11px;color:", designSystem.designTokens.colorError, ";" + ("" ), "" ),
381
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.suspended))
375
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.suspended))
382
376
  }), project.expiry && project.expiry.isActive && jsxRuntime.jsx("div", {
383
377
  css: /*#__PURE__*/react$1.css("font-size:11px;color:", designSystem.designTokens.colorError, ";" + ("" ), "" ),
384
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.expired))
378
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.expired))
385
379
  })]
386
380
  })
387
381
  }));
@@ -412,12 +406,10 @@ const ProjectSwitcher = props => {
412
406
  if (loading) return null;
413
407
  return jsxRuntime.jsxs("div", {
414
408
  css: /*#__PURE__*/react$1.css("width:", designSystem.designTokens.constraint6, ";" + ("" ), "" ),
415
- "data-track-component": "ProjectSwitch",
416
- "data-track-event": "click",
417
409
  children: [jsxRuntime.jsx(AccessibleHidden__default["default"], {
418
410
  children: jsxRuntime.jsx("span", {
419
411
  id: PROJECT_SWITCHER_LABEL_ID,
420
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.projectsLabel))
412
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.projectsLabel))
421
413
  })
422
414
  }), jsxRuntime.jsx(SelectInput__default["default"], {
423
415
  value: props.projectKey || '',
@@ -446,7 +438,7 @@ const ProjectSwitcher = props => {
446
438
  },
447
439
  components: {
448
440
  Option: ProjectSwitcherOption,
449
- ValueContainer: valueContainerProps => jsxRuntime.jsx(ProjectSwitcherValueContainer, _objectSpread$a(_objectSpread$a({}, valueContainerProps), {}, {
441
+ ValueContainer: valueContainerProps => jsxRuntime.jsx(ProjectSwitcherValueContainer, _objectSpread$8(_objectSpread$8({}, valueContainerProps), {}, {
450
442
  projectCount: data && data.user && data.user.projects.results.length || 0
451
443
  }))
452
444
  },
@@ -463,7 +455,7 @@ ProjectSwitcher.displayName = 'ProjectSwitcher';
463
455
  // eslint-disable-next-line import/prefer-default-export
464
456
  const REQUESTS_IN_FLIGHT_LOADER_DOM_ID = 'loader-for-requests-in-flight';
465
457
 
466
- const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-028a53f0.cjs.prod.js'
458
+ const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-45acb005.cjs.prod.js'
467
459
  /* webpackChunkName: "user-settings-menu" */
468
460
  ); }));
469
461
 
@@ -672,342 +664,17 @@ FetchUser.propTypes = {
672
664
  };
673
665
  FetchUser.displayName = 'FetchUser';
674
666
 
675
- function ownKeys$9(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; }
676
-
677
- function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$9(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$9(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
678
-
679
- const isPlainTrackingListValue = value => typeof value === 'string';
680
-
681
- const isObjectTrackingListValue = value => typeof value === 'object';
682
-
683
- const isHtmlElement = node => node.dataset !== undefined;
684
-
685
- const getDataAttribute = (node, key) => {
686
- if (isHtmlElement(node)) {
687
- const camelKey = camelcase__default["default"](key.replace(/^data-/, ''));
688
- return node.dataset[camelKey];
689
- }
690
-
691
- return undefined;
692
- };
693
-
694
- const isGtmEnabled = () => window.dataLayer && window.app.trackingGtm && window.app.trackingGtm !== 'null'; // The way that tracking works is like so:
695
- //
696
- // `data-track-component`: used to set up the hierarchy of the tracking ID.
697
- // `data-track-event`: if this attribute exists, track the event.
698
- // `data-track-strict`: if this exists, do not handle event bubbling.
699
- // `data-track-label`: additional meta information.
700
- // Listing and mapping certain generated event names to hardcoded events.
701
- // They should be keyed by generated name, valued by hardcoded name.
702
-
703
-
704
- const defaultEventList = {
705
- LanguageSwitch: 'LanguageSwitch',
706
- ProjectSwitch: 'ProjectSwitch',
707
- ForgotPassword: 'ForgotPassword'
708
- };
709
-
710
- const logTracking = function (_ref) {
711
- var _context, _context2;
712
-
713
- let action = _ref.action,
714
- category = _ref.category,
715
- label = _ref.label,
716
- variable = _ref.variable,
717
- value = _ref.value;
718
-
719
- let _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
720
- isIgnored: false
721
- },
722
- isIgnored = _ref2.isIgnored;
723
-
724
- const groupName = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "%cGTM ".concat(isIgnored ? '%cignoring' : '%cperforming', " %ctracking %c")).call(_context2, category, " %c")).call(_context, label || '');
725
-
726
- configureApollo.logger.groupCollapsed(groupName, 'color: gray; font-weight: bold;', "color: ".concat(isIgnored ? 'orangered' : 'seagreen', "; font-weight: lighter;"), 'color: gray; font-weight: lighter;', 'color: goldenrod; font-style: normal;', 'color: cornflowerblue; font-style: normal;');
727
- if (action) configureApollo.logger.log('%caction', 'color: cadetblue;', action);
728
- if (variable) configureApollo.logger.log('%cvariable', 'color: cadetblue;', variable);
729
- if (typeof value === 'number') configureApollo.logger.log('%cvalue', 'color: red;', value);
730
- configureApollo.logger.log('%ccategory', 'color: goldenrod; font-weight: bold;', category);
731
- if (label) configureApollo.logger.log('%clabel', 'color: cornflowerblue; font-weight: bold;', label);
732
- configureApollo.logger.groupEnd();
733
- };
734
-
735
- const track = (action, category, label) => {
736
- if (!window.dataLayer) return;
737
- logTracking({
738
- action,
739
- category,
740
- label
741
- }); // sends event to google tag manager based on the mapping defined there
742
- // the mapped event is then forwarded to google analytics
743
-
744
- window.dataLayer.push({
745
- event: 'TrackingEvent',
746
- trackingCategory: category,
747
- trackingAction: action,
748
- trackingLabel: label // trackingValue: metadata # TODO: use `custom dimensions`
749
-
750
- });
751
- };
752
- const trackTiming = _ref3 => {
753
- let category = _ref3.category,
754
- variable = _ref3.variable,
755
- value = _ref3.value,
756
- label = _ref3.label;
757
-
758
- if (isGtmEnabled()) {
759
- logTracking({
760
- variable,
761
- value,
762
- category,
763
- label
764
- });
765
- window.dataLayer.push({
766
- event: 'TimingEvent',
767
- trackingCategory: category,
768
- trackingVariable: variable,
769
- trackingValue: value,
770
- trackingLabel: label
771
- });
772
- }
773
- }; // Track custom dimensions
774
-
775
- const trackApplicationName = applicationName => {
776
- if (isGtmEnabled()) window.dataLayer.push({
777
- applicationName
778
- });
779
- };
780
- const trackProjectKey = projectKey => {
781
- if (isGtmEnabled() && projectKey) window.dataLayer.push({
782
- projectKey
783
- });
784
- };
785
- const trackUserBusinessRole = userBusinessRole => {
786
- if (isGtmEnabled() && userBusinessRole) {
787
- window.dataLayer.push({
788
- userBusinessRole
789
- });
790
- }
791
- }; // Sometimes necessary to manually get the hierarchy.
792
-
793
- const getHierarchy = node => {
794
- const hierarchy = [];
795
- let parent = node;
796
-
797
- while (parent) {
798
- const dataTrackComponent = getDataAttribute(parent, 'data-track-component');
799
- if (dataTrackComponent) hierarchy.push(dataTrackComponent);
800
- parent = parent.parentNode;
801
- }
802
-
803
- _reverseInstanceProperty__default["default"](hierarchy).call(hierarchy);
804
-
805
- return hierarchy.join('-');
806
- };
807
-
808
- const eventHandler = (name, trackingEventList) => event => {
809
- if (!event.target) return;
810
- const hierarchy = [];
811
- let trackEvent;
812
- let trackLabel;
813
- let trackStrict;
814
- let node = event.target;
815
- const originalNode = node; // Traverse the target elements' parents to find a `data-track` attribute,
816
- // and if none is found then do nothing.
817
-
818
- while (node) {
819
- const dataTrackComponent = getDataAttribute(node, 'data-track-component');
820
- const dataTrackEvent = getDataAttribute(node, 'data-track-event');
821
- const dataTrackLabel = getDataAttribute(node, 'data-track-label');
822
- const dataTrackStrict = getDataAttribute(node, 'data-track-strict');
823
-
824
- if (dataTrackEvent && (!dataTrackStrict || originalNode === node)) {
825
- trackEvent = dataTrackEvent;
826
- trackLabel = dataTrackLabel;
827
- trackStrict = dataTrackStrict;
828
- if (trackStrict) hierarchy.push(trackStrict);
829
- }
830
-
831
- if (dataTrackComponent) hierarchy.push(dataTrackComponent);
832
- node = node.parentNode || null;
833
- }
834
-
835
- if (!trackEvent) return;
836
- if (trackEvent !== name) return;
837
-
838
- let hierarchyKey = _reverseInstanceProperty__default["default"](hierarchy).call(hierarchy).join('-'); // The event map also serves as an allow list. This is really not intuitive
839
- // by looking at the name.
840
- // Since we don't want to have all caught events to be sent automatically
841
- // but only certain events that we are interesting in actually tracking
842
- // there is a list of events that specifies which events should be
843
- // sent to Google Tag manager
844
- // Every application of the Merchant Center should maintain its own list of
845
- // events it wants to be tracked. This list is passed in via the
846
- // `trackingEventList` parameter that needs to be merged with the
847
- // default event list.
848
- // The default list contains all events that are not generated by a
849
- // specific application, but by parts of the application shell itself like the
850
- // menu or the profile view.
851
-
852
-
853
- const eventList = _objectSpread$9(_objectSpread$9({}, defaultEventList), trackingEventList);
854
-
855
- const eventValue = eventList[hierarchyKey]; // This checks:
856
- // 1. if the event is in the allow list and is a string, map it
857
- // 2. if the event is in the allow list, is an object,
858
- // and there is a matching key, then map to the value
859
- // 3. if the event is not in the allow list then don't track
860
-
861
- if (isPlainTrackingListValue(eventValue)) hierarchyKey = eventValue;else if (isObjectTrackingListValue(eventValue) && trackLabel && trackLabel in eventValue) hierarchyKey = eventValue[trackLabel];else {
862
- logTracking({
863
- action: trackEvent,
864
- category: typeof hierarchyKey === 'object' && trackLabel ? hierarchyKey[trackLabel] : hierarchyKey,
865
- label: trackLabel
866
- }, {
867
- isIgnored: true
868
- });
869
- return;
870
- }
871
- logTracking({
872
- action: trackEvent,
873
- category: typeof hierarchyKey === 'object' && trackLabel ? hierarchyKey[trackLabel] : hierarchyKey,
874
- label: trackLabel
875
- });
876
- track(trackEvent, hierarchyKey, trackLabel);
877
- };
878
-
879
- const events = ['click', 'change', 'drop'];
880
- const boot = trackingEventList => {
881
- _forEachInstanceProperty__default["default"](events).call(events, event => {
882
- const handler = eventHandler(event, trackingEventList);
883
- window.addEventListener(event, handler, true);
884
- });
885
- };
886
- const updateUser = userId => {
887
- if (isGtmEnabled()) window.dataLayer.push({
888
- userId
889
- });
890
- };
891
- const stopTrackingUser = () => {
892
- if (isGtmEnabled()) window.dataLayer.push({
893
- userId: undefined
894
- });
895
- };
896
-
897
- const GtmApplicationTracker = props => {
898
- react.useEffect(() => {
899
- trackApplicationName(props.applicationName);
900
- trackProjectKey(props.projectKey);
901
- trackUserBusinessRole(props.userBusinessRole);
902
- }, [props.applicationName, props.projectKey, props.userBusinessRole]);
903
- return null;
904
- };
905
-
906
- GtmApplicationTracker.propTypes = {
907
- applicationName: _pt__default["default"].string.isRequired,
908
- projectKey: _pt__default["default"].string,
909
- userBusinessRole: _pt__default["default"].string
910
- };
911
- GtmApplicationTracker.displayName = 'GtmApplicationTracker';
912
-
913
- /**
914
- * This component will let gtm know if any information about the user has
915
- * changed.
916
- */
917
- const GtmUserTracker = props => {
918
- react.useEffect(() => {
919
- if (props.user) {
920
- updateUser(props.user.id);
921
- }
922
- }, [props.user]);
923
- return null;
924
- };
925
-
926
- GtmUserTracker.displayName = 'GtmUserTracker';
927
-
928
- const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-074548aa.cjs.prod.js'
667
+ const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-153cb4ba.cjs.prod.js'
929
668
  /* webpackChunkName: "navbar" */
930
669
  ); }));
931
670
 
932
- const trackingEventList = {
933
- 'Navigation-Categories': 'Navigation-Categories',
934
- 'Navigation-CategoriesSearch': 'Navigation-CategoriesSearch',
935
- 'Navigation-AddCategory': 'Navigation-AddCategory',
936
- 'Navigation-Customers': 'Navigation-Customers',
937
- 'Navigation-AddCustomer': 'Navigation-AddCustomer',
938
- 'Navigation-Dashboard': 'Navigation-Dashboard',
939
- 'Navigation-ProductDiscounts': 'Navigation-ProductDiscounts',
940
- 'Navigation-AddDiscount': 'Navigation-AddDiscount',
941
- 'Navigation-CartDiscounts': 'Navigation-CartDiscounts',
942
- 'Navigation-Orders': 'Navigation-Orders',
943
- 'Navigation-Products': 'Navigation-Products',
944
- 'Navigation-ProductList': 'Navigation-ProductList',
945
- 'Navigation-AddProduct': 'Navigation-AddProduct',
946
- 'Navigation-DirectAccess': 'Navigation-DirectAccess',
947
- 'Navigation-Taxes': 'Navigation-Taxes',
948
- 'Navigation-Support-links': 'Navigation-Support-links'
949
- };
950
-
951
- function ownKeys$8(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; }
952
-
953
- function _objectSpread$8(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$8(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$8(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
954
- // Expose a Context with the tracking functions.
955
- // This context can be used by consumers to access the values by either:
956
- // 1. using `<GtmContext.Consumer>`
957
- // 2. `static contextType = GtmContext;`
958
- // NOTE: we do not need to define a `GtmContext.Provider`, as React will
959
- // fall back to the default value defined, when the context was created,
960
- // in case the component does not have a matching Provider above in the tree.
961
- // https://reactjs.org/docs/context.html#reactcreatecontext
962
- const GtmContext = /*#__PURE__*/react.createContext({
963
- track: track,
964
- getHierarchy: getHierarchy,
965
- trackUserBusinessRole: trackUserBusinessRole
966
- });
967
-
968
- const GtmBooter = props => {
969
- react.useEffect(() => {
970
- // We don't need any user data to start using GTM, for example for
971
- // tracking page views and flows when the user is not logged in.
972
- boot(_objectSpread$8(_objectSpread$8({}, trackingEventList), props.trackingEventList)); // eslint-disable-next-line react-hooks/exhaustive-deps
973
- }, []);
974
- return jsxRuntime.jsx(jsxRuntime.Fragment, {
975
- children: props.children
976
- });
977
- };
978
-
979
- GtmBooter.propTypes = {
980
- trackingEventList: _pt__default["default"].objectOf(_pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].objectOf(_pt__default["default"].string)])).isRequired,
981
- children: _pt__default["default"].node.isRequired
982
- };
983
- GtmBooter.displayName = 'GtmBooter';
984
-
985
- var trackingEvents$1 = {
986
- collapseMainNav: {
987
- action: 'CollapseMainNav',
988
- category: 'Main-Navigation',
989
- label: 'Collapse Main Navigation'
990
- },
991
- expandMainNav: {
992
- action: 'ExpandMainNav',
993
- category: 'Main-Navigation',
994
- label: 'Expand Main Navigation'
995
- },
996
- goToSupport: {
997
- action: 'GoToSupport',
998
- category: 'Main-Navigation',
999
- label: 'Go to Support'
1000
- }
1001
- };
1002
-
1003
671
  const _excluded = ["icon"];
1004
672
 
1005
673
  function ownKeys$7(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; }
1006
674
 
1007
675
  function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$7(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$7(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
1008
-
1009
676
  const compiledStyles$1 = {
1010
- "global": ":root {\n\n /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___n7yUt {\n display: flex;\n flex-grow: 1;\n width: 64px;\n z-index: 19999;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar);\n}\n\n.navbar-mod__list___RCV3J {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n flex: 1 1 0;\n}\n\n.body__menu-open .navbar-mod__scrollable-menu___64pxJ {\n flex: 1 1 0;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.navbar-mod__list-item___MjK6t {\n width: 64px;\n min-height: 56px;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar);\n margin: 0;\n list-style: none;\n cursor: pointer;\n}\n\n.navbar-mod__item-link___X2Ina {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n padding: var(--spacing-m);\n width: 100%;\n position: relative;\n display: block;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep {\n width: 24px;\n height: 24px;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon__active___asorg > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n flex: 1;\n font-weight: 500;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n display: none;\n opacity: 0;\n transition: all 0.25s ease-in-out;\n text-align: left;\n text-decoration: none;\n}\n\n.navbar-mod__expander___jyAUi {\n border-top: 1px solid var(--color-neutral-40);\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n}\n\n.navbar-mod__expander___jyAUi:hover {\n background: transparent !important;\n}\n\n.navbar-mod__expand-icon___BtmRa {\n align-items: center;\n border-radius: 32px;\n cursor: pointer;\n display: flex;\n height: 24px;\n justify-content: center;\n transform: translateX(0) rotateZ(0deg);\n width: 24px;\n}\n\n.navbar-mod__item--bottom___eW7nh {\n position: absolute;\n bottom: 50px;\n}\n\n.navbar-mod__list-item___MjK6t:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar-when-hovered);\n}\n\n.navbar-mod__item__active___lo1sr .navbar-mod__title___eRWUj {\n opacity: 1;\n display: block;\n transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___zk0zh {\n height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item_menu-collapsed___cluyY .navbar-mod__item-link___X2Ina {\n text-align: center;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__title___eRWUj {\n border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__sublist___os1s7 {\n padding-top: 40px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n font-weight: 500;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n box-shadow: var(--shadow-for-navbar);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t {\n height: auto;\n min-height: 56px;\n transition: max-height 0.15s ease-out;\n overflow: hidden;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt,\n.body__menu-open .navbar-mod__list-item___MjK6t {\n width: 245px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n display: block;\n opacity: 1;\n margin-left: var(--spacing-m);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expand-icon___BtmRa {\n transform: translateX(0) rotateZ(180deg);\n}\n\n.body__menu-open .navbar-mod__item__active___lo1sr {\n max-height: 500px;\n transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7 {\n position: relative;\n z-index: 1;\n left: 0;\n margin: 0 0 0 calc(\n 24px + var(--spacing-m) + 4px + 4px\n );\n padding: var(--spacing-m) 0 0;\n background-color: transparent;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7.navbar-mod__sublist-no-children___Dy-h- {\n border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n text-decoration: none;\n transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expander___jyAUi {\n min-height: 50px;\n justify-content: flex-end;\n padding: var(--spacing-m);\n}\n\n/* Second level menu */\n\n.navbar-mod__sublist___os1s7 {\n padding: 75px var(--spacing-l) var(--spacing-m);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n position: absolute;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar);\n top: 0;\n left: 64px;\n z-index: -1;\n list-style: none;\n opacity: 0.01;\n visibility: hidden;\n}\n\n.navbar-mod__sublist__inactive___kJvf- {\n /* empty block */\n}\n\n.navbar-mod__sublist-item___gafkS {\n padding: var(--spacing-s) 0 0;\n}\n\n.navbar-mod__sublist-item___gafkS:first-of-type {\n padding: 0;\n}\n\n.navbar-mod__sublist-item___gafkS:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__text___ccHEu {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n}\n\n.navbar-mod__text-link___dhtj6 {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n text-decoration: none;\n transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___dhtj6:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n/* Item active */\n\n.navbar-mod__item__active___lo1sr,\n.navbar-mod__item_menu__active___5xFRw {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n width: calc(\n 205px + 64px -\n var(--spacing-m) * 2\n );\n justify-content: flex-start;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n width: calc(24px + 4px * 2);\n display: flex;\n justify-content: center;\n align-self: flex-start;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n justify-content: flex-start;\n display: flex;\n width: 100%;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n /* empty block */\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n position: relative;\n width: auto;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n margin-left: 40px;\n}\n\n.navbar-mod__item_menu-collapsed___cluyY.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n max-height: 44px;\n overflow: hidden;\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n margin-left: var(--spacing-m);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n margin-left: 0;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n width: 205px;\n min-height: 100%;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n width: calc(100% - calc(\n 24px + var(--spacing-m) + 4px + 4px\n ));\n}\n\n.navbar-mod__sublist-expanded__active___240JK,\n.navbar-mod__sublist-collapsed__active___-9vYh {\n opacity: 1;\n visibility: visible;\n text-align: left;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__highlighted___oJWkA,\n.navbar-mod__highlighted___oJWkA .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-active) !important;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-active);\n}\n\n.navbar-mod__hidden___TQLSs {\n display: none;\n}\n\n.navbar-mod__divider___TpVzu {\n border-top: 1px solid var(--color-neutral-40);\n}\n\n.navbar-mod__loading-dot-container___G2LVb {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___64pxJ {\n flex: 1 1 0;\n padding-bottom: 32px;\n}\n\n.navbar-mod__fixed-menu___42tD9 {\n flex: 0 0 0;\n position: relative;\n}\n",
677
+ "global": ":root {\n\n /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___n7yUt {\n display: flex;\n flex-grow: 1;\n width: 64px;\n z-index: 19999;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar);\n}\n\n.navbar-mod__list___RCV3J {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n flex: 1 1 0;\n}\n\n.body__menu-open .navbar-mod__scrollable-menu___64pxJ {\n flex: 1 1 0;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.navbar-mod__list-item___MjK6t {\n width: 64px;\n min-height: 56px;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar);\n margin: 0;\n list-style: none;\n cursor: pointer;\n}\n\n.navbar-mod__item-link___X2Ina {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n padding: var(--spacing-m);\n width: 100%;\n position: relative;\n display: block;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep {\n width: 24px;\n height: 24px;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon__active___asorg > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n flex: 1;\n font-weight: 500;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n display: none;\n opacity: 0;\n transition: all 0.25s ease-in-out;\n text-align: left;\n text-decoration: none;\n}\n\n.navbar-mod__expander___jyAUi {\n border-top: 1px solid var(--color-neutral-40);\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n}\n\n.navbar-mod__expander___jyAUi:hover {\n background: transparent !important;\n}\n\n.navbar-mod__expand-icon___BtmRa {\n align-items: center;\n border-radius: 32px;\n cursor: pointer;\n display: flex;\n height: 24px;\n justify-content: center;\n transform: translateX(0) rotateZ(0deg);\n width: 24px;\n}\n\n.navbar-mod__item--bottom___eW7nh {\n position: absolute;\n bottom: 50px;\n}\n\n.navbar-mod__list-item___MjK6t:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar-when-hovered);\n}\n\n.navbar-mod__item__active___lo1sr .navbar-mod__title___eRWUj {\n opacity: 1;\n display: block;\n transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___zk0zh {\n height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item_menu-collapsed___cluyY .navbar-mod__item-link___X2Ina {\n text-align: center;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__title___eRWUj {\n border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__sublist___os1s7 {\n padding-top: 40px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n font-weight: 500;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n box-shadow: var(--shadow-for-navbar);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t {\n height: auto;\n min-height: 56px;\n transition: max-height 0.15s ease-out;\n overflow: hidden;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt,\n.body__menu-open .navbar-mod__list-item___MjK6t {\n width: 245px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n display: block;\n opacity: 1;\n margin-left: var(--spacing-m);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expand-icon___BtmRa {\n transform: translateX(0) rotateZ(180deg);\n}\n\n.body__menu-open .navbar-mod__item__active___lo1sr {\n max-height: 500px;\n transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7 {\n position: relative;\n z-index: 1;\n left: 0;\n margin: 0 0 0 calc(\n 24px + var(--spacing-m) + 4px + 4px\n );\n padding: var(--spacing-m) 0 0;\n background-color: transparent;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7.navbar-mod__sublist-no-children___Dy-h- {\n border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n text-decoration: none;\n transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expander___jyAUi {\n min-height: 50px;\n justify-content: flex-end;\n padding: var(--spacing-m);\n}\n\n/* Second level menu */\n\n.navbar-mod__sublist___os1s7 {\n padding: 75px var(--spacing-l) var(--spacing-m);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n position: absolute;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar);\n top: 0;\n left: 64px;\n z-index: -1;\n list-style: none;\n opacity: 0.01;\n visibility: hidden;\n}\n\n.navbar-mod__sublist__inactive___kJvf- {\n /* empty block */\n}\n\n.navbar-mod__sublist-item___gafkS {\n padding: var(--spacing-s) 0 0;\n}\n\n.navbar-mod__sublist-item___gafkS:first-of-type {\n padding: 0;\n}\n\n.navbar-mod__sublist-item___gafkS:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__text___ccHEu {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n}\n\n.navbar-mod__text-link___dhtj6 {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n text-decoration: none;\n transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___dhtj6:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n/* Item active */\n\n.navbar-mod__item__active___lo1sr,\n.navbar-mod__item_menu__active___5xFRw {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n width: calc(\n 205px + 64px -\n var(--spacing-m) * 2\n );\n justify-content: flex-start;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n width: calc(24px + 4px * 2);\n display: flex;\n justify-content: center;\n align-self: flex-start;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n justify-content: flex-start;\n display: flex;\n width: 100%;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n /* empty block */\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n position: relative;\n width: auto;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n margin-left: 40px;\n}\n\n.navbar-mod__item_menu-collapsed___cluyY.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n max-height: 44px;\n overflow: hidden;\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n margin-left: var(--spacing-m);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n margin-left: 0;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n width: 205px;\n min-height: 100%;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n width: calc(100% - calc(\n 24px + var(--spacing-m) + 4px + 4px\n ));\n}\n\n.navbar-mod__sublist-expanded__active___240JK,\n.navbar-mod__sublist-collapsed__active___-9vYh {\n opacity: 1;\n visibility: visible;\n text-align: left;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__highlighted___oJWkA,\n.navbar-mod__highlighted___oJWkA .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-active) !important;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-active);\n}\n\n.navbar-mod__hidden___TQLSs {\n display: none;\n}\n\n.navbar-mod__divider___TpVzu {\n border-top: 1px solid var(--color-neutral-40);\n}\n\n.navbar-mod__loading-dot-container___G2LVb {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___64pxJ {\n flex: 1 1 0;\n padding-bottom: 32px;\n /* \n FIXME: Make the navbar scrollable in collapsed state.\n NOTE: do not use `overflow-x: hidden; overflow-y: auto;` as this prevents submenus from showing up on hover \n */\n}\n\n.navbar-mod__fixed-menu___42tD9 {\n flex: 0 0 0;\n position: relative;\n}\n",
1011
678
  "jsonMap": {
1012
679
  "left-navigation": "navbar-mod__left-navigation___n7yUt",
1013
680
  "list": "navbar-mod__list___RCV3J",
@@ -1151,20 +818,12 @@ IconSwitcher.propTypes = {};
1151
818
  IconSwitcher.displayName = 'IconSwitcher';
1152
819
 
1153
820
  const MenuExpander = props => {
1154
- const gtmTracking = react.useContext(GtmContext);
1155
821
  return jsxRuntime.jsx("li", {
1156
822
  className: classnames__default["default"](styles$2['list-item'], styles$2.expander, {
1157
823
  [styles$2.hidden]: !props.isVisible
1158
824
  }),
1159
825
  children: jsxRuntime.jsx("div", {
1160
- onClick: event => {
1161
- const _trackingEvents = trackingEvents$1[props.isMenuOpen ? 'collapseMainNav' : 'expandMainNav'],
1162
- action = _trackingEvents.action,
1163
- category = _trackingEvents.category,
1164
- label = _trackingEvents.label;
1165
- gtmTracking.track(action, category, label);
1166
- props.onClick(event);
1167
- },
826
+ onClick: props.onClick,
1168
827
  className: styles$2['expand-icon'],
1169
828
  "data-testid": "menu-expander",
1170
829
  children: jsxRuntime.jsx(icons.ArrowRightIcon, {
@@ -1218,7 +877,7 @@ const MenuItem = props => {
1218
877
  var _props$isMainMenuRout;
1219
878
 
1220
879
  return jsxRuntime.jsx("li", {
1221
- role: "menu-item",
880
+ role: "menuitem",
1222
881
  className: classnames__default["default"](styles$2['list-item'], {
1223
882
  [styles$2.item__active]: props.isActive,
1224
883
  [styles$2['item_menu__active']]: (_props$isMainMenuRout = props.isMainMenuRouteActive) !== null && _props$isMainMenuRout !== void 0 ? _props$isMainMenuRout : false,
@@ -1242,8 +901,6 @@ const menuItemLinkDefaultProps = {
1242
901
  };
1243
902
 
1244
903
  const MenuItemLink = props => {
1245
- const gtmTracking = react.useContext(GtmContext);
1246
-
1247
904
  const redirectTo = targetUrl => useIsServedByProxy.location.replace(targetUrl);
1248
905
 
1249
906
  if (props.linkTo) {
@@ -1258,7 +915,7 @@ const MenuItemLink = props => {
1258
915
  redirectTo(props.linkTo);
1259
916
  } else if (props.onClick) {
1260
917
  event.persist();
1261
- props.onClick(event, gtmTracking.track);
918
+ props.onClick(event);
1262
919
  }
1263
920
  },
1264
921
  children: props.children
@@ -1364,7 +1021,6 @@ const NavBarLayout = /*#__PURE__*/react.forwardRef((props, ref) => jsxRuntime.js
1364
1021
  className: styles$2['left-navigation'],
1365
1022
  "data-test": "left-navigation",
1366
1023
  "data-testid": "left-navigation",
1367
- "data-track-component": "Navigation",
1368
1024
  children: props.children
1369
1025
  })]
1370
1026
  }));
@@ -1380,7 +1036,7 @@ const useLoadingMenuLayoutEffect = () => {
1380
1036
  };
1381
1037
 
1382
1038
  const compiledStyles = {
1383
- "global": ":root {\n\n /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___n7yUt {\n display: flex;\n flex-grow: 1;\n width: 64px;\n z-index: 19999;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar);\n}\n\n.navbar-mod__list___RCV3J {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n flex: 1 1 0;\n}\n\n.body__menu-open .navbar-mod__scrollable-menu___64pxJ {\n flex: 1 1 0;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.navbar-mod__list-item___MjK6t {\n width: 64px;\n min-height: 56px;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar);\n margin: 0;\n list-style: none;\n cursor: pointer;\n}\n\n.navbar-mod__item-link___X2Ina {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n padding: var(--spacing-m);\n width: 100%;\n position: relative;\n display: block;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep {\n width: 24px;\n height: 24px;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon__active___asorg > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n flex: 1;\n font-weight: 500;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n display: none;\n opacity: 0;\n transition: all 0.25s ease-in-out;\n text-align: left;\n text-decoration: none;\n}\n\n.navbar-mod__expander___jyAUi {\n border-top: 1px solid var(--color-neutral-40);\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n}\n\n.navbar-mod__expander___jyAUi:hover {\n background: transparent !important;\n}\n\n.navbar-mod__expand-icon___BtmRa {\n align-items: center;\n border-radius: 32px;\n cursor: pointer;\n display: flex;\n height: 24px;\n justify-content: center;\n transform: translateX(0) rotateZ(0deg);\n width: 24px;\n}\n\n.navbar-mod__item--bottom___eW7nh {\n position: absolute;\n bottom: 50px;\n}\n\n.navbar-mod__list-item___MjK6t:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar-when-hovered);\n}\n\n.navbar-mod__item__active___lo1sr .navbar-mod__title___eRWUj {\n opacity: 1;\n display: block;\n transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___zk0zh {\n height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item_menu-collapsed___cluyY .navbar-mod__item-link___X2Ina {\n text-align: center;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__title___eRWUj {\n border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__sublist___os1s7 {\n padding-top: 40px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n font-weight: 500;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n box-shadow: var(--shadow-for-navbar);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t {\n height: auto;\n min-height: 56px;\n transition: max-height 0.15s ease-out;\n overflow: hidden;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt,\n.body__menu-open .navbar-mod__list-item___MjK6t {\n width: 245px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n display: block;\n opacity: 1;\n margin-left: var(--spacing-m);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expand-icon___BtmRa {\n transform: translateX(0) rotateZ(180deg);\n}\n\n.body__menu-open .navbar-mod__item__active___lo1sr {\n max-height: 500px;\n transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7 {\n position: relative;\n z-index: 1;\n left: 0;\n margin: 0 0 0 calc(\n 24px + var(--spacing-m) + 4px + 4px\n );\n padding: var(--spacing-m) 0 0;\n background-color: transparent;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7.navbar-mod__sublist-no-children___Dy-h- {\n border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n text-decoration: none;\n transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expander___jyAUi {\n min-height: 50px;\n justify-content: flex-end;\n padding: var(--spacing-m);\n}\n\n/* Second level menu */\n\n.navbar-mod__sublist___os1s7 {\n padding: 75px var(--spacing-l) var(--spacing-m);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n position: absolute;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar);\n top: 0;\n left: 64px;\n z-index: -1;\n list-style: none;\n opacity: 0.01;\n visibility: hidden;\n}\n\n.navbar-mod__sublist__inactive___kJvf- {\n /* empty block */\n}\n\n.navbar-mod__sublist-item___gafkS {\n padding: var(--spacing-s) 0 0;\n}\n\n.navbar-mod__sublist-item___gafkS:first-of-type {\n padding: 0;\n}\n\n.navbar-mod__sublist-item___gafkS:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__text___ccHEu {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n}\n\n.navbar-mod__text-link___dhtj6 {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n text-decoration: none;\n transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___dhtj6:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n/* Item active */\n\n.navbar-mod__item__active___lo1sr,\n.navbar-mod__item_menu__active___5xFRw {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n width: calc(\n 205px + 64px -\n var(--spacing-m) * 2\n );\n justify-content: flex-start;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n width: calc(24px + 4px * 2);\n display: flex;\n justify-content: center;\n align-self: flex-start;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n justify-content: flex-start;\n display: flex;\n width: 100%;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n /* empty block */\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n position: relative;\n width: auto;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n margin-left: 40px;\n}\n\n.navbar-mod__item_menu-collapsed___cluyY.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n max-height: 44px;\n overflow: hidden;\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n margin-left: var(--spacing-m);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n margin-left: 0;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n width: 205px;\n min-height: 100%;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n width: calc(100% - calc(\n 24px + var(--spacing-m) + 4px + 4px\n ));\n}\n\n.navbar-mod__sublist-expanded__active___240JK,\n.navbar-mod__sublist-collapsed__active___-9vYh {\n opacity: 1;\n visibility: visible;\n text-align: left;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__highlighted___oJWkA,\n.navbar-mod__highlighted___oJWkA .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-active) !important;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-active);\n}\n\n.navbar-mod__hidden___TQLSs {\n display: none;\n}\n\n.navbar-mod__divider___TpVzu {\n border-top: 1px solid var(--color-neutral-40);\n}\n\n.navbar-mod__loading-dot-container___G2LVb {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___64pxJ {\n flex: 1 1 0;\n padding-bottom: 32px;\n}\n\n.navbar-mod__fixed-menu___42tD9 {\n flex: 0 0 0;\n position: relative;\n}\n",
1039
+ "global": ":root {\n\n /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___n7yUt {\n display: flex;\n flex-grow: 1;\n width: 64px;\n z-index: 19999;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar);\n}\n\n.navbar-mod__list___RCV3J {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n flex: 1 1 0;\n}\n\n.body__menu-open .navbar-mod__scrollable-menu___64pxJ {\n flex: 1 1 0;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.navbar-mod__list-item___MjK6t {\n width: 64px;\n min-height: 56px;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar);\n margin: 0;\n list-style: none;\n cursor: pointer;\n}\n\n.navbar-mod__item-link___X2Ina {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n padding: var(--spacing-m);\n width: 100%;\n position: relative;\n display: block;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep {\n width: 24px;\n height: 24px;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon__active___asorg > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n flex: 1;\n font-weight: 500;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n display: none;\n opacity: 0;\n transition: all 0.25s ease-in-out;\n text-align: left;\n text-decoration: none;\n}\n\n.navbar-mod__expander___jyAUi {\n border-top: 1px solid var(--color-neutral-40);\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n}\n\n.navbar-mod__expander___jyAUi:hover {\n background: transparent !important;\n}\n\n.navbar-mod__expand-icon___BtmRa {\n align-items: center;\n border-radius: 32px;\n cursor: pointer;\n display: flex;\n height: 24px;\n justify-content: center;\n transform: translateX(0) rotateZ(0deg);\n width: 24px;\n}\n\n.navbar-mod__item--bottom___eW7nh {\n position: absolute;\n bottom: 50px;\n}\n\n.navbar-mod__list-item___MjK6t:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar-when-hovered);\n}\n\n.navbar-mod__item__active___lo1sr .navbar-mod__title___eRWUj {\n opacity: 1;\n display: block;\n transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___zk0zh {\n height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item_menu-collapsed___cluyY .navbar-mod__item-link___X2Ina {\n text-align: center;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__title___eRWUj {\n border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___0lmiH .navbar-mod__sublist___os1s7 {\n padding-top: 40px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n font-weight: 500;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n box-shadow: var(--shadow-for-navbar);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t {\n height: auto;\n min-height: 56px;\n transition: max-height 0.15s ease-out;\n overflow: hidden;\n}\n\n.body__menu-open .navbar-mod__left-navigation___n7yUt,\n.body__menu-open .navbar-mod__list-item___MjK6t {\n width: 245px;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj {\n display: block;\n opacity: 1;\n margin-left: var(--spacing-m);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__icon___bLsep > svg *:not([fill='none']) {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n fill: var(--color-for-navbar-icon-when-active);\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__title___eRWUj:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__list-item___MjK6t:not(.navbar-mod__item__active___lo1sr):hover .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expand-icon___BtmRa {\n transform: translateX(0) rotateZ(180deg);\n}\n\n.body__menu-open .navbar-mod__item__active___lo1sr {\n max-height: 500px;\n transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7 {\n position: relative;\n z-index: 1;\n left: 0;\n margin: 0 0 0 calc(\n 24px + var(--spacing-m) + 4px + 4px\n );\n padding: var(--spacing-m) 0 0;\n background-color: transparent;\n}\n\n.body__menu-open .navbar-mod__sublist___os1s7.navbar-mod__sublist-no-children___Dy-h- {\n border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n text-decoration: none;\n transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___o2y1q:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.body__menu-open .navbar-mod__expander___jyAUi {\n min-height: 50px;\n justify-content: flex-end;\n padding: var(--spacing-m);\n}\n\n/* Second level menu */\n\n.navbar-mod__sublist___os1s7 {\n padding: 75px var(--spacing-l) var(--spacing-m);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n position: absolute;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar);\n top: 0;\n left: 64px;\n z-index: -1;\n list-style: none;\n opacity: 0.01;\n visibility: hidden;\n}\n\n.navbar-mod__sublist__inactive___kJvf- {\n /* empty block */\n}\n\n.navbar-mod__sublist-item___gafkS {\n padding: var(--spacing-s) 0 0;\n}\n\n.navbar-mod__sublist-item___gafkS:first-of-type {\n padding: 0;\n}\n\n.navbar-mod__sublist-item___gafkS:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n.navbar-mod__text___ccHEu {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-size: var(--font-size-for-navbar-link);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n line-height: var(--line-height-for-navbar-link);\n}\n\n.navbar-mod__text-link___dhtj6 {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link);\n text-decoration: none;\n transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___dhtj6:hover {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-hovered);\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-hovered);\n}\n\n/* Item active */\n\n.navbar-mod__item__active___lo1sr,\n.navbar-mod__item_menu__active___5xFRw {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n width: calc(\n 205px + 64px -\n var(--spacing-m) * 2\n );\n justify-content: flex-start;\n}\n\n.navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n width: calc(24px + 4px * 2);\n display: flex;\n justify-content: center;\n align-self: flex-start;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__item-icon-text___a-8JY {\n justify-content: flex-start;\n display: flex;\n width: 100%;\n}\n\n.navbar-mod__fixed-menu___42tD9 .navbar-mod__list-item___MjK6t .navbar-mod__icon-container___w3FtA {\n /* empty block */\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n position: relative;\n width: auto;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n margin-left: 40px;\n}\n\n.navbar-mod__item_menu-collapsed___cluyY.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n max-height: 44px;\n overflow: hidden;\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY .navbar-mod__title___eRWUj {\n margin-left: var(--spacing-m);\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__item-icon-text___a-8JY {\n margin-left: 0;\n}\n\n.navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n width: 205px;\n min-height: 100%;\n}\n\n.body__menu-open .navbar-mod__list-item___MjK6t.navbar-mod__item__active___lo1sr .navbar-mod__sublist___os1s7 {\n width: calc(100% - calc(\n 24px + var(--spacing-m) + 4px + 4px\n ));\n}\n\n.navbar-mod__sublist-expanded__active___240JK,\n.navbar-mod__sublist-collapsed__active___-9vYh {\n opacity: 1;\n visibility: visible;\n text-align: left;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n background-color: var(--background-color-for-navbar-when-active);\n}\n\n.navbar-mod__highlighted___oJWkA,\n.navbar-mod__highlighted___oJWkA .navbar-mod__title___eRWUj {\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n color: var(--color-for-navbar-link-when-active) !important;\n /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */\n font-weight: var(--font-weight-for-navbar-link-when-active);\n}\n\n.navbar-mod__hidden___TQLSs {\n display: none;\n}\n\n.navbar-mod__divider___TpVzu {\n border-top: 1px solid var(--color-neutral-40);\n}\n\n.navbar-mod__loading-dot-container___G2LVb {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___64pxJ {\n flex: 1 1 0;\n padding-bottom: 32px;\n /* \n FIXME: Make the navbar scrollable in collapsed state.\n NOTE: do not use `overflow-x: hidden; overflow-y: auto;` as this prevents submenus from showing up on hover \n */\n}\n\n.navbar-mod__fixed-menu___42tD9 {\n flex: 0 0 0;\n position: relative;\n}\n",
1384
1040
  "jsonMap": {
1385
1041
  "left-navigation": "navbar-mod__left-navigation___n7yUt",
1386
1042
  "list": "navbar-mod__list___RCV3J",
@@ -1450,7 +1106,7 @@ const LoadingNavBar = () => {
1450
1106
 
1451
1107
  LoadingNavBar.displayName = 'LoadingNavBar';
1452
1108
 
1453
- const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-785342fe.cjs.prod.js'
1109
+ const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-d7613e23.cjs.prod.js'
1454
1110
  /* webpackChunkName: "project-container" */
1455
1111
  ); }));
1456
1112
 
@@ -1580,15 +1236,7 @@ var pimIndexerStates = {
1580
1236
  NOT_INDEXED: 'NOT_INDEXED'
1581
1237
  };
1582
1238
 
1583
- var trackingEvents = {
1584
- openQuickAccess: {
1585
- event: 'keydown',
1586
- category: 'QuickAccess',
1587
- label: 'quick_access_open'
1588
- }
1589
- };
1590
-
1591
- const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-9375d13a.cjs.prod.js'
1239
+ const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-ca46617f.cjs.prod.js'
1592
1240
  /* webpackChunkName: "quick-access" */
1593
1241
  ); }));
1594
1242
 
@@ -1647,11 +1295,7 @@ const QuickAccessTrigger = props => {
1647
1295
  if (!isVisible) {
1648
1296
  // prevent the letter from appearing in the search input when
1649
1297
  // it is the key press that lead to opening Quick Access
1650
- event.preventDefault(); // We use tracking directly here as it's the easiest
1651
- // Otherwise we'd have to duplicate injectTracking from core, as we
1652
- // can't import it from there
1653
-
1654
- track(trackingEvents.openQuickAccess.event, trackingEvents.openQuickAccess.category, trackingEvents.openQuickAccess.label);
1298
+ event.preventDefault();
1655
1299
  }
1656
1300
 
1657
1301
  open();
@@ -1684,7 +1328,7 @@ const QuickAccessTrigger = props => {
1684
1328
  QuickAccessTrigger.propTypes = {};
1685
1329
  QuickAccessTrigger.displayName = 'QuickAccessTrigger';
1686
1330
 
1687
- const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-3cd584da.cjs.prod.js'
1331
+ const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-90177c4e.cjs.prod.js'
1688
1332
  /* webpackChunkName: "redirect-to-logout" */
1689
1333
  ); }));
1690
1334
 
@@ -1851,7 +1495,7 @@ const ThemeSwitcher = () => {
1851
1495
  });
1852
1496
  };
1853
1497
 
1854
- const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-02448315.cjs.prod.js'
1498
+ const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-21764aaa.cjs.prod.js'
1855
1499
  /* webpackChunkName: "version-tracker" */
1856
1500
  ); }));
1857
1501
 
@@ -1961,8 +1605,6 @@ const ApplicationShellAuthenticated = props => {
1961
1605
  locale: user === null || user === void 0 ? void 0 : user.language,
1962
1606
  applicationMessages: props.applicationMessages,
1963
1607
  children: _ref7 => {
1964
- var _user$businessRole;
1965
-
1966
1608
  let isLoadingLocaleData = _ref7.isLoading,
1967
1609
  locale = _ref7.locale,
1968
1610
  messages = _ref7.messages;
@@ -1981,12 +1623,6 @@ const ApplicationShellAuthenticated = props => {
1981
1623
  children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
1982
1624
  children: [jsxRuntime.jsx(ThemeSwitcher, {}), jsxRuntime.jsx(VersionTracker, {}), jsxRuntime.jsx(RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
1983
1625
  user: user !== null && user !== void 0 ? user : undefined
1984
- }), jsxRuntime.jsx(GtmUserTracker, {
1985
- user: user
1986
- }), jsxRuntime.jsx(GtmApplicationTracker, {
1987
- applicationName: applicationEnvironment.applicationName,
1988
- projectKey: projectKeyFromUrl,
1989
- userBusinessRole: (_user$businessRole = user === null || user === void 0 ? void 0 : user.businessRole) !== null && _user$businessRole !== void 0 ? _user$businessRole : undefined
1990
1626
  }), jsxRuntime.jsxs("div", {
1991
1627
  css: /*#__PURE__*/react$1.css("height:100vh;display:grid;grid-template-rows:auto ", constants.DIMENSIONS.header, " 1fr;grid-template-columns:auto 1fr;" + ("" ), "" ),
1992
1628
  children: [jsxRuntime.jsx("div", {
@@ -2165,143 +1801,6 @@ const ApplicationShellAuthenticated = props => {
2165
1801
  ApplicationShellAuthenticated.propTypes = {};
2166
1802
  ApplicationShellAuthenticated.displayName = 'ApplicationShellAuthenticated';
2167
1803
 
2168
- // https://github.com/Zizzamia/perfume.js#quick-start
2169
- const mapMetricToLabel = metricName => {
2170
- switch (metricName) {
2171
- case 'storageEstimate':
2172
- return 'storageEstimate';
2173
-
2174
- case 'fp':
2175
- return 'firstPaint';
2176
-
2177
- case 'fcp':
2178
- return 'firstContentfulPaint';
2179
-
2180
- case 'fid':
2181
- return 'firstInputDelay';
2182
-
2183
- case 'lcp':
2184
- return 'largestContentfulPaint';
2185
-
2186
- case 'lcpFinal':
2187
- return 'largestContentfulPaintFinal';
2188
-
2189
- case 'cls':
2190
- return 'cumulativeLayoutShift';
2191
-
2192
- case 'clsFinal':
2193
- return 'cumulativeLayoutShiftFinal';
2194
-
2195
- case 'tbt':
2196
- return 'totalBlockingTime';
2197
-
2198
- case 'tbt5S':
2199
- return 'totalBlockingTime5S';
2200
-
2201
- case 'tbt10S':
2202
- return 'totalBlockingTime10S';
2203
-
2204
- case 'tbtFinal':
2205
- return 'totalBlockingTimeFinal';
2206
-
2207
- default:
2208
- return metricName;
2209
- }
2210
- };
2211
-
2212
- const trackPerformance = () => {
2213
- new Perfume__default["default"]({
2214
- analyticsTracker: _ref => {
2215
- let metricName = _ref.metricName,
2216
- data = _ref.data;
2217
-
2218
- switch (metricName) {
2219
- case 'fp':
2220
- case 'fcp':
2221
- case 'fid':
2222
- case 'lcp':
2223
- case 'lcpFinal':
2224
- case 'cls':
2225
- case 'clsFinal':
2226
- case 'tbt':
2227
- case 'tbt10S':
2228
- case 'tbtFinal':
2229
- {
2230
- const paintValue = data;
2231
- trackTiming({
2232
- category: 'Loading Performance',
2233
- variable: mapMetricToLabel(metricName),
2234
- value: paintValue
2235
- });
2236
- break;
2237
- }
2238
- // Navigation Timing collects performance metrics for the life and
2239
- // timings of a network request.
2240
-
2241
- case 'navigationTiming':
2242
- {
2243
- const navigationTiming = data;
2244
- trackTiming({
2245
- category: 'Navigation Timing',
2246
- variable: metricName,
2247
- value: navigationTiming.fetchTime,
2248
- label: 'Fetch time'
2249
- });
2250
- trackTiming({
2251
- category: 'Navigation Timing',
2252
- variable: metricName,
2253
- value: navigationTiming.timeToFirstByte,
2254
- label: 'Time To First Byte'
2255
- });
2256
- trackTiming({
2257
- category: 'Navigation Timing',
2258
- variable: metricName,
2259
- value: navigationTiming.dnsLookupTime,
2260
- label: 'DNS lookup time'
2261
- });
2262
- trackTiming({
2263
- category: 'Navigation Timing',
2264
- variable: metricName,
2265
- value: navigationTiming.totalTime,
2266
- label: 'Total time'
2267
- });
2268
- break;
2269
- }
2270
- // Resource Timing collects performance metrics for document-dependent resources.
2271
- // Stuff like style sheets, scripts, images, et cetera. Perfume helps expose all
2272
- // PerformanceResourceTiming entries and group data data consumption by Kb used.
2273
- // https://zizzamia.github.io/perfume/#/resource-timing/
2274
-
2275
- case 'dataConsumption':
2276
- {
2277
- const dataConsumption = data;
2278
- trackTiming({
2279
- category: 'Resource Timing',
2280
- variable: metricName,
2281
- value: dataConsumption.css,
2282
- label: 'CSS'
2283
- });
2284
- trackTiming({
2285
- category: 'Resource Timing',
2286
- variable: metricName,
2287
- value: dataConsumption.script,
2288
- label: 'Script'
2289
- });
2290
- trackTiming({
2291
- category: 'Resource Timing',
2292
- variable: metricName,
2293
- value: dataConsumption.script,
2294
- label: 'Total '
2295
- });
2296
- break;
2297
- }
2298
- }
2299
- }
2300
- });
2301
- };
2302
-
2303
- trackPerformance();
2304
-
2305
1804
  const maxTitleCharLength = 24;
2306
1805
  const staticPaths = ['account', 'login'];
2307
1806
  const defaultProps$1 = {
@@ -2500,7 +1999,7 @@ const hasCachedAuthenticationState = () => {
2500
1999
  return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
2501
2000
  };
2502
2001
 
2503
- const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-3cabbbe4.cjs.prod.js'
2002
+ const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-dbdfdd52.cjs.prod.js'
2504
2003
  /* webpackChunkName: "oidc-callback" */
2505
2004
  ); }));
2506
2005
 
@@ -2628,36 +2127,33 @@ const ApplicationShellProvider = props => {
2628
2127
  store: configureApollo.internalReduxStore,
2629
2128
  children: jsxRuntime.jsx(react$2.ApolloProvider, {
2630
2129
  client: apolloClient,
2631
- children: jsxRuntime.jsx(reactRouterDom.Router, {
2130
+ children: jsxRuntime.jsxs(reactRouterDom.Router, {
2632
2131
  history: ApplicationShellProvider.history,
2633
- children: jsxRuntime.jsxs(GtmBooter, {
2634
- trackingEventList: props.trackingEventList || {},
2635
- children: [jsxRuntime.jsx(ApplicationPageTitle, {}), jsxRuntime.jsx(AuthenticationRoutes, {
2636
- locale: browserLocale,
2637
- applicationMessages: props.applicationMessages,
2638
- render: _ref => {
2639
- let isAuthenticated = _ref.isAuthenticated;
2640
- if (isAuthenticated) return props.children({
2641
- isAuthenticated
2642
- });
2643
- return jsxRuntime.jsx(i18n.AsyncLocaleData, {
2644
- locale: browserLocale,
2645
- applicationMessages: props.applicationMessages,
2646
- children: _ref2 => {
2647
- let locale = _ref2.locale,
2648
- messages = _ref2.messages;
2649
- return jsxRuntime.jsx(ConfigureIntlProvider, {
2650
- locale: locale,
2651
- messages: messages,
2652
- children: props.children({
2653
- isAuthenticated
2654
- })
2655
- });
2656
- }
2657
- });
2658
- }
2659
- })]
2660
- })
2132
+ children: [jsxRuntime.jsx(ApplicationPageTitle, {}), jsxRuntime.jsx(AuthenticationRoutes, {
2133
+ locale: browserLocale,
2134
+ applicationMessages: props.applicationMessages,
2135
+ render: _ref => {
2136
+ let isAuthenticated = _ref.isAuthenticated;
2137
+ if (isAuthenticated) return props.children({
2138
+ isAuthenticated
2139
+ });
2140
+ return jsxRuntime.jsx(i18n.AsyncLocaleData, {
2141
+ locale: browserLocale,
2142
+ applicationMessages: props.applicationMessages,
2143
+ children: _ref2 => {
2144
+ let locale = _ref2.locale,
2145
+ messages = _ref2.messages;
2146
+ return jsxRuntime.jsx(ConfigureIntlProvider, {
2147
+ locale: locale,
2148
+ messages: messages,
2149
+ children: props.children({
2150
+ isAuthenticated
2151
+ })
2152
+ });
2153
+ }
2154
+ });
2155
+ }
2156
+ })]
2661
2157
  })
2662
2158
  })
2663
2159
  })
@@ -2671,7 +2167,7 @@ ApplicationShellProvider.displayName = 'ApplicationShellProvider'; // This is us
2671
2167
 
2672
2168
  ApplicationShellProvider.history = history__default["default"];
2673
2169
 
2674
- const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-2666e1fc.cjs.prod.js'
2170
+ const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-e89133da.cjs.prod.js'
2675
2171
  /* webpackChunkName: "redirect-to-login" */
2676
2172
  ); }));
2677
2173
 
@@ -2697,7 +2193,6 @@ const ApplicationShell = props => {
2697
2193
  children: [jsxRuntime.jsx(GlobalStyles, {}), jsxRuntime.jsx(ApplicationShellProvider, {
2698
2194
  apolloClient: props.apolloClient,
2699
2195
  environment: props.environment,
2700
- trackingEventList: props.trackingEventList,
2701
2196
  applicationMessages: props.applicationMessages,
2702
2197
  children: _ref => {
2703
2198
  let isAuthenticated = _ref.isAuthenticated;
@@ -2822,17 +2317,6 @@ function setupGlobalErrorListener() {
2822
2317
  });
2823
2318
  }
2824
2319
 
2825
- const GtmUserLogoutTracker = () => {
2826
- react.useEffect(() => {
2827
- // When the user is not logged in anymore (e.g. on logout) we still track
2828
- // page views but without the user data in context.
2829
- stopTrackingUser();
2830
- }, []);
2831
- return null;
2832
- };
2833
-
2834
- GtmUserLogoutTracker.displayName = 'GtmUserLogoutTracker';
2835
-
2836
2320
  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; }
2837
2321
 
2838
2322
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
@@ -2889,8 +2373,6 @@ exports.ConfigureIntlProvider = ConfigureIntlProvider;
2889
2373
  exports.ErrorBoundary = ErrorBoundary;
2890
2374
  exports.Faded = Faded;
2891
2375
  exports.FetchProject = FetchProject;
2892
- exports.GtmContext = GtmContext;
2893
- exports.GtmUserLogoutTracker = GtmUserLogoutTracker;
2894
2376
  exports.IconSwitcher = IconSwitcher;
2895
2377
  exports.InjectReducers = InjectReducers;
2896
2378
  exports.MenuExpander = MenuExpander;
@@ -2911,7 +2393,6 @@ exports.SuspendedRoute = SuspendedRoute;
2911
2393
  exports.createApolloContextForProxyForwardTo = createApolloContextForProxyForwardTo;
2912
2394
  exports.pimIndexerStates = pimIndexerStates;
2913
2395
  exports.setupGlobalErrorListener = setupGlobalErrorListener;
2914
- exports.trackingEvents = trackingEvents$1;
2915
2396
  exports.useMcLazyQuery = useMcLazyQuery;
2916
2397
  exports.useMcMutation = useMcMutation;
2917
2398
  exports.useMcQuery = useMcQuery;