@commercetools-frontend/application-shell 27.7.0 → 27.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/{application-shell-splitter-da67ad37.cjs.prod.js → application-shell-splitter-62fabf2c.cjs.prod.js} +3 -1
  2. package/dist/{application-shell-splitter-01102085.esm.js → application-shell-splitter-dbae9dfc.esm.js} +4 -3
  3. package/dist/{application-shell-splitter-352ca4e9.cjs.dev.js → application-shell-splitter-e87a060f.cjs.dev.js} +3 -1
  4. package/dist/commercetools-frontend-application-shell.cjs.dev.js +1 -1
  5. package/dist/commercetools-frontend-application-shell.cjs.prod.js +1 -1
  6. package/dist/commercetools-frontend-application-shell.esm.js +1 -1
  7. package/dist/{custom-view-dev-host-5fcc37c9.cjs.prod.js → custom-view-dev-host-48d2bc48.cjs.prod.js} +1 -1
  8. package/dist/{custom-view-dev-host-2bbf4471.esm.js → custom-view-dev-host-856878ae.esm.js} +1 -1
  9. package/dist/{custom-view-dev-host-aef72577.cjs.dev.js → custom-view-dev-host-a506643d.cjs.dev.js} +1 -1
  10. package/dist/declarations/src/components/application-shell-splitter/application-shell-splitter.d.ts +10 -0
  11. package/dist/{index-7979d3a7.cjs.prod.js → index-2e1b3109.cjs.prod.js} +54 -35
  12. package/dist/{index-2deb987c.esm.js → index-8202b8ac.esm.js} +65 -42
  13. package/dist/{index-a90072cc.cjs.dev.js → index-c4358b17.cjs.dev.js} +64 -41
  14. package/dist/{oidc-callback-65d1db46.esm.js → oidc-callback-51b6c2c0.esm.js} +1 -1
  15. package/dist/{oidc-callback-2513326e.cjs.prod.js → oidc-callback-cd36b191.cjs.prod.js} +1 -1
  16. package/dist/{oidc-callback-ae8b73d6.cjs.dev.js → oidc-callback-d8a01652.cjs.dev.js} +1 -1
  17. package/dist/{project-container-eb95b425.cjs.dev.js → project-container-289c1867.cjs.dev.js} +5 -5
  18. package/dist/{project-container-435da4e4.esm.js → project-container-cba9e7cb.esm.js} +5 -5
  19. package/dist/{project-container-97b4cc12.cjs.prod.js → project-container-ebc714c6.cjs.prod.js} +5 -5
  20. package/dist/{project-expired-0751630f.cjs.dev.js → project-expired-149df88a.cjs.dev.js} +2 -2
  21. package/dist/{project-expired-ccd9362a.cjs.prod.js → project-expired-8a005b06.cjs.prod.js} +2 -2
  22. package/dist/{project-expired-1e229d55.esm.js → project-expired-bcaaefdd.esm.js} +2 -2
  23. package/dist/{project-not-found-d918e739.cjs.dev.js → project-not-found-3d54a0a9.cjs.dev.js} +2 -2
  24. package/dist/{project-not-found-ff5ef601.cjs.prod.js → project-not-found-5289edf3.cjs.prod.js} +2 -2
  25. package/dist/{project-not-found-982f2bda.esm.js → project-not-found-a816829d.esm.js} +2 -2
  26. package/dist/{project-not-initialized-f6ee8ee9.esm.js → project-not-initialized-6f782586.esm.js} +2 -2
  27. package/dist/{project-not-initialized-3e10fbd3.cjs.prod.js → project-not-initialized-e3aa75cc.cjs.prod.js} +2 -2
  28. package/dist/{project-not-initialized-37952ba1.cjs.dev.js → project-not-initialized-f0debef3.cjs.dev.js} +2 -2
  29. package/dist/{project-suspended-d2ad0440.esm.js → project-suspended-596a4e02.esm.js} +2 -2
  30. package/dist/{project-suspended-56db91cb.cjs.prod.js → project-suspended-d7af8cd7.cjs.prod.js} +2 -2
  31. package/dist/{project-suspended-2cfc378e.cjs.dev.js → project-suspended-dbb8a967.cjs.dev.js} +2 -2
  32. package/dist/{redirect-to-logout-00c21be1.cjs.prod.js → redirect-to-logout-29e049ae.cjs.prod.js} +1 -1
  33. package/dist/{redirect-to-logout-20b88552.cjs.dev.js → redirect-to-logout-6b536a7a.cjs.dev.js} +1 -1
  34. package/dist/{redirect-to-logout-adf75ca8.esm.js → redirect-to-logout-e3a515f4.esm.js} +1 -1
  35. package/dist/{requests-in-flight-loader-4b6c3335.esm.js → requests-in-flight-loader-22c2de59.esm.js} +1 -1
  36. package/dist/{requests-in-flight-loader-45e88997.cjs.prod.js → requests-in-flight-loader-529103d5.cjs.prod.js} +1 -1
  37. package/dist/{requests-in-flight-loader-37db4500.cjs.dev.js → requests-in-flight-loader-ae82cf37.cjs.dev.js} +1 -1
  38. package/dist/{service-page-project-switcher-01c1e961.cjs.prod.js → service-page-project-switcher-baa2016f.cjs.prod.js} +1 -1
  39. package/dist/{service-page-project-switcher-c943ee0d.esm.js → service-page-project-switcher-c0306e45.esm.js} +1 -1
  40. package/dist/{service-page-project-switcher-dc7d94f5.cjs.dev.js → service-page-project-switcher-e339dd8e.cjs.dev.js} +1 -1
  41. package/dist/{user-settings-menu-b55f55bc.cjs.prod.js → user-settings-menu-2235add2.cjs.prod.js} +9 -2
  42. package/dist/user-settings-menu-a1d0ba8e.esm.js +320 -0
  43. package/dist/user-settings-menu-b8359b8b.cjs.dev.js +345 -0
  44. package/package.json +16 -16
  45. package/dist/user-settings-menu-2f453c4b.esm.js +0 -313
  46. package/dist/user-settings-menu-a8a8ac26.cjs.dev.js +0 -338
@@ -29,6 +29,7 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
29
29
 
30
30
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
31
31
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
32
+ const hasNimbus = typeof nimbus.Splitter !== 'undefined';
32
33
  // breakpoint-lg (1024) + sm (384) = 1408
33
34
  // Below 1408px container: overlay — one panel visible at a time
34
35
  // Above 1408px container: side-by-side — main ≥ 1024px, aside ≥ 384px
@@ -49,7 +50,7 @@ const ApplicationShellSplitter = props => {
49
50
  persistKey: oidc.REGIONS.MC_RIGHT_PANEL,
50
51
  size: {
51
52
  0: '100%',
52
- [OVERLAY_THRESHOLD]: 'sm'
53
+ [OVERLAY_THRESHOLD]: 'md'
53
54
  },
54
55
  minSize: {
55
56
  0: '100%',
@@ -106,3 +107,4 @@ const ApplicationShellSplitter = props => {
106
107
  };
107
108
 
108
109
  exports["default"] = ApplicationShellSplitter;
110
+ exports.hasNimbus = hasNimbus;
@@ -9,13 +9,14 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
9
9
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
10
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
11
11
  import { useState, useCallback, useRef, useMemo } from 'react';
12
- import { useResponsiveSplitterSizes, NimbusProvider, Splitter, Region } from '@commercetools/nimbus';
12
+ import { Splitter, useResponsiveSplitterSizes, NimbusProvider, Region } from '@commercetools/nimbus';
13
13
  import { R as REGIONS } from './oidc-cb344fae.esm.js';
14
14
  import { jsx, jsxs } from '@emotion/react/jsx-runtime';
15
15
  import '@babel/runtime-corejs3/core-js-stable/instance/map';
16
16
 
17
17
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
18
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
19
+ const hasNimbus = typeof Splitter !== 'undefined';
19
20
  // breakpoint-lg (1024) + sm (384) = 1408
20
21
  // Below 1408px container: overlay — one panel visible at a time
21
22
  // Above 1408px container: side-by-side — main ≥ 1024px, aside ≥ 384px
@@ -36,7 +37,7 @@ const ApplicationShellSplitter = props => {
36
37
  persistKey: REGIONS.MC_RIGHT_PANEL,
37
38
  size: {
38
39
  0: '100%',
39
- [OVERLAY_THRESHOLD]: 'sm'
40
+ [OVERLAY_THRESHOLD]: 'md'
40
41
  },
41
42
  minSize: {
42
43
  0: '100%',
@@ -92,4 +93,4 @@ const ApplicationShellSplitter = props => {
92
93
  });
93
94
  };
94
95
 
95
- export { ApplicationShellSplitter as default };
96
+ export { ApplicationShellSplitter as default, hasNimbus };
@@ -29,6 +29,7 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
29
29
 
30
30
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
31
31
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
32
+ const hasNimbus = typeof nimbus.Splitter !== 'undefined';
32
33
  // breakpoint-lg (1024) + sm (384) = 1408
33
34
  // Below 1408px container: overlay — one panel visible at a time
34
35
  // Above 1408px container: side-by-side — main ≥ 1024px, aside ≥ 384px
@@ -49,7 +50,7 @@ const ApplicationShellSplitter = props => {
49
50
  persistKey: oidc.REGIONS.MC_RIGHT_PANEL,
50
51
  size: {
51
52
  0: '100%',
52
- [OVERLAY_THRESHOLD]: 'sm'
53
+ [OVERLAY_THRESHOLD]: 'md'
53
54
  },
54
55
  minSize: {
55
56
  0: '100%',
@@ -106,3 +107,4 @@ const ApplicationShellSplitter = props => {
106
107
  };
107
108
 
108
109
  exports["default"] = ApplicationShellSplitter;
110
+ exports.hasNimbus = hasNimbus;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dist_commercetoolsFrontendApplicationShell = require('./index-a90072cc.cjs.dev.js');
5
+ var dist_commercetoolsFrontendApplicationShell = require('./index-c4358b17.cjs.dev.js');
6
6
  var index = require('./index-614accc4.cjs.dev.js');
7
7
  var oidc = require('./oidc-b9e7297c.cjs.dev.js');
8
8
  var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dist_commercetoolsFrontendApplicationShell = require('./index-7979d3a7.cjs.prod.js');
5
+ var dist_commercetoolsFrontendApplicationShell = require('./index-2e1b3109.cjs.prod.js');
6
6
  var index = require('./index-245e2980.cjs.prod.js');
7
7
  var oidc = require('./oidc-0cba182b.cjs.prod.js');
8
8
  var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
@@ -1,4 +1,4 @@
1
- export { e as ApplicationPageTitle, A as ApplicationShell, d as ApplicationShellProvider, C as ConfigureIntlProvider, f as CustomViewShell, i as ErrorApologizer, h as FetchUser, I as InjectReducers, l as ProtectedRoute, R as RedirectToLogin, j as RedirectToLogout, S as SetupFlopFlipProvider, m as SuspendedProtectedRoute, k as SuspendedRoute, g as getBrowserLocale, n as getPreviousProjectKey, s as setupGlobalErrorListener, u as useRoutesCreator, v as version } from './index-2deb987c.esm.js';
1
+ export { e as ApplicationPageTitle, A as ApplicationShell, d as ApplicationShellProvider, C as ConfigureIntlProvider, f as CustomViewShell, i as ErrorApologizer, h as FetchUser, I as InjectReducers, l as ProtectedRoute, R as RedirectToLogin, j as RedirectToLogout, S as SetupFlopFlipProvider, m as SuspendedProtectedRoute, k as SuspendedRoute, g as getBrowserLocale, n as getPreviousProjectKey, s as setupGlobalErrorListener, u as useRoutesCreator, v as version } from './index-8202b8ac.esm.js';
2
2
  export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './index-86039df7.esm.js';
3
3
  export { R as REGIONS } from './oidc-cb344fae.esm.js';
4
4
  export { buildApiUrl, createApolloClient, createApolloContextForProxyForwardTo, createHttpClientOptions, executeHttpClientRequest, getMcApiUrl, selectProjectKeyFromUrl, selectUserId, useMcLazyQuery, useMcMutation, useMcQuery } from '@commercetools-frontend/application-shell-connectors';
@@ -10,7 +10,7 @@ var Constraints = require('@commercetools-uikit/constraints');
10
10
  var PrimaryButton = require('@commercetools-uikit/primary-button');
11
11
  var Spacings = require('@commercetools-uikit/spacings');
12
12
  var Text = require('@commercetools-uikit/text');
13
- var dist_commercetoolsFrontendApplicationShell = require('./index-7979d3a7.cjs.prod.js');
13
+ var dist_commercetoolsFrontendApplicationShell = require('./index-2e1b3109.cjs.prod.js');
14
14
  var jsxRuntime = require('@emotion/react/jsx-runtime');
15
15
  require('./index-245e2980.cjs.prod.js');
16
16
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -8,7 +8,7 @@ import Constraints from '@commercetools-uikit/constraints';
8
8
  import PrimaryButton from '@commercetools-uikit/primary-button';
9
9
  import Spacings from '@commercetools-uikit/spacings';
10
10
  import Text from '@commercetools-uikit/text';
11
- import { A as ApplicationShell } from './index-2deb987c.esm.js';
11
+ import { A as ApplicationShell } from './index-8202b8ac.esm.js';
12
12
  import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
13
13
  import './index-86039df7.esm.js';
14
14
  import '@babel/runtime-corejs3/core-js-stable/object/keys';
@@ -10,7 +10,7 @@ var Constraints = require('@commercetools-uikit/constraints');
10
10
  var PrimaryButton = require('@commercetools-uikit/primary-button');
11
11
  var Spacings = require('@commercetools-uikit/spacings');
12
12
  var Text = require('@commercetools-uikit/text');
13
- var dist_commercetoolsFrontendApplicationShell = require('./index-a90072cc.cjs.dev.js');
13
+ var dist_commercetoolsFrontendApplicationShell = require('./index-c4358b17.cjs.dev.js');
14
14
  var jsxRuntime = require('@emotion/react/jsx-runtime');
15
15
  require('./index-614accc4.cjs.dev.js');
16
16
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -1,5 +1,15 @@
1
1
  import { type ReactNode } from 'react';
2
2
  import type { NimbusRouterConfig } from '@commercetools/nimbus';
3
+ /**
4
+ * Whether `@commercetools/nimbus` actually resolved at build time. When an app
5
+ * has not installed Nimbus, the mc-scripts bundler fallback stubs the import to
6
+ * an empty module, so the bindings above are `undefined`. The async wrapper
7
+ * reads this flag and renders a passthrough instead of mounting the splitter, so
8
+ * Nimbus hooks (e.g. `useResponsiveSplitterSizes`) are never called without
9
+ * Nimbus present. See nimbus `home-bundler-plugins.mdx` ("shared code is
10
+ * responsible for checking whether Nimbus is available before rendering").
11
+ */
12
+ export declare const hasNimbus: boolean;
3
13
  type TApplicationShellSplitterProps = {
4
14
  children: ReactNode;
5
15
  locale: string;
@@ -105,9 +105,9 @@ var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
105
105
  var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
106
106
 
107
107
  // NOTE: This string will be replaced on build time with the package version.
108
- var version = "27.7.0";
108
+ var version = "27.9.0";
109
109
 
110
- const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-45e88997.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
110
+ const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-529103d5.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
111
111
 
112
112
  // Attempt to load the `projectKey` from localStorage
113
113
  function selectProjectKeyFromLocalStorage() {
@@ -386,7 +386,7 @@ ProjectSwitcher.displayName = 'ProjectSwitcher';
386
386
  // eslint-disable-next-line import/prefer-default-export
387
387
  const REQUESTS_IN_FLIGHT_LOADER_DOM_ID = 'loader-for-requests-in-flight';
388
388
 
389
- const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-b55f55bc.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
389
+ const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-2235add2.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
390
390
 
391
391
  var _ref$1 = {
392
392
  name: "zjik7",
@@ -489,13 +489,25 @@ const getBrowserLocale = win => {
489
489
  return l10n.getSupportedLocale(browserLocale);
490
490
  };
491
491
 
492
- const LazyApplicationShellSplitter = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./application-shell-splitter-da67ad37.cjs.prod.js' /* webpackChunkName: "application-shell-splitter" */); }).catch(() => ({
493
- default: _ref => {
494
- let children = _ref.children;
495
- return jsxRuntime.jsx(jsxRuntime.Fragment, {
496
- children: children
497
- });
498
- }
492
+ const Passthrough = _ref => {
493
+ let children = _ref.children;
494
+ return jsxRuntime.jsx(jsxRuntime.Fragment, {
495
+ children: children
496
+ });
497
+ };
498
+ const LazyApplicationShellSplitter = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./application-shell-splitter-62fabf2c.cjs.prod.js' /* webpackChunkName: "application-shell-splitter" */); })
499
+ // When `@commercetools/nimbus` is not installed, the mc-scripts bundler
500
+ // fallback stubs it to an empty module so the build succeeds — but the
501
+ // splitter's Nimbus bindings are then `undefined`. `hasNimbus` reflects that;
502
+ // render a passthrough so no Nimbus code path is mounted.
503
+ .then(mod => mod.hasNimbus ? {
504
+ default: mod.default
505
+ } : {
506
+ default: Passthrough
507
+ })
508
+ // Belt-and-suspenders: if the chunk fails to load outright, still degrade.
509
+ .catch(() => ({
510
+ default: Passthrough
499
511
  })));
500
512
  const ApplicationShellSplitterWrapper = props => {
501
513
  const history = reactRouterDom.useHistory();
@@ -591,9 +603,9 @@ FetchUser.displayName = 'FetchUser';
591
603
 
592
604
  const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-f4b2552d.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
593
605
 
594
- const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-97b4cc12.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
606
+ const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-ebc714c6.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
595
607
 
596
- const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-00c21be1.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
608
+ const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-29e049ae.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
597
609
 
598
610
  const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-e4ff7797.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
599
611
 
@@ -727,18 +739,22 @@ const MainContainer = /*#__PURE__*/_styled__default["default"]("main", {
727
739
  * and contains the "restricted" application part.
728
740
  */
729
741
  var _ref = {
742
+ name: "26rdb6",
743
+ styles: "position:sticky;bottom:0;z-index:9999;pointer-events:none"
744
+ } ;
745
+ var _ref2 = {
730
746
  name: "tlwzvn",
731
747
  styles: "flex-grow:1;display:flex;flex-direction:column;position:relative;>*:not(:first-of-type){flex-grow:1;display:flex;flex-direction:column;}"
732
748
  } ;
733
- var _ref2 = {
749
+ var _ref3 = {
734
750
  name: "lzrvov",
735
751
  styles: "grid-column:1/2;grid-row:2/4;overflow:hidden"
736
752
  } ;
737
- var _ref3 = {
753
+ var _ref4 = {
738
754
  name: "tjbz3t",
739
755
  styles: "grid-row:'2/3';grid-column:'2/3'"
740
756
  } ;
741
- var _ref4 = {
757
+ var _ref5 = {
742
758
  name: "8bdwu0",
743
759
  styles: "grid-row:1;grid-column:1/3"
744
760
  } ;
@@ -757,10 +773,10 @@ const ApplicationShellAuthenticated = props => {
757
773
  notificationsPageRef
758
774
  });
759
775
  return jsxRuntime.jsx(FetchUser, {
760
- children: _ref5 => {
761
- let isLoadingUser = _ref5.isLoading,
762
- user = _ref5.user,
763
- error = _ref5.error;
776
+ children: _ref6 => {
777
+ let isLoadingUser = _ref6.isLoading,
778
+ user = _ref6.user,
779
+ error = _ref6.error;
764
780
  if (error) {
765
781
  // In case there is an unauthorized error, we redirect to the login page
766
782
  if (error.graphQLErrors && _Array$isArray__default["default"](error.graphQLErrors)) {
@@ -781,9 +797,9 @@ const ApplicationShellAuthenticated = props => {
781
797
  return jsxRuntime.jsx(i18n.AsyncLocaleData, {
782
798
  locale: userLocale,
783
799
  applicationMessages: props.applicationMessages,
784
- children: _ref6 => {
785
- let locale = _ref6.locale,
786
- messages = _ref6.messages;
800
+ children: _ref7 => {
801
+ let locale = _ref7.locale,
802
+ messages = _ref7.messages;
787
803
  sentry.reportErrorToSentry(error, {});
788
804
  return jsxRuntime.jsx(ConfigureIntlProvider, {
789
805
  locale: locale,
@@ -807,10 +823,10 @@ const ApplicationShellAuthenticated = props => {
807
823
  children: jsxRuntime.jsx(i18n.AsyncLocaleData, {
808
824
  locale: normalizedUser?.language,
809
825
  applicationMessages: props.applicationMessages,
810
- children: _ref7 => {
811
- let isLoadingLocaleData = _ref7.isLoading,
812
- locale = _ref7.locale,
813
- messages = _ref7.messages;
826
+ children: _ref8 => {
827
+ let isLoadingLocaleData = _ref8.isLoading,
828
+ locale = _ref8.locale,
829
+ messages = _ref8.messages;
814
830
  return jsxRuntime.jsx(ConfigureIntlProvider
815
831
  // We do not want to pass the language as long as the locale data
816
832
  // is not loaded.
@@ -834,20 +850,20 @@ const ApplicationShellAuthenticated = props => {
834
850
  ref: notificationsGlobalRef,
835
851
  role: "region",
836
852
  "aria-live": "polite",
837
- css: _ref4,
853
+ css: _ref5,
838
854
  children: [jsxRuntime.jsx("div", {
839
855
  id: "above-top-navigation"
840
856
  }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
841
857
  domain: constants.DOMAINS.GLOBAL
842
858
  })]
843
859
  }), jsxRuntime.jsx("header", {
844
- css: _ref3,
860
+ css: _ref4,
845
861
  children: jsxRuntime.jsx(AppBar, {
846
862
  user: normalizedUser,
847
863
  projectKeyFromUrl: projectKeyFromUrl
848
864
  })
849
865
  }), jsxRuntime.jsx("aside", {
850
- css: _ref2,
866
+ css: _ref3,
851
867
  children: (() => {
852
868
  // The <NavBar> should only be rendered within a project
853
869
  // context, therefore when there is a `projectKey`.
@@ -862,9 +878,9 @@ const ApplicationShellAuthenticated = props => {
862
878
  if (!projectKeyFromUrl) return null;
863
879
  return jsxRuntime.jsx(FetchProject, {
864
880
  projectKey: projectKeyFromUrl,
865
- children: _ref8 => {
866
- let isLoadingProject = _ref8.isLoading,
867
- project = _ref8.project;
881
+ children: _ref9 => {
882
+ let isLoadingProject = _ref9.isLoading,
883
+ project = _ref9.project;
868
884
  const isLoading = isLoadingUser || isLoadingLocaleData || isLoadingProject || !locale || !project;
869
885
  return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
870
886
  user: normalizedUser,
@@ -898,7 +914,7 @@ const ApplicationShellAuthenticated = props => {
898
914
  }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
899
915
  domain: constants.DOMAINS.SIDE
900
916
  }), jsxRuntime.jsxs("div", {
901
- css: _ref,
917
+ css: _ref2,
902
918
  children: [jsxRuntime.jsx(applicationComponents.PortalsContainer
903
919
  // @ts-ignore
904
920
  , {
@@ -963,6 +979,9 @@ const ApplicationShellAuthenticated = props => {
963
979
  })
964
980
  })]
965
981
  })]
982
+ }), jsxRuntime.jsx("div", {
983
+ id: constants.MC_MAIN_CONTAINER_PORTAL_ID,
984
+ css: _ref
966
985
  })]
967
986
  })]
968
987
  })]
@@ -1181,7 +1200,7 @@ const hasCachedAuthenticationState = () => {
1181
1200
  return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
1182
1201
  };
1183
1202
 
1184
- const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-2513326e.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
1203
+ const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-cd36b191.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
1185
1204
 
1186
1205
  function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
1187
1206
  function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1446,7 +1465,7 @@ const ApplicationShell = props => {
1446
1465
  ApplicationShell.displayName = 'ApplicationShell';
1447
1466
  ApplicationShell.version = version;
1448
1467
 
1449
- const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-5fcc37c9.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
1468
+ const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-48d2bc48.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
1450
1469
 
1451
1470
  function CustomViewFlopFlipProvider(props) {
1452
1471
  const adapterArgs = react.useMemo(() => ({