@crystaldesign/diva-core 26.5.0-beta.48 → 26.5.0-beta.49

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 (18) hide show
  1. package/build/esm/{ModalsWrapper-a56664d5.js → ModalsWrapper-effde3ac.js} +4 -1
  2. package/build/esm/{index-b36f36ee.js → index-68810b6c.js} +1 -1
  3. package/build/esm/{index-3eb0eec0.js → index-de7321a7.js} +156 -126
  4. package/build/esm/index.js +1 -1
  5. package/build/types/core/src/elements/Modal/index.d.ts.map +1 -1
  6. package/build/types/core/src/elements/Spinner/index.d.ts.map +1 -1
  7. package/build/types/core/src/externalTypes.d.ts +1 -1
  8. package/build/types/core/src/externalTypes.d.ts.map +1 -1
  9. package/build/types/core/src/store/ContentStore.d.ts +1 -0
  10. package/build/types/core/src/store/ContentStore.d.ts.map +1 -1
  11. package/build/types/core/src/store/LoadingAndErrorStore.d.ts +3 -1
  12. package/build/types/core/src/store/LoadingAndErrorStore.d.ts.map +1 -1
  13. package/build/types/core/src/store/index.d.ts +2 -1
  14. package/build/types/core/src/store/index.d.ts.map +1 -1
  15. package/build/umd/858.diva-core.umd.min.js +1 -1
  16. package/build/umd/diva-core.umd.min.js +1 -1
  17. package/build/umd/report.html +1 -1
  18. package/package.json +10 -10
package/build/esm/{index-3eb0eec0.js → index-de7321a7.js} RENAMED
@@ -45,7 +45,7 @@ import { actions } from '@storybook/addon-actions';
45
45
  import * as Styles from '@mui/styles';
46
46
 
47
47
  (function() {
48
- const env = {"STAGE":"production","VERSION":"26.5.0-beta.48"};
48
+ const env = {"STAGE":"production","VERSION":"26.5.0-beta.49"};
49
49
  try {
50
50
  if (process) {
51
51
  process.env = Object.assign({}, process.env);
@@ -602,7 +602,7 @@ function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
602
602
  function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
603
603
  function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
604
604
  function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
605
- var LOG$e = getLogger('Framework', 'webcomponent');
605
+ var LOG$f = getLogger('Framework', 'webcomponent');
606
606
  var DivaFramework = /*#__PURE__*/function (_HTMLElement) {
607
607
  function DivaFramework() {
608
608
  var _this;
@@ -827,7 +827,7 @@ var CoreWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
827
827
  return key.startsWith('Crystaldesign');
828
828
  }).forEach(function (key) {
829
829
  var _key2;
830
- LOG$e.debug('Loading UMD Component', key, window[key]);
830
+ LOG$f.debug('Loading UMD Component', key, window[key]);
831
831
  var value = (_key2 = window[key]) === null || _key2 === void 0 ? void 0 : _key2["default"];
832
832
  if (value !== null && value !== void 0 && value.name) {
833
833
  available.push(value);
@@ -951,7 +951,7 @@ var defaultTheme = {
951
951
 
952
952
  function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
953
953
  function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
954
- var LOG$d = getLogger('Framework', 'ConfigurationStore');
954
+ var LOG$e = getLogger('Framework', 'ConfigurationStore');
955
955
  var ConfigurationStore = /*#__PURE__*/function () {
956
956
  function ConfigurationStore(root, identifier, defaultApiConfig, domain) {
957
957
  _classCallCheck(this, ConfigurationStore);
@@ -1288,17 +1288,17 @@ var ConfigurationStore = /*#__PURE__*/function () {
1288
1288
  while (1) switch (_context.prev = _context.next) {
1289
1289
  case 0:
1290
1290
  identifier = _ref3.identifier, type = _ref3.type, domain = _ref3.domain, _ref3$organizationId = _ref3.organizationId, organizationId = _ref3$organizationId === void 0 ? this.root.dataStore.organizationId : _ref3$organizationId;
1291
- LOG$d.debug("Fetching configuration for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1291
+ LOG$e.debug("Fetching configuration for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1292
1292
  configuration = this.configurationCache.get(type + identifier + organizationId);
1293
1293
  if (!configuration) {
1294
1294
  _context.next = 6;
1295
1295
  break;
1296
1296
  }
1297
- LOG$d.debug("Found configuration in cache for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1297
+ LOG$e.debug("Found configuration in cache for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1298
1298
  return _context.abrupt("return", configuration);
1299
1299
  case 6:
1300
1300
  _context.prev = 6;
1301
- LOG$d.debug("Need to load configuration from service for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1301
+ LOG$e.debug("Need to load configuration from service for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1302
1302
  _context.next = 10;
1303
1303
  return this.root.apiHandler.fetchConfiguration({
1304
1304
  organizationId: organizationId,
@@ -1313,7 +1313,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
1313
1313
  case 13:
1314
1314
  _context.prev = 13;
1315
1315
  _context.t0 = _context["catch"](6);
1316
- LOG$d.error(new DivaError('Error while fetching configuration', {
1316
+ LOG$e.error(new DivaError('Error while fetching configuration', {
1317
1317
  cause: _context.t0
1318
1318
  }));
1319
1319
  configuration = {};
@@ -1358,7 +1358,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
1358
1358
  case 31:
1359
1359
  _context.prev = 31;
1360
1360
  _context.t1 = _context["catch"](25);
1361
- LOG$d.error(new DivaError("Error while fetching configuration for ".concat(subType), {
1361
+ LOG$e.error(new DivaError("Error while fetching configuration for ".concat(subType), {
1362
1362
  cause: _context.t1
1363
1363
  }));
1364
1364
  configuration["".concat(subType, "Settings")] = {};
@@ -1368,7 +1368,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
1368
1368
  break;
1369
1369
  case 38:
1370
1370
  this.configurationCache.set(type + identifier + organizationId, configuration);
1371
- LOG$d.debug("Loaded configuration from service ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1371
+ LOG$e.debug("Loaded configuration from service ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1372
1372
  return _context.abrupt("return", configuration);
1373
1373
  case 41:
1374
1374
  case "end":
@@ -1474,7 +1474,7 @@ function isIpadOS() {
1474
1474
 
1475
1475
  function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1476
1476
  function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1477
- var LOG$c = getLogger('Framework', 'DataStore');
1477
+ var LOG$d = getLogger('Framework', 'DataStore');
1478
1478
  var DataStore = /*#__PURE__*/function () {
1479
1479
  function DataStore(root) {
1480
1480
  _classCallCheck(this, DataStore);
@@ -1586,12 +1586,12 @@ var DataStore = /*#__PURE__*/function () {
1586
1586
  set: function set(user) {
1587
1587
  var _this$_user;
1588
1588
  if (user !== null && user !== void 0 && user._id && user._id == ((_this$_user = this._user) === null || _this$_user === void 0 ? void 0 : _this$_user._id)) {
1589
- LOG$c.debug('User did not change');
1589
+ LOG$d.debug('User did not change');
1590
1590
  } else if (!user) {
1591
- LOG$c.debug('User was removed');
1591
+ LOG$d.debug('User was removed');
1592
1592
  } else if (user._id) {
1593
1593
  var _this$_user2;
1594
- LOG$c.debug("User changed from ".concat((_this$_user2 = this._user) === null || _this$_user2 === void 0 ? void 0 : _this$_user2._id, " to ").concat(user._id));
1594
+ LOG$d.debug("User changed from ".concat((_this$_user2 = this._user) === null || _this$_user2 === void 0 ? void 0 : _this$_user2._id, " to ").concat(user._id));
1595
1595
  DivaUtils.businessMetrics.setUser(user._id, user.mainEmail, user.name + ' ' + user.familyName); //Obsolete
1596
1596
  }
1597
1597
  this._user = user;
@@ -1739,10 +1739,10 @@ var DataStore = /*#__PURE__*/function () {
1739
1739
  _context4.next = 23;
1740
1740
  break;
1741
1741
  }
1742
- LOG$c.debug("Found Session GUID in store for ".concat(sessionKey));
1742
+ LOG$d.debug("Found Session GUID in store for ".concat(sessionKey));
1743
1743
  return _context4.abrupt("return", this._sessionGuids[sessionKey]);
1744
1744
  case 23:
1745
- LOG$c.debug("No Session GUID found in store for ".concat(sessionKey), toJS(this._sessionGuids));
1745
+ LOG$d.debug("No Session GUID found in store for ".concat(sessionKey), toJS(this._sessionGuids));
1746
1746
  url = api2Url + '?function=JsonLoginByAuthToken' + ('&UserRole=' + userRole) + ('&organizationId=' + organization) + ('&mode=' + (mode !== null && mode !== void 0 ? mode : this.root.loginMode));
1747
1747
  _context4.next = 27;
1748
1748
  return fetch(url, {
@@ -1769,7 +1769,7 @@ var DataStore = /*#__PURE__*/function () {
1769
1769
  });
1770
1770
  case 27:
1771
1771
  res = _context4.sent;
1772
- LOG$c.debug("Fetched new session GUID from api for ".concat(sessionKey));
1772
+ LOG$d.debug("Fetched new session GUID from api for ".concat(sessionKey));
1773
1773
  this._sessionGuids[sessionKey] = res;
1774
1774
  return _context4.abrupt("return", this._sessionGuids[sessionKey]);
1775
1775
  case 31:
@@ -1833,11 +1833,11 @@ var DataStore = /*#__PURE__*/function () {
1833
1833
  if (this.root.authorizationStore.loginState == 'user') {
1834
1834
  this.root.browserStateStore.setStoredOrganization(organizationId);
1835
1835
  }
1836
- LOG$c.debug("Organization changed from ".concat(prevOrganization, " to ").concat(organizationId));
1836
+ LOG$d.debug("Organization changed from ".concat(prevOrganization, " to ").concat(organizationId));
1837
1837
  _context5.next = 19;
1838
1838
  break;
1839
1839
  case 18:
1840
- LOG$c.debug("Organization did not change.");
1840
+ LOG$d.debug("Organization did not change.");
1841
1841
  case 19:
1842
1842
  _context5.next = 24;
1843
1843
  break;
@@ -1884,7 +1884,7 @@ var DataStore = /*#__PURE__*/function () {
1884
1884
  _context6.prev = 10;
1885
1885
  _context6.t0 = _context6["catch"](3);
1886
1886
  this._organizationTree = DataStore.EMPTY_ORGANIZATION_TREE;
1887
- LOG$c.warn('Could not fetch organization tree');
1887
+ LOG$d.warn('Could not fetch organization tree');
1888
1888
  case 14:
1889
1889
  case "end":
1890
1890
  return _context6.stop();
@@ -1936,7 +1936,7 @@ function empty(p) {
1936
1936
 
1937
1937
  function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
1938
1938
  function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() { return !!t; })(); }
1939
- var LOG$b = getLogger('Framework', 'root');
1939
+ var LOG$c = getLogger('Framework', 'root');
1940
1940
  var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
1941
1941
  function ErrorBoundary(props) {
1942
1942
  var _this;
@@ -1950,7 +1950,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
1950
1950
  return _createClass(ErrorBoundary, [{
1951
1951
  key: "componentDidCatch",
1952
1952
  value: function componentDidCatch(error) {
1953
- LOG$b.error(new DivaError('Error while rendring in Core', {
1953
+ LOG$c.error(new DivaError('Error while rendring in Core', {
1954
1954
  cause: error,
1955
1955
  custom: {
1956
1956
  code: 'CORE_0000'
@@ -1987,12 +1987,12 @@ function Fallback () {
1987
1987
  var _excluded$5 = ["children"];
1988
1988
  function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1989
1989
  function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1990
- var LOG$a = getLogger('Framework', 'root');
1990
+ var LOG$b = getLogger('Framework', 'root');
1991
1991
  var DivaCore = /*#__PURE__*/forwardRef(function (_ref, ref) {
1992
1992
  var children = _ref.children,
1993
1993
  props = _objectWithoutProperties(_ref, _excluded$5);
1994
1994
  useEffect(function () {
1995
- LOG$a.successTransaction('UNTIL_RENDER');
1995
+ LOG$b.successTransaction('UNTIL_RENDER');
1996
1996
  }, []);
1997
1997
  return /*#__PURE__*/jsx(DivaCoreProvider, _objectSpread$b(_objectSpread$b({}, props), {}, {
1998
1998
  ref: ref,
@@ -2163,8 +2163,8 @@ function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r
2163
2163
  function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
2164
2164
  function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2165
2165
  function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2166
- var LOG$9 = getLogger('Framework', 'ContentStore');
2167
- var ALLOWED_WRAPPER_MODULES = ['ARCHIVE', 'PRODUCT_LIST'];
2166
+ var LOG$a = getLogger('Framework', 'ContentStore');
2167
+ var ALLOWED_WRAPPER_MODULES = ['ARCHIVE', 'PRODUCT_LIST', 'SALES_MANAGER'];
2168
2168
  var ContentStore = /*#__PURE__*/function () {
2169
2169
  function ContentStore(components, root) {
2170
2170
  var _this = this;
@@ -2195,6 +2195,8 @@ var ContentStore = /*#__PURE__*/function () {
2195
2195
  _defineProperty(this, "resizeObserver", undefined);
2196
2196
  _defineProperty(this, "_dimensions", undefined);
2197
2197
  _defineProperty(this, "_currentlyRendered", []);
2198
+ // Built once on open so the component identity stays stable across `_fullscreenComponent` updates and React doesn't remount.
2199
+ _defineProperty(this, "_fullscreenRender", undefined);
2198
2200
  _defineProperty(this, "mapTypeToModule", function (type) {
2199
2201
  switch (type) {
2200
2202
  case 'START_PAGE':
@@ -2314,7 +2316,7 @@ var ContentStore = /*#__PURE__*/function () {
2314
2316
  case 17:
2315
2317
  _context.prev = 17;
2316
2318
  _context.t0 = _context["catch"](8);
2317
- LOG$9.error(_context.t0);
2319
+ LOG$a.error(_context.t0);
2318
2320
  if (callback) {
2319
2321
  callback(false);
2320
2322
  } else {
@@ -2346,7 +2348,7 @@ var ContentStore = /*#__PURE__*/function () {
2346
2348
  this.root = root;
2347
2349
  this.configuration = components;
2348
2350
  if (window.customElements.get('model-viewer')) this._modelViewerHasLoaded = true;
2349
- LOG$9.debug("Available Components: ".concat(components.map(function (c) {
2351
+ LOG$a.debug("Available Components: ".concat(components.map(function (c) {
2350
2352
  return c.name;
2351
2353
  })));
2352
2354
  makeAutoObservable(this, {
@@ -2366,6 +2368,7 @@ var ContentStore = /*#__PURE__*/function () {
2366
2368
  _drawerMenu: observable.ref,
2367
2369
  resizeObserver: false,
2368
2370
  _currentlyRendered: false,
2371
+ _fullscreenRender: false,
2369
2372
  openComponent: flow,
2370
2373
  openComponentInFullscreen: flow,
2371
2374
  getState: false
@@ -2503,12 +2506,12 @@ var ContentStore = /*#__PURE__*/function () {
2503
2506
  case 3:
2504
2507
  this.root.loadingAndErrorStore.setError(undefined);
2505
2508
  this.root.loadingAndErrorStore.toggleLoading('openComponent');
2506
- LOG$9.debug('openComponent', toJS(action));
2509
+ LOG$a.debug('openComponent', toJS(action));
2507
2510
  if (!action.url) {
2508
2511
  _context3.next = 11;
2509
2512
  break;
2510
2513
  }
2511
- LOG$9.businessEvent('onOpenModule', action.openInNewTab ? 'OpenUrlNewTab' : 'OpenUrl', "Open link ".concat(action.url), {
2514
+ LOG$a.businessEvent('onOpenModule', action.openInNewTab ? 'OpenUrlNewTab' : 'OpenUrl', "Open link ".concat(action.url), {
2512
2515
  url: action.url
2513
2516
  });
2514
2517
  if (action.openInNewTab) {
@@ -2605,7 +2608,7 @@ var ContentStore = /*#__PURE__*/function () {
2605
2608
  _context3.next = 41;
2606
2609
  break;
2607
2610
  }
2608
- LOG$9.debug("Component is restricted, open login form");
2611
+ LOG$a.debug("Component is restricted, open login form");
2609
2612
  this._restrictedComponent = action;
2610
2613
  this.root.authorizationStore.showLogin();
2611
2614
  this.root.loadingAndErrorStore.toggleLoading('openComponent');
@@ -2630,7 +2633,7 @@ var ContentStore = /*#__PURE__*/function () {
2630
2633
  _context3.next = 51;
2631
2634
  break;
2632
2635
  }
2633
- LOG$9.warn('Wrapper org restriction detected, redirecting to default module', {
2636
+ LOG$a.warn('Wrapper org restriction detected, redirecting to default module', {
2634
2637
  requestedAction: toJS(action),
2635
2638
  defaultComponent: toJS(defaultComponent),
2636
2639
  organizationId: this.root.dataStore.organizationId
@@ -2664,7 +2667,7 @@ var ContentStore = /*#__PURE__*/function () {
2664
2667
  parameters = otherPrams;
2665
2668
  }
2666
2669
  module = this.mapTypeToModule((_config8 = config) === null || _config8 === void 0 ? void 0 : _config8.type);
2667
- LOG$9.businessEvent('onOpenModule', module, "Open module ".concat((_config9 = config) === null || _config9 === void 0 ? void 0 : _config9.type), openModuleLables);
2670
+ LOG$a.businessEvent('onOpenModule', module, "Open module ".concat((_config9 = config) === null || _config9 === void 0 ? void 0 : _config9.type), openModuleLables);
2668
2671
  prevType = this.visible;
2669
2672
  prevState = this.state.get(this.visible || '');
2670
2673
  currentState = this.state.get(config.type);
@@ -2711,11 +2714,11 @@ var ContentStore = /*#__PURE__*/function () {
2711
2714
  key: "openComponentInFullscreen",
2712
2715
  value: /*#__PURE__*/_regeneratorRuntime.mark(function openComponentInFullscreen(component) {
2713
2716
  var _config10, _config11;
2714
- var type, parameters, internal, route, config, settings, module, componentState;
2717
+ var type, parameters, internal, route, config, settings, module, componentState, cmp;
2715
2718
  return _regeneratorRuntime.wrap(function openComponentInFullscreen$(_context4) {
2716
2719
  while (1) switch (_context4.prev = _context4.next) {
2717
2720
  case 0:
2718
- LOG$9.debug('openComponentInFullscreen', toJS(component));
2721
+ LOG$a.debug('openComponentInFullscreen', toJS(component));
2719
2722
  this.root.loadingAndErrorStore.setError(undefined);
2720
2723
  type = component.type, parameters = component.parameters, internal = component.internal, route = component.route;
2721
2724
  config = undefined;
@@ -2761,7 +2764,7 @@ var ContentStore = /*#__PURE__*/function () {
2761
2764
  settings = _context4.sent;
2762
2765
  case 18:
2763
2766
  module = this.mapTypeToModule((_config10 = config) === null || _config10 === void 0 ? void 0 : _config10.type);
2764
- LOG$9.businessEvent('onOpenModule', module, "Open module ".concat((_config11 = config) === null || _config11 === void 0 ? void 0 : _config11.type));
2767
+ LOG$a.businessEvent('onOpenModule', module, "Open module ".concat((_config11 = config) === null || _config11 === void 0 ? void 0 : _config11.type));
2765
2768
  componentState = {
2766
2769
  key: config.type,
2767
2770
  parameters: parameters,
@@ -2772,8 +2775,15 @@ var ContentStore = /*#__PURE__*/function () {
2772
2775
  };
2773
2776
  this.setGlobalClass();
2774
2777
  this._fullscreenComponent = componentState;
2778
+ cmp = this.configuration.find(function (c) {
2779
+ return c.name == config.type;
2780
+ });
2781
+ if (cmp) this._fullscreenRender = {
2782
+ name: cmp.name,
2783
+ component: withTransaction(config.type, 'Module')(cmp.renderFunction)
2784
+ };
2775
2785
  this.root.loadingAndErrorStore.toggleLoading('openComponent');
2776
- case 24:
2786
+ case 26:
2777
2787
  case "end":
2778
2788
  return _context4.stop();
2779
2789
  }
@@ -2783,6 +2793,7 @@ var ContentStore = /*#__PURE__*/function () {
2783
2793
  key: "closeComponentInFullscreen",
2784
2794
  value: function closeComponentInFullscreen() {
2785
2795
  this._fullscreenComponent = undefined;
2796
+ this._fullscreenRender = undefined;
2786
2797
  this.root.onEvent({
2787
2798
  type: 'closeComponentInFullscreen'
2788
2799
  });
@@ -3398,7 +3409,6 @@ var ContentStore = /*#__PURE__*/function () {
3398
3409
  if (component.type === 'SALES_MANAGER' && !((_this7$root$dataStore = _this7.root.dataStore.organization) !== null && _this7$root$dataStore !== void 0 && (_this7$root$dataStore = _this7$root$dataStore.settings) !== null && _this7$root$dataStore !== void 0 && _this7$root$dataStore.enableInsights)) {
3399
3410
  return false;
3400
3411
  }
3401
-
3402
3412
  //only this modules are allowed in wrapper organizations
3403
3413
  if (_this7.isWrapperOrganization && !ALLOWED_WRAPPER_MODULES.includes(component.type)) return false;
3404
3414
 
@@ -3449,23 +3459,16 @@ var ContentStore = /*#__PURE__*/function () {
3449
3459
  }, {
3450
3460
  key: "fullscreenComponent",
3451
3461
  get: function get() {
3452
- var _this9 = this;
3453
- var component = this.availableComponents.find(function (component) {
3454
- var _this9$_fullscreenCom;
3455
- return component.type == ((_this9$_fullscreenCom = _this9._fullscreenComponent) === null || _this9$_fullscreenCom === void 0 ? void 0 : _this9$_fullscreenCom.key);
3456
- });
3457
- var cmp = this.configuration.find(function (config) {
3458
- return (component === null || component === void 0 ? void 0 : component.type) == config.name;
3459
- });
3460
- if (!cmp || !component || !this._fullscreenComponent) throw new DivaError("No component with the specified settings found", {
3462
+ var _this$_fullscreenComp;
3463
+ if (!this._fullscreenComponent || !this._fullscreenRender) throw new DivaError("No component with the specified settings found", {
3461
3464
  code: 'CORE_0005',
3462
3465
  custom: {
3463
- key: this._fullscreenComponent.key
3466
+ key: (_this$_fullscreenComp = this._fullscreenComponent) === null || _this$_fullscreenComp === void 0 ? void 0 : _this$_fullscreenComp.key
3464
3467
  }
3465
3468
  });
3466
3469
  return {
3467
- name: cmp.name,
3468
- component: withTransaction(this._fullscreenComponent.key, 'Module')(cmp.renderFunction),
3470
+ name: this._fullscreenRender.name,
3471
+ component: this._fullscreenRender.component,
3469
3472
  state: this._fullscreenComponent
3470
3473
  };
3471
3474
  }
@@ -3477,8 +3480,8 @@ var ContentStore = /*#__PURE__*/function () {
3477
3480
  }, {
3478
3481
  key: "isAbsoluteFullscreenComponent",
3479
3482
  get: function get() {
3480
- var _this$_fullscreenComp;
3481
- return !!((_this$_fullscreenComp = this._fullscreenComponent) !== null && _this$_fullscreenComp !== void 0 && _this$_fullscreenComp.absoluteFullscreen) || this._isAbsoluteComponent;
3483
+ var _this$_fullscreenComp2;
3484
+ return !!((_this$_fullscreenComp2 = this._fullscreenComponent) !== null && _this$_fullscreenComp2 !== void 0 && _this$_fullscreenComp2.absoluteFullscreen) || this._isAbsoluteComponent;
3482
3485
  }
3483
3486
 
3484
3487
  /**
@@ -3499,24 +3502,24 @@ var ContentStore = /*#__PURE__*/function () {
3499
3502
  key: "availableButtons",
3500
3503
  get: function get() {
3501
3504
  var _this$root$configurat,
3502
- _this10 = this;
3505
+ _this9 = this;
3503
3506
  return (_this$root$configurat = this.root.configurationStore.navigation) === null || _this$root$configurat === void 0 ? void 0 : _this$root$configurat.buttons.filter(function (button) {
3504
3507
  //if component is public it can be displayed
3505
3508
  if (button.isPublic) {
3506
3509
  return true;
3507
3510
  }
3508
3511
  //if the user is not logged in the component must be public
3509
- if (!_this10.root.dataStore.user) {
3512
+ if (!_this9.root.dataStore.user) {
3510
3513
  return false;
3511
3514
  }
3512
3515
 
3513
3516
  //if the button is opening a component, the component must be availalbe
3514
- if (button.action.type && !_this10.availableComponentList.includes(button.action.type)) {
3517
+ if (button.action.type && !_this9.availableComponentList.includes(button.action.type)) {
3515
3518
  return false;
3516
3519
  }
3517
3520
 
3518
3521
  //if there is a permission specified, the user must have it
3519
- return button.permission ? _this10.root.dataStore.userHasPermission(button.permission) : true;
3522
+ return button.permission ? _this9.root.dataStore.userHasPermission(button.permission) : true;
3520
3523
  });
3521
3524
  }
3522
3525
 
@@ -3546,7 +3549,7 @@ var ContentStore = /*#__PURE__*/function () {
3546
3549
  if (this.isAbsoluteFullscreenComponent) {
3547
3550
  dimensions = calculateDimensions(window.innerWidth, window.innerHeight);
3548
3551
  }
3549
- LOG$9.debug("Detected dimensions: ".concat(JSON.stringify(dimensions, null, 2), " "));
3552
+ LOG$a.debug("Detected dimensions: ".concat(JSON.stringify(dimensions, null, 2), " "));
3550
3553
  return dimensions;
3551
3554
  }
3552
3555
 
@@ -3557,7 +3560,7 @@ var ContentStore = /*#__PURE__*/function () {
3557
3560
  }, {
3558
3561
  key: "resetState",
3559
3562
  value: function resetState() {
3560
- LOG$9.debug('Reset page state');
3563
+ LOG$a.debug('Reset page state');
3561
3564
  var prevType = this.visible;
3562
3565
  var prevState = this.state.get(this.visible || '');
3563
3566
  this.root.dataStore.clearSessionGuids();
@@ -3601,7 +3604,7 @@ var ContentStore = /*#__PURE__*/function () {
3601
3604
  }, {
3602
3605
  key: "updateStateAfterLogout",
3603
3606
  value: function updateStateAfterLogout() {
3604
- var _this11 = this;
3607
+ var _this10 = this;
3605
3608
  var _iterator3 = _createForOfIteratorHelper$1(this.state.entries()),
3606
3609
  _step3;
3607
3610
  try {
@@ -3609,19 +3612,19 @@ var ContentStore = /*#__PURE__*/function () {
3609
3612
  var _step3$value = _slicedToArray(_step3.value, 2),
3610
3613
  type = _step3$value[0],
3611
3614
  component = _step3$value[1];
3612
- var config = _this11.root.configurationStore.components.find(function (c) {
3615
+ var config = _this10.root.configurationStore.components.find(function (c) {
3613
3616
  return c.type == type;
3614
3617
  });
3615
3618
  if (!(config !== null && config !== void 0 && config.isPublic)) {
3616
- _this11.state["delete"](type);
3617
- if (_this11.visible == type) {
3618
- _this11.visible = undefined;
3619
- _this11._restrictedComponent = {
3619
+ _this10.state["delete"](type);
3620
+ if (_this10.visible == type) {
3621
+ _this10.visible = undefined;
3622
+ _this10._restrictedComponent = {
3620
3623
  type: type,
3621
3624
  parameters: component.parameters,
3622
3625
  internal: component.internal
3623
3626
  };
3624
- _this11.root.authorizationStore.showLogin();
3627
+ _this10.root.authorizationStore.showLogin();
3625
3628
  }
3626
3629
  }
3627
3630
  };
@@ -3716,10 +3719,10 @@ var ContentStore = /*#__PURE__*/function () {
3716
3719
  }, {
3717
3720
  key: "onResize",
3718
3721
  value: function onResize(width, height) {
3719
- var _this12 = this;
3722
+ var _this11 = this;
3720
3723
  this.onResizeFunc(width, height);
3721
3724
  setTimeout(function () {
3722
- _this12.onResizeFunc(width, height);
3725
+ _this11.onResizeFunc(width, height);
3723
3726
  }, 500);
3724
3727
  }
3725
3728
  }, {
@@ -3751,7 +3754,7 @@ function getLocalStorageToggle(key) {
3751
3754
  }
3752
3755
 
3753
3756
  var LOADING_TEXT_CLEAR_DELAY_MS = 1500;
3754
- var LOG$8 = getLogger('Framework', 'LoadingAndErrorStore');
3757
+ var LOG$9 = getLogger('Framework', 'LoadingAndErrorStore');
3755
3758
  var _default = /*#__PURE__*/function () {
3756
3759
  function _default(root, spinnerClass) {
3757
3760
  var _this = this;
@@ -3759,6 +3762,7 @@ var _default = /*#__PURE__*/function () {
3759
3762
  this.root = root;
3760
3763
  _defineProperty(this, "loading", new Map());
3761
3764
  _defineProperty(this, "loadingTexts", new Map());
3765
+ _defineProperty(this, "immediateLoading", new Set());
3762
3766
  _defineProperty(this, "_lastTexts", []);
3763
3767
  _defineProperty(this, "_textClearTimer", null);
3764
3768
  _defineProperty(this, "spinnerClass", undefined);
@@ -3862,9 +3866,14 @@ var _default = /*#__PURE__*/function () {
3862
3866
  }, {
3863
3867
  key: "isLoading",
3864
3868
  get: function get() {
3865
- LOG$8.debug("isLoading: ".concat(this.loading.size, " [").concat(Array.from(this.loading.keys()).join(', '), "]"));
3869
+ LOG$9.debug("isLoading: ".concat(this.loading.size, " [").concat(Array.from(this.loading.keys()).join(', '), "]"));
3866
3870
  return this.loading.size != 0;
3867
3871
  }
3872
+ }, {
3873
+ key: "hasImmediateLoading",
3874
+ get: function get() {
3875
+ return this.immediateLoading.size != 0;
3876
+ }
3868
3877
  }, {
3869
3878
  key: "error",
3870
3879
  get: function get() {
@@ -3878,21 +3887,21 @@ var _default = /*#__PURE__*/function () {
3878
3887
  this._errorMsg = undefined;
3879
3888
  } else if (typeof error == 'string') {
3880
3889
  this._errorMsg = error;
3881
- LOG$8.error(new DivaError(error));
3890
+ LOG$9.error(new DivaError(error));
3882
3891
  } else if (error.name == 'CORE_0005') {
3883
- LOG$8.error(error);
3892
+ LOG$9.error(error);
3884
3893
  this._errorMsg = this.root.t('core.error.page_not_found', {
3885
3894
  defaultValue: 'Die Seite existiert nicht oder Sie haben nicht die benötigten Berechtigungen. Bei Fragen wenden Sie sich bitte an den Support.'
3886
3895
  });
3887
3896
  var conf = this.root.configurationStore.components;
3888
3897
  console.log(conf);
3889
3898
  } else if (error.name == 'CORE_0002') {
3890
- LOG$8.error(error);
3899
+ LOG$9.error(error);
3891
3900
  this._errorMsg = this.root.t('core.error.resource_not_found', {
3892
3901
  defaultValue: 'Eine oder mehrere der benötigten Resource existiert nicht oder konnte nicht gefunden werden. Bei Fragen wenden Sie sich bitte an den Support.'
3893
3902
  });
3894
3903
  } else {
3895
- LOG$8.error(error);
3904
+ LOG$9.error(error);
3896
3905
  this._errorMsg = error.message;
3897
3906
  }
3898
3907
  if (this._errorMsg) {
@@ -3964,9 +3973,10 @@ var _default = /*#__PURE__*/function () {
3964
3973
  }
3965
3974
  }, {
3966
3975
  key: "toggleLoading",
3967
- value: function toggleLoading(id, hidden, toggle, texts) {
3976
+ value: function toggleLoading(id, hidden, toggle, texts, dontWaitForDelay) {
3968
3977
  if (this.loading.has(id) && toggle !== true) {
3969
3978
  this.loading["delete"](id);
3979
+ this.immediateLoading["delete"](id);
3970
3980
  if (this.loadingTexts.has(id)) {
3971
3981
  var snapshot = this.activeTexts;
3972
3982
  this.loadingTexts["delete"](id);
@@ -3974,17 +3984,18 @@ var _default = /*#__PURE__*/function () {
3974
3984
  this._lastTexts = snapshot;
3975
3985
  }
3976
3986
  }
3977
- LOG$8.debug("End loading: ".concat(id, " [").concat(Array.from(this.loading.keys()), "]"));
3987
+ LOG$9.debug("End loading: ".concat(id, " [").concat(Array.from(this.loading.keys()), "]"));
3978
3988
  } else if (!this.loading.has(id) && toggle !== false) {
3979
- LOG$8.debug("Start loading: ".concat(id));
3989
+ LOG$9.debug("Start loading: ".concat(id).concat(dontWaitForDelay ? ' (immediate)' : ''));
3980
3990
  this.loading.set(id, hidden == undefined ? false : hidden);
3981
3991
  if (texts !== null && texts !== void 0 && texts.length) this.loadingTexts.set(id, texts);
3992
+ if (dontWaitForDelay) this.immediateLoading.add(id);
3982
3993
  }
3983
3994
  }
3984
3995
  }]);
3985
3996
  }();
3986
3997
 
3987
- var LOG$7 = getLogger('Framework', 'BrowserStateStore');
3998
+ var LOG$8 = getLogger('Framework', 'BrowserStateStore');
3988
3999
  var BANNER_STATE_LOCALSTORAGE_KEY = 'diva-banner-state';
3989
4000
  var NTOKEN_LOCALSTORAGE_KEY = 'diva-ntoken';
3990
4001
  var ORGANIZATION_LOCALSTORAGE_KEY = 'diva-organization';
@@ -4298,7 +4309,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
4298
4309
  var _componentState$path;
4299
4310
  var componentConfig = _this2.root.contentStore.currentComponent;
4300
4311
  if (!componentConfig) {
4301
- LOG$7.debug('No current component found, while updating url, do nothing');
4312
+ LOG$8.debug('No current component found, while updating url, do nothing');
4302
4313
  return;
4303
4314
  }
4304
4315
  var componentState = _this2.root.contentStore.getState(componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.type);
@@ -4376,7 +4387,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
4376
4387
 
4377
4388
  function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4378
4389
  function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4379
- var LOG$6 = getLogger('Framework', 'AuthorizationStore');
4390
+ var LOG$7 = getLogger('Framework', 'AuthorizationStore');
4380
4391
  var AuthorizationStore = /*#__PURE__*/function () {
4381
4392
  function AuthorizationStore(root) {
4382
4393
  _classCallCheck(this, AuthorizationStore);
@@ -4567,14 +4578,14 @@ var AuthorizationStore = /*#__PURE__*/function () {
4567
4578
  _context2.next = 6;
4568
4579
  break;
4569
4580
  }
4570
- LOG$6.debug('NToken removed');
4581
+ LOG$7.debug('NToken removed');
4571
4582
  _context2.next = 4;
4572
4583
  return this.root.authorizationStore.logout();
4573
4584
  case 4:
4574
4585
  _context2.next = 15;
4575
4586
  break;
4576
4587
  case 6:
4577
- LOG$6.debug('NToken change detected, login');
4588
+ LOG$7.debug('NToken change detected, login');
4578
4589
  _context2.next = 9;
4579
4590
  return this.root.authorizationStore.autorize(this.root.dataStore.organizationId, this.root.browserStateStore.getStoredNToken());
4580
4591
  case 9:
@@ -4627,7 +4638,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4627
4638
  _context3.next = 21;
4628
4639
  break;
4629
4640
  }
4630
- LOG$6.log('The stored organization is no longer valid, fallback to default organization');
4641
+ LOG$7.log('The stored organization is no longer valid, fallback to default organization');
4631
4642
  //for anonymous users, we fallback to the 'default' organization for ohter users we let the backend determine the right organization
4632
4643
  _context3.next = 18;
4633
4644
  return this.autorize(nToken ? undefined : this.root.configurationStore.organizations[0], nToken);
@@ -4638,7 +4649,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4638
4649
  _context3.next = 26;
4639
4650
  break;
4640
4651
  }
4641
- LOG$6.log('Authentication expired or invalid, logging out.');
4652
+ LOG$7.log('Authentication expired or invalid, logging out.');
4642
4653
  _context3.next = 25;
4643
4654
  return this.logout(true, true, organizationId);
4644
4655
  case 25:
@@ -4738,7 +4749,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4738
4749
  _context5.next = 19;
4739
4750
  break;
4740
4751
  }
4741
- LOG$6.log('The stored organization is no longer valid, fallback to default organization');
4752
+ LOG$7.log('The stored organization is no longer valid, fallback to default organization');
4742
4753
  _context5.next = 18;
4743
4754
  return this.login(email, password, loginSimple, undefined);
4744
4755
  case 18:
@@ -4798,7 +4809,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4798
4809
  this._timeout = undefined;
4799
4810
  }
4800
4811
  refreshTokenIn = zExpireBy - 1000 * 60 * 5 - Date.now(); //refresh 5 minutes before expire
4801
- LOG$6.debug("Set token refresh interval to ".concat(refreshTokenIn, " ms. Refresh at ").concat(new Date(Date.now() + refreshTokenIn)));
4812
+ LOG$7.debug("Set token refresh interval to ".concat(refreshTokenIn, " ms. Refresh at ").concat(new Date(Date.now() + refreshTokenIn)));
4802
4813
 
4803
4814
  //set the timout to refresh token
4804
4815
  this._timeout = setTimeout(function () {
@@ -7774,7 +7785,7 @@ var SupportHandler = /*#__PURE__*/function () {
7774
7785
  }]);
7775
7786
  }();
7776
7787
 
7777
- var LOG$5 = getLogger('Framework', 'AuthorizationHandler');
7788
+ var LOG$6 = getLogger('Framework', 'AuthorizationHandler');
7778
7789
  var AuthorizationHandler = /*#__PURE__*/function () {
7779
7790
  function AuthorizationHandler(root) {
7780
7791
  _classCallCheck(this, AuthorizationHandler);
@@ -7825,7 +7836,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
7825
7836
  if (res.status !== 200) {
7826
7837
  throw new Error('Error updating online state');
7827
7838
  }
7828
- LOG$5.debug('Updating online state.');
7839
+ LOG$6.debug('Updating online state.');
7829
7840
  });
7830
7841
  case 6:
7831
7842
  _context.sent;
@@ -7834,7 +7845,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
7834
7845
  case 9:
7835
7846
  _context.prev = 9;
7836
7847
  _context.t0 = _context["catch"](3);
7837
- LOG$5.error(new DivaError('Error updating online state', {
7848
+ LOG$6.error(new DivaError('Error updating online state', {
7838
7849
  cause: _context.t0
7839
7850
  }));
7840
7851
  case 12:
@@ -8423,7 +8434,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
8423
8434
  case 13:
8424
8435
  _context10.prev = 13;
8425
8436
  _context10.t0 = _context10["catch"](0);
8426
- LOG$5.error(new DivaError('Error updating user language', {
8437
+ LOG$6.error(new DivaError('Error updating user language', {
8427
8438
  cause: _context10.t0
8428
8439
  }));
8429
8440
  case 16:
@@ -8601,7 +8612,7 @@ var AIHandler = /*#__PURE__*/function () {
8601
8612
  function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
8602
8613
  function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8603
8614
  var LOGINMODE_LOCALSTORAGE_KEY = 'diva-login-mode';
8604
- var LOG$4 = getLogger('Framework', 'root');
8615
+ var LOG$5 = getLogger('Framework', 'root');
8605
8616
  var RootStore = /*#__PURE__*/function () {
8606
8617
  function RootStore(_ref) {
8607
8618
  var _ref2,
@@ -8726,7 +8737,7 @@ var RootStore = /*#__PURE__*/function () {
8726
8737
  this.loadingAndErrorStore.toggleLoading('language');
8727
8738
  instance.changeLanguage(lang, function (err) {
8728
8739
  if (err) {
8729
- LOG$4.error(new DivaError('Could not change language', {
8740
+ LOG$5.error(new DivaError('Could not change language', {
8730
8741
  cause: err,
8731
8742
  code: 'CORE_0007'
8732
8743
  }));
@@ -8996,7 +9007,7 @@ var RootStore = /*#__PURE__*/function () {
8996
9007
  return _regeneratorRuntime.wrap(function _callee$(_context) {
8997
9008
  while (1) switch (_context.prev = _context.next) {
8998
9009
  case 0:
8999
- LOG$4.startTransaction({
9010
+ LOG$5.startTransaction({
9000
9011
  event: 'initCore',
9001
9012
  message: 'Initalizing Core',
9002
9013
  labels: {
@@ -9015,7 +9026,7 @@ var RootStore = /*#__PURE__*/function () {
9015
9026
  _this4._initializing = true;
9016
9027
  });
9017
9028
  this.loadingAndErrorStore.toggleLoading('initalize', true, undefined, initialLoadingTexts);
9018
- LOG$4.successTransaction('UNTIL_INIT');
9029
+ LOG$5.successTransaction('UNTIL_INIT');
9019
9030
  _context.next = 7;
9020
9031
  return this.browserStateStore.loadUrlState();
9021
9032
  case 7:
@@ -9026,7 +9037,7 @@ var RootStore = /*#__PURE__*/function () {
9026
9037
  if (organizationId) {
9027
9038
  initAuthPromise = this.initializeAuthorization(organizationId);
9028
9039
  }
9029
- LOG$4.startTransaction({
9040
+ LOG$5.startTransaction({
9030
9041
  event: 'onLoadConfig',
9031
9042
  message: 'loading Config',
9032
9043
  eventId: 'LOAD_CONFIG'
@@ -9050,8 +9061,8 @@ var RootStore = /*#__PURE__*/function () {
9050
9061
  //open default route
9051
9062
  this._initalComponent = undefined;
9052
9063
  }
9053
- LOG$4.successTransaction('LOAD_CONFIG');
9054
- LOG$4.startTransaction({
9064
+ LOG$5.successTransaction('LOAD_CONFIG');
9065
+ LOG$5.startTransaction({
9055
9066
  event: 'onLoadServerData',
9056
9067
  message: 'load server data',
9057
9068
  eventId: 'LOAD_SERVER_DATA'
@@ -9076,8 +9087,8 @@ var RootStore = /*#__PURE__*/function () {
9076
9087
  }
9077
9088
  });
9078
9089
  });
9079
- LOG$4.successTransaction('LOAD_SERVER_DATA');
9080
- LOG$4.startTransaction({
9090
+ LOG$5.successTransaction('LOAD_SERVER_DATA');
9091
+ LOG$5.startTransaction({
9081
9092
  event: 'onLoadUserData',
9082
9093
  message: 'load user data',
9083
9094
  eventId: 'LOAD_USER_DATA'
@@ -9095,7 +9106,7 @@ var RootStore = /*#__PURE__*/function () {
9095
9106
  break;
9096
9107
  case 33:
9097
9108
  if (authObject.error) {
9098
- LOG$4.errorTransaction('LOAD_USER_DATA', (_authObject$code = authObject.code) !== null && _authObject$code !== void 0 ? _authObject$code : 'CORE_0006', authObject.error);
9109
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code = authObject.code) !== null && _authObject$code !== void 0 ? _authObject$code : 'CORE_0006', authObject.error);
9099
9110
  this.authorizationStore.showLogin(false, true);
9100
9111
  } else {
9101
9112
  if (urlState !== null && urlState !== void 0 && urlState.provider) {
@@ -9106,7 +9117,7 @@ var RootStore = /*#__PURE__*/function () {
9106
9117
  return _context.abrupt("break", 50);
9107
9118
  case 35:
9108
9119
  if (authObject.error) {
9109
- LOG$4.errorTransaction('LOAD_USER_DATA', (_authObject$code2 = authObject.code) !== null && _authObject$code2 !== void 0 ? _authObject$code2 : 'CORE_0006', authObject.error);
9120
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code2 = authObject.code) !== null && _authObject$code2 !== void 0 ? _authObject$code2 : 'CORE_0006', authObject.error);
9110
9121
  this.loadingAndErrorStore.setError(authObject.error);
9111
9122
  } else {
9112
9123
  this.authorizationStore.showChangePassword(authObject.token);
@@ -9114,7 +9125,7 @@ var RootStore = /*#__PURE__*/function () {
9114
9125
  return _context.abrupt("break", 50);
9115
9126
  case 37:
9116
9127
  if (authObject.error) {
9117
- LOG$4.errorTransaction('LOAD_USER_DATA', (_authObject$code3 = authObject.code) !== null && _authObject$code3 !== void 0 ? _authObject$code3 : 'CORE_0006', authObject.error);
9128
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code3 = authObject.code) !== null && _authObject$code3 !== void 0 ? _authObject$code3 : 'CORE_0006', authObject.error);
9118
9129
  this.loadingAndErrorStore.setError(authObject.error);
9119
9130
  } else {
9120
9131
  verifyEmailToken = authObject.token;
@@ -9125,7 +9136,7 @@ var RootStore = /*#__PURE__*/function () {
9125
9136
  _context.next = 44;
9126
9137
  break;
9127
9138
  }
9128
- LOG$4.errorTransaction('LOAD_INVITATION', (_authObject$code4 = authObject.code) !== null && _authObject$code4 !== void 0 ? _authObject$code4 : 'CORE_0006', authObject.error);
9139
+ LOG$5.errorTransaction('LOAD_INVITATION', (_authObject$code4 = authObject.code) !== null && _authObject$code4 !== void 0 ? _authObject$code4 : 'CORE_0006', authObject.error);
9129
9140
  this.loadingAndErrorStore.setError(authObject.error);
9130
9141
  _context.next = 48;
9131
9142
  break;
@@ -9146,7 +9157,7 @@ var RootStore = /*#__PURE__*/function () {
9146
9157
  _context.next = 52;
9147
9158
  break;
9148
9159
  case 52:
9149
- LOG$4.successTransaction('LOAD_USER_DATA');
9160
+ LOG$5.successTransaction('LOAD_USER_DATA');
9150
9161
  if (!initAuthPromise) {
9151
9162
  _context.next = 59;
9152
9163
  break;
@@ -9223,18 +9234,18 @@ var RootStore = /*#__PURE__*/function () {
9223
9234
  _context.prev = 78;
9224
9235
  _context.t1 = _context["catch"](27);
9225
9236
  if (_context.t1 instanceof DivaError && _context.t1.name == 'AUTH_0006') {
9226
- LOG$4.errorTransaction('INITIALIZE_CORE', 'AUTH_0006', 'Existing verification token not valid.');
9237
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'AUTH_0006', 'Existing verification token not valid.');
9227
9238
  } else {
9228
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0006', 'An error occured during initialization.');
9239
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0006', 'An error occured during initialization.');
9229
9240
  }
9230
9241
  case 81:
9231
9242
  this.initalizeView();
9232
9243
  if (this.jwt) {
9233
9244
  DivaUtils.businessMetrics.jwtSetter = this.jwt;
9234
9245
  } else {
9235
- LOG$4.debug('No JWT available for Loging');
9246
+ LOG$5.debug('No JWT available for Loging');
9236
9247
  }
9237
- LOG$4.successTransaction('INITIALIZE_CORE', {
9248
+ LOG$5.successTransaction('INITIALIZE_CORE', {
9238
9249
  identifier: identifier,
9239
9250
  organizationId: this.dataStore.organizationId,
9240
9251
  domain: domain,
@@ -9248,7 +9259,7 @@ var RootStore = /*#__PURE__*/function () {
9248
9259
  _context.t2 = _context["catch"](1);
9249
9260
  this.loadingAndErrorStore.toggleLoading('initalize', false);
9250
9261
  this.loadingAndErrorStore.setError(_context.t2);
9251
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0000', _context.t2.message, {
9262
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0000', _context.t2.message, {
9252
9263
  identifier: identifier,
9253
9264
  organizationId: this.dataStore.organizationId,
9254
9265
  domain: domain,
@@ -9315,7 +9326,7 @@ var RootStore = /*#__PURE__*/function () {
9315
9326
  _this5.initializeBusinessMetrics(telemetry, environment, applicationEnvironment, telemetrySettings, analyticsProps);
9316
9327
  }
9317
9328
  }, function (reason) {
9318
- LOG$4.error(new DivaError('Cookiebot initialization failed', {
9329
+ LOG$5.error(new DivaError('Cookiebot initialization failed', {
9319
9330
  code: 'CORE_0009',
9320
9331
  custom: {
9321
9332
  reason: reason
@@ -9401,7 +9412,7 @@ var RootStore = /*#__PURE__*/function () {
9401
9412
  case 10:
9402
9413
  _context4.prev = 10;
9403
9414
  _context4.t0 = _context4["catch"](0);
9404
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0002', 'Error initializing Organization');
9415
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0002', 'Error initializing Organization');
9405
9416
  this.loadingAndErrorStore.setError(_context4.t0, 'CORE_0002', true);
9406
9417
  return _context4.abrupt("return");
9407
9418
  case 15:
@@ -9419,12 +9430,12 @@ var RootStore = /*#__PURE__*/function () {
9419
9430
  key: "initalizeView",
9420
9431
  value: function initalizeView() {
9421
9432
  if (this.contentStore.currentComponent) {
9422
- LOG$4.debug('View is already initialized');
9433
+ LOG$5.debug('View is already initialized');
9423
9434
  return;
9424
9435
  }
9425
9436
  var initalComponent = this._initalComponent || this.configurationStore.defaultComponent;
9426
9437
  if (initalComponent) {
9427
- LOG$4.debug("Inital component", JSON.stringify(initalComponent, null, 2));
9438
+ LOG$5.debug("Inital component", JSON.stringify(initalComponent, null, 2));
9428
9439
  this.contentStore.openComponent(initalComponent);
9429
9440
  } else {
9430
9441
  this.loadingAndErrorStore.setError(new DivaError('No inital component available', {
@@ -9838,7 +9849,7 @@ var statusText = "statusText-guHKc";
9838
9849
  var css_248z$5 = ".overlay-X3zhH {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n background-color: rgba(255, 255, 255, 0.6);\n z-index: 15000;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n.loading-kAuhm {\n margin: 0 auto;\n display: inline-block;\n position: relative;\n width: 80px;\n height: 80px;\n}\n.loading-kAuhm div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n width: 64px;\n height: 64px;\n margin: 8px;\n border: 8px solid #b6b6b6;\n border-radius: 50%;\n animation: loading-kAuhm 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: #b6b6b6 transparent transparent transparent;\n}\n.loading-kAuhm div:nth-child(1) {\n animation-delay: -0.45s;\n}\n.loading-kAuhm div:nth-child(2) {\n animation-delay: -0.3s;\n}\n.loading-kAuhm div:nth-child(3) {\n animation-delay: -0.15s;\n}\n@keyframes loading-kAuhm {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.textContainer--pqsi {\n margin-top: 24px;\n text-align: center;\n min-height: 24px;\n position: relative;\n}\n\n.statusText-guHKc {\n font-family: inherit;\n font-size: 14px;\n color: #555;\n letter-spacing: 0.2px;\n animation: textFadeIn-XQtVF 0.4s ease-out;\n}\n\n@keyframes textFadeIn-XQtVF {\n 0% {\n opacity: 0;\n transform: translateY(6px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes textCrossfade-zwWrn {\n 0%,\n 8% {\n opacity: 0;\n transform: translateY(6px);\n }\n 16%,\n 84% {\n opacity: 1;\n transform: translateY(0);\n }\n 92%,\n 100% {\n opacity: 0;\n transform: translateY(-6px);\n }\n}\n";
9839
9850
  styleInject(css_248z$5);
9840
9851
 
9841
- var LOG$3 = getLogger('Framework', 'loadDependency');
9852
+ var LOG$4 = getLogger('Framework', 'loadDependency');
9842
9853
  function loadDependency(_x) {
9843
9854
  return _loadDependency.apply(this, arguments);
9844
9855
  }
@@ -9879,7 +9890,7 @@ function _loadDependency() {
9879
9890
  resolve(id);
9880
9891
  };
9881
9892
  elem.onerror = function (e) {
9882
- LOG$3.error(new DivaError('Failed to load dependency: ' + type, {
9893
+ LOG$4.error(new DivaError('Failed to load dependency: ' + type, {
9883
9894
  cause: e
9884
9895
  }));
9885
9896
  resolve(id);
@@ -9931,6 +9942,8 @@ function StatusTexts(_ref) {
9931
9942
  });
9932
9943
  }
9933
9944
 
9945
+ var SPINNER_DELAY_MS = 350;
9946
+ var LOG$3 = getLogger('Framework', 'Spinner');
9934
9947
  function Spinner() {
9935
9948
  var _useDivaCoreContext = useDivaCoreContext(),
9936
9949
  loadingAndErrorStore = _useDivaCoreContext.loadingAndErrorStore;
@@ -9961,16 +9974,33 @@ function Spinner() {
9961
9974
  }
9962
9975
  }, [loadingAndErrorStore.customLoader.cssFile, loadingAndErrorStore.customLoader.spinnerClass]);
9963
9976
  useEffect(function () {
9964
- if (loadingAndErrorStore.isLoading && throttleRef.current === null) {
9965
- throttleRef.current = setTimeout(function () {
9966
- return setShowSpinner(true);
9967
- }, 350);
9968
- } else if (!loadingAndErrorStore.isLoading) {
9969
- if (throttleRef.current) clearTimeout(throttleRef.current);
9977
+ if (loadingAndErrorStore.isLoading) {
9978
+ if (loadingAndErrorStore.hasImmediateLoading) {
9979
+ if (throttleRef.current) {
9980
+ clearTimeout(throttleRef.current);
9981
+ throttleRef.current = null;
9982
+ }
9983
+ LOG$3.debug('Show spinner immediately (dontWaitForDelay)');
9984
+ setShowSpinner(true);
9985
+ } else if (throttleRef.current === null) {
9986
+ var scheduledAt = Date.now();
9987
+ LOG$3.debug("Schedule spinner show in ".concat(SPINNER_DELAY_MS, "ms"));
9988
+ throttleRef.current = setTimeout(function () {
9989
+ throttleRef.current = null;
9990
+ LOG$3.debug("Show spinner after ".concat(Date.now() - scheduledAt, "ms delay"));
9991
+ setShowSpinner(true);
9992
+ }, SPINNER_DELAY_MS);
9993
+ }
9994
+ } else {
9995
+ if (throttleRef.current) {
9996
+ clearTimeout(throttleRef.current);
9997
+ LOG$3.debug('Cancel scheduled spinner show because loading ended');
9998
+ }
9970
9999
  throttleRef.current = null;
10000
+ LOG$3.debug('Hide spinner because loading ended');
9971
10001
  setShowSpinner(false);
9972
10002
  }
9973
- }, [loadingAndErrorStore.isLoading]);
10003
+ }, [loadingAndErrorStore.isLoading, loadingAndErrorStore.hasImmediateLoading]);
9974
10004
  var activeTexts = loadingAndErrorStore.activeTexts;
9975
10005
  if (!showSpinner) {
9976
10006
  return /*#__PURE__*/jsx(Fragment, {});
@@ -10374,7 +10404,7 @@ var DrawerMenu$1 = observer(DrawerMenu);
10374
10404
  function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10375
10405
  function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10376
10406
  var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
10377
- return import('./ModalsWrapper-a56664d5.js');
10407
+ return import('./ModalsWrapper-effde3ac.js');
10378
10408
  });
10379
10409
  function Fullscreen(_ref) {
10380
10410
  var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -10834,10 +10864,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
10834
10864
  function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10835
10865
  var LOG$2 = getLogger('Framework', 'Root');
10836
10866
  var LazyAuth = /*#__PURE__*/React.lazy(function () {
10837
- return import('./index-b36f36ee.js');
10867
+ return import('./index-68810b6c.js');
10838
10868
  });
10839
10869
  var LazyModals = /*#__PURE__*/React.lazy(function () {
10840
- return import('./ModalsWrapper-a56664d5.js');
10870
+ return import('./ModalsWrapper-effde3ac.js');
10841
10871
  });
10842
10872
  function ContentComponent() {
10843
10873
  var context = useDivaCoreContext();
@@ -11616,9 +11646,9 @@ var MockedRootStore = /*#__PURE__*/function () {
11616
11646
  throw new Error('Method not implemented.');
11617
11647
  }
11618
11648
  },
11619
- toggleLoading: function toggleLoading(id, hidden, toggle) {
11649
+ toggleLoading: function toggleLoading(id, hidden, toggle, texts, dontWaitForDelay) {
11620
11650
  if (_this2.actions.toggleLoading) {
11621
- _this2.actions.toggleLoading(id, hidden, toggle);
11651
+ _this2.actions.toggleLoading(id, hidden, toggle, texts, dontWaitForDelay);
11622
11652
  } else {
11623
11653
  throw new Error('Method not implemented.');
11624
11654
  }