@crystaldesign/diva-core 26.4.3 → 26.4.4-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/build/esm/{ModalsWrapper-60f8def8.js → ModalsWrapper-34782715.js} +4 -1
  2. package/build/esm/{index-06e73177.js → index-4a850619.js} +243 -136
  3. package/build/esm/{index-e33bb268.js → index-a8580005.js} +1 -1
  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/StatusTexts.d.ts +5 -0
  7. package/build/types/core/src/elements/Spinner/StatusTexts.d.ts.map +1 -0
  8. package/build/types/core/src/elements/Spinner/index.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 +7 -1
  12. package/build/types/core/src/store/LoadingAndErrorStore.d.ts.map +1 -1
  13. package/build/types/core/src/store/RootStore.d.ts +1 -1
  14. package/build/types/core/src/store/RootStore.d.ts.map +1 -1
  15. package/build/types/core/src/store/index.d.ts +5 -2
  16. package/build/types/core/src/store/index.d.ts.map +1 -1
  17. package/build/umd/858.diva-core.umd.min.js +1 -1
  18. package/build/umd/diva-core.umd.min.js +3 -3
  19. package/build/umd/report.html +1 -1
  20. package/package.json +10 -10
package/build/esm/{index-06e73177.js → index-4a850619.js} RENAMED
@@ -17,7 +17,7 @@ import ReactDOM from 'react-dom';
17
17
  import React, { forwardRef, useState, useEffect, useCallback, Suspense, createContext, useMemo, useImperativeHandle, useRef } from 'react';
18
18
  import { observer } from 'mobx-react-lite';
19
19
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
20
- import { makeAutoObservable, flow, flowResult, toJS, observable, computed, reaction, autorun, action, makeObservable, runInAction } from 'mobx';
20
+ import { makeAutoObservable, flow, flowResult, toJS, observable, computed, reaction, autorun, action, runInAction, makeObservable } from 'mobx';
21
21
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
22
22
  import MobileDetect from 'mobile-detect';
23
23
  import platform from 'platform';
@@ -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.4.3"};
48
+ const env = {"STAGE":"production","VERSION":"26.4.4-rc.0"};
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,7 +2163,7 @@ 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');
2166
+ var LOG$a = getLogger('Framework', 'ContentStore');
2167
2167
  var ALLOWED_WRAPPER_MODULES = ['ARCHIVE', 'PRODUCT_LIST'];
2168
2168
  var ContentStore = /*#__PURE__*/function () {
2169
2169
  function ContentStore(components, root) {
@@ -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
  });
@@ -3449,23 +3460,16 @@ var ContentStore = /*#__PURE__*/function () {
3449
3460
  }, {
3450
3461
  key: "fullscreenComponent",
3451
3462
  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", {
3463
+ var _this$_fullscreenComp;
3464
+ if (!this._fullscreenComponent || !this._fullscreenRender) throw new DivaError("No component with the specified settings found", {
3461
3465
  code: 'CORE_0005',
3462
3466
  custom: {
3463
- key: this._fullscreenComponent.key
3467
+ key: (_this$_fullscreenComp = this._fullscreenComponent) === null || _this$_fullscreenComp === void 0 ? void 0 : _this$_fullscreenComp.key
3464
3468
  }
3465
3469
  });
3466
3470
  return {
3467
- name: cmp.name,
3468
- component: withTransaction(this._fullscreenComponent.key, 'Module')(cmp.renderFunction),
3471
+ name: this._fullscreenRender.name,
3472
+ component: this._fullscreenRender.component,
3469
3473
  state: this._fullscreenComponent
3470
3474
  };
3471
3475
  }
@@ -3477,8 +3481,8 @@ var ContentStore = /*#__PURE__*/function () {
3477
3481
  }, {
3478
3482
  key: "isAbsoluteFullscreenComponent",
3479
3483
  get: function get() {
3480
- var _this$_fullscreenComp;
3481
- return !!((_this$_fullscreenComp = this._fullscreenComponent) !== null && _this$_fullscreenComp !== void 0 && _this$_fullscreenComp.absoluteFullscreen) || this._isAbsoluteComponent;
3484
+ var _this$_fullscreenComp2;
3485
+ return !!((_this$_fullscreenComp2 = this._fullscreenComponent) !== null && _this$_fullscreenComp2 !== void 0 && _this$_fullscreenComp2.absoluteFullscreen) || this._isAbsoluteComponent;
3482
3486
  }
3483
3487
 
3484
3488
  /**
@@ -3499,24 +3503,24 @@ var ContentStore = /*#__PURE__*/function () {
3499
3503
  key: "availableButtons",
3500
3504
  get: function get() {
3501
3505
  var _this$root$configurat,
3502
- _this10 = this;
3506
+ _this9 = this;
3503
3507
  return (_this$root$configurat = this.root.configurationStore.navigation) === null || _this$root$configurat === void 0 ? void 0 : _this$root$configurat.buttons.filter(function (button) {
3504
3508
  //if component is public it can be displayed
3505
3509
  if (button.isPublic) {
3506
3510
  return true;
3507
3511
  }
3508
3512
  //if the user is not logged in the component must be public
3509
- if (!_this10.root.dataStore.user) {
3513
+ if (!_this9.root.dataStore.user) {
3510
3514
  return false;
3511
3515
  }
3512
3516
 
3513
3517
  //if the button is opening a component, the component must be availalbe
3514
- if (button.action.type && !_this10.availableComponentList.includes(button.action.type)) {
3518
+ if (button.action.type && !_this9.availableComponentList.includes(button.action.type)) {
3515
3519
  return false;
3516
3520
  }
3517
3521
 
3518
3522
  //if there is a permission specified, the user must have it
3519
- return button.permission ? _this10.root.dataStore.userHasPermission(button.permission) : true;
3523
+ return button.permission ? _this9.root.dataStore.userHasPermission(button.permission) : true;
3520
3524
  });
3521
3525
  }
3522
3526
 
@@ -3546,7 +3550,7 @@ var ContentStore = /*#__PURE__*/function () {
3546
3550
  if (this.isAbsoluteFullscreenComponent) {
3547
3551
  dimensions = calculateDimensions(window.innerWidth, window.innerHeight);
3548
3552
  }
3549
- LOG$9.debug("Detected dimensions: ".concat(JSON.stringify(dimensions, null, 2), " "));
3553
+ LOG$a.debug("Detected dimensions: ".concat(JSON.stringify(dimensions, null, 2), " "));
3550
3554
  return dimensions;
3551
3555
  }
3552
3556
 
@@ -3557,7 +3561,7 @@ var ContentStore = /*#__PURE__*/function () {
3557
3561
  }, {
3558
3562
  key: "resetState",
3559
3563
  value: function resetState() {
3560
- LOG$9.debug('Reset page state');
3564
+ LOG$a.debug('Reset page state');
3561
3565
  var prevType = this.visible;
3562
3566
  var prevState = this.state.get(this.visible || '');
3563
3567
  this.root.dataStore.clearSessionGuids();
@@ -3601,7 +3605,7 @@ var ContentStore = /*#__PURE__*/function () {
3601
3605
  }, {
3602
3606
  key: "updateStateAfterLogout",
3603
3607
  value: function updateStateAfterLogout() {
3604
- var _this11 = this;
3608
+ var _this10 = this;
3605
3609
  var _iterator3 = _createForOfIteratorHelper$1(this.state.entries()),
3606
3610
  _step3;
3607
3611
  try {
@@ -3609,19 +3613,19 @@ var ContentStore = /*#__PURE__*/function () {
3609
3613
  var _step3$value = _slicedToArray(_step3.value, 2),
3610
3614
  type = _step3$value[0],
3611
3615
  component = _step3$value[1];
3612
- var config = _this11.root.configurationStore.components.find(function (c) {
3616
+ var config = _this10.root.configurationStore.components.find(function (c) {
3613
3617
  return c.type == type;
3614
3618
  });
3615
3619
  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 = {
3620
+ _this10.state["delete"](type);
3621
+ if (_this10.visible == type) {
3622
+ _this10.visible = undefined;
3623
+ _this10._restrictedComponent = {
3620
3624
  type: type,
3621
3625
  parameters: component.parameters,
3622
3626
  internal: component.internal
3623
3627
  };
3624
- _this11.root.authorizationStore.showLogin();
3628
+ _this10.root.authorizationStore.showLogin();
3625
3629
  }
3626
3630
  }
3627
3631
  };
@@ -3716,10 +3720,10 @@ var ContentStore = /*#__PURE__*/function () {
3716
3720
  }, {
3717
3721
  key: "onResize",
3718
3722
  value: function onResize(width, height) {
3719
- var _this12 = this;
3723
+ var _this11 = this;
3720
3724
  this.onResizeFunc(width, height);
3721
3725
  setTimeout(function () {
3722
- _this12.onResizeFunc(width, height);
3726
+ _this11.onResizeFunc(width, height);
3723
3727
  }, 500);
3724
3728
  }
3725
3729
  }, {
@@ -3750,13 +3754,18 @@ function getLocalStorageToggle(key) {
3750
3754
  return window.localStorage.getItem(key) !== null ? window.localStorage.getItem(key) == '1' : undefined;
3751
3755
  }
3752
3756
 
3753
- var LOG$8 = getLogger('Framework', 'LoadingAndErrorStore');
3757
+ var LOADING_TEXT_CLEAR_DELAY_MS = 1500;
3758
+ var LOG$9 = getLogger('Framework', 'LoadingAndErrorStore');
3754
3759
  var _default = /*#__PURE__*/function () {
3755
3760
  function _default(root, spinnerClass) {
3756
3761
  var _this = this;
3757
3762
  _classCallCheck(this, _default);
3758
3763
  this.root = root;
3759
3764
  _defineProperty(this, "loading", new Map());
3765
+ _defineProperty(this, "loadingWithoutSpinnerDelay", new Set());
3766
+ _defineProperty(this, "loadingTexts", new Map());
3767
+ _defineProperty(this, "_lastTexts", []);
3768
+ _defineProperty(this, "_textClearTimer", null);
3760
3769
  _defineProperty(this, "spinnerClass", undefined);
3761
3770
  _defineProperty(this, "cssFile", undefined);
3762
3771
  _defineProperty(this, "_errorMsg", undefined);
@@ -3788,6 +3797,23 @@ var _default = /*#__PURE__*/function () {
3788
3797
  }, {
3789
3798
  name: 'onLoading'
3790
3799
  });
3800
+ autorun(function () {
3801
+ if (_this.isLoading) {
3802
+ if (_this._textClearTimer) {
3803
+ clearTimeout(_this._textClearTimer);
3804
+ _this._textClearTimer = null;
3805
+ }
3806
+ } else if (_this._lastTexts.length > 0) {
3807
+ _this._textClearTimer = setTimeout(function () {
3808
+ runInAction(function () {
3809
+ _this._lastTexts = [];
3810
+ _this._textClearTimer = null;
3811
+ });
3812
+ }, LOADING_TEXT_CLEAR_DELAY_MS);
3813
+ }
3814
+ }, {
3815
+ name: 'onLoadingTextsClear'
3816
+ });
3791
3817
  }
3792
3818
  return _createClass(_default, [{
3793
3819
  key: "setCustomLoader",
@@ -3841,9 +3867,14 @@ var _default = /*#__PURE__*/function () {
3841
3867
  }, {
3842
3868
  key: "isLoading",
3843
3869
  get: function get() {
3844
- LOG$8.debug("isLoading: ".concat(this.loading.size, " [").concat(Array.from(this.loading.keys()).join(', '), "]"));
3870
+ LOG$9.debug("isLoading: ".concat(this.loading.size, " [").concat(Array.from(this.loading.keys()).join(', '), "]"));
3845
3871
  return this.loading.size != 0;
3846
3872
  }
3873
+ }, {
3874
+ key: "skipSpinnerDelay",
3875
+ get: function get() {
3876
+ return this.loadingWithoutSpinnerDelay.size > 0;
3877
+ }
3847
3878
  }, {
3848
3879
  key: "error",
3849
3880
  get: function get() {
@@ -3857,21 +3888,21 @@ var _default = /*#__PURE__*/function () {
3857
3888
  this._errorMsg = undefined;
3858
3889
  } else if (typeof error == 'string') {
3859
3890
  this._errorMsg = error;
3860
- LOG$8.error(new DivaError(error));
3891
+ LOG$9.error(new DivaError(error));
3861
3892
  } else if (error.name == 'CORE_0005') {
3862
- LOG$8.error(error);
3893
+ LOG$9.error(error);
3863
3894
  this._errorMsg = this.root.t('core.error.page_not_found', {
3864
3895
  defaultValue: 'Die Seite existiert nicht oder Sie haben nicht die benötigten Berechtigungen. Bei Fragen wenden Sie sich bitte an den Support.'
3865
3896
  });
3866
3897
  var conf = this.root.configurationStore.components;
3867
3898
  console.log(conf);
3868
3899
  } else if (error.name == 'CORE_0002') {
3869
- LOG$8.error(error);
3900
+ LOG$9.error(error);
3870
3901
  this._errorMsg = this.root.t('core.error.resource_not_found', {
3871
3902
  defaultValue: 'Eine oder mehrere der benötigten Resource existiert nicht oder konnte nicht gefunden werden. Bei Fragen wenden Sie sich bitte an den Support.'
3872
3903
  });
3873
3904
  } else {
3874
- LOG$8.error(error);
3905
+ LOG$9.error(error);
3875
3906
  this._errorMsg = error.message;
3876
3907
  }
3877
3908
  if (this._errorMsg) {
@@ -3929,21 +3960,43 @@ var _default = /*#__PURE__*/function () {
3929
3960
  return hidden == true;
3930
3961
  }) || this.error;
3931
3962
  }
3963
+ }, {
3964
+ key: "activeTexts",
3965
+ get: function get() {
3966
+ if (this.loadingTexts.size > 0) {
3967
+ var merged = [];
3968
+ this.loadingTexts.forEach(function (texts) {
3969
+ return merged.push.apply(merged, _toConsumableArray(texts));
3970
+ });
3971
+ return merged;
3972
+ }
3973
+ return this._lastTexts;
3974
+ }
3932
3975
  }, {
3933
3976
  key: "toggleLoading",
3934
- value: function toggleLoading(id, hidden, toggle) {
3977
+ value: function toggleLoading(id, hidden, toggle, texts, skipSpinnerDelay) {
3935
3978
  if (this.loading.has(id) && toggle !== true) {
3936
3979
  this.loading["delete"](id);
3937
- LOG$8.debug("End loading: ".concat(id, " [").concat(Array.from(this.loading.keys()), "]"));
3980
+ this.loadingWithoutSpinnerDelay["delete"](id);
3981
+ if (this.loadingTexts.has(id)) {
3982
+ var snapshot = this.activeTexts;
3983
+ this.loadingTexts["delete"](id);
3984
+ if (snapshot.length > 0) {
3985
+ this._lastTexts = snapshot;
3986
+ }
3987
+ }
3988
+ LOG$9.debug("End loading: ".concat(id, " [").concat(Array.from(this.loading.keys()), "]"));
3938
3989
  } else if (!this.loading.has(id) && toggle !== false) {
3939
- LOG$8.debug("Start loading: ".concat(id));
3990
+ LOG$9.debug("Start loading: ".concat(id).concat(skipSpinnerDelay ? ' (skip spinner delay)' : ''));
3940
3991
  this.loading.set(id, hidden == undefined ? false : hidden);
3992
+ if (skipSpinnerDelay) this.loadingWithoutSpinnerDelay.add(id);
3993
+ if (texts !== null && texts !== void 0 && texts.length) this.loadingTexts.set(id, texts);
3941
3994
  }
3942
3995
  }
3943
3996
  }]);
3944
3997
  }();
3945
3998
 
3946
- var LOG$7 = getLogger('Framework', 'BrowserStateStore');
3999
+ var LOG$8 = getLogger('Framework', 'BrowserStateStore');
3947
4000
  var BANNER_STATE_LOCALSTORAGE_KEY = 'diva-banner-state';
3948
4001
  var NTOKEN_LOCALSTORAGE_KEY = 'diva-ntoken';
3949
4002
  var ORGANIZATION_LOCALSTORAGE_KEY = 'diva-organization';
@@ -4257,7 +4310,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
4257
4310
  var _componentState$path;
4258
4311
  var componentConfig = _this2.root.contentStore.currentComponent;
4259
4312
  if (!componentConfig) {
4260
- LOG$7.debug('No current component found, while updating url, do nothing');
4313
+ LOG$8.debug('No current component found, while updating url, do nothing');
4261
4314
  return;
4262
4315
  }
4263
4316
  var componentState = _this2.root.contentStore.getState(componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.type);
@@ -4335,7 +4388,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
4335
4388
 
4336
4389
  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; }
4337
4390
  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; }
4338
- var LOG$6 = getLogger('Framework', 'AuthorizationStore');
4391
+ var LOG$7 = getLogger('Framework', 'AuthorizationStore');
4339
4392
  var AuthorizationStore = /*#__PURE__*/function () {
4340
4393
  function AuthorizationStore(root) {
4341
4394
  _classCallCheck(this, AuthorizationStore);
@@ -4526,14 +4579,14 @@ var AuthorizationStore = /*#__PURE__*/function () {
4526
4579
  _context2.next = 6;
4527
4580
  break;
4528
4581
  }
4529
- LOG$6.debug('NToken removed');
4582
+ LOG$7.debug('NToken removed');
4530
4583
  _context2.next = 4;
4531
4584
  return this.root.authorizationStore.logout();
4532
4585
  case 4:
4533
4586
  _context2.next = 15;
4534
4587
  break;
4535
4588
  case 6:
4536
- LOG$6.debug('NToken change detected, login');
4589
+ LOG$7.debug('NToken change detected, login');
4537
4590
  _context2.next = 9;
4538
4591
  return this.root.authorizationStore.autorize(this.root.dataStore.organizationId, this.root.browserStateStore.getStoredNToken());
4539
4592
  case 9:
@@ -4586,7 +4639,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4586
4639
  _context3.next = 21;
4587
4640
  break;
4588
4641
  }
4589
- LOG$6.log('The stored organization is no longer valid, fallback to default organization');
4642
+ LOG$7.log('The stored organization is no longer valid, fallback to default organization');
4590
4643
  //for anonymous users, we fallback to the 'default' organization for ohter users we let the backend determine the right organization
4591
4644
  _context3.next = 18;
4592
4645
  return this.autorize(nToken ? undefined : this.root.configurationStore.organizations[0], nToken);
@@ -4597,7 +4650,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4597
4650
  _context3.next = 26;
4598
4651
  break;
4599
4652
  }
4600
- LOG$6.log('Authentication expired or invalid, logging out.');
4653
+ LOG$7.log('Authentication expired or invalid, logging out.');
4601
4654
  _context3.next = 25;
4602
4655
  return this.logout(true, true, organizationId);
4603
4656
  case 25:
@@ -4697,7 +4750,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4697
4750
  _context5.next = 19;
4698
4751
  break;
4699
4752
  }
4700
- LOG$6.log('The stored organization is no longer valid, fallback to default organization');
4753
+ LOG$7.log('The stored organization is no longer valid, fallback to default organization');
4701
4754
  _context5.next = 18;
4702
4755
  return this.login(email, password, loginSimple, undefined);
4703
4756
  case 18:
@@ -4757,7 +4810,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4757
4810
  this._timeout = undefined;
4758
4811
  }
4759
4812
  refreshTokenIn = zExpireBy - 1000 * 60 * 5 - Date.now(); //refresh 5 minutes before expire
4760
- LOG$6.debug("Set token refresh interval to ".concat(refreshTokenIn, " ms. Refresh at ").concat(new Date(Date.now() + refreshTokenIn)));
4813
+ LOG$7.debug("Set token refresh interval to ".concat(refreshTokenIn, " ms. Refresh at ").concat(new Date(Date.now() + refreshTokenIn)));
4761
4814
 
4762
4815
  //set the timout to refresh token
4763
4816
  this._timeout = setTimeout(function () {
@@ -7733,7 +7786,7 @@ var SupportHandler = /*#__PURE__*/function () {
7733
7786
  }]);
7734
7787
  }();
7735
7788
 
7736
- var LOG$5 = getLogger('Framework', 'AuthorizationHandler');
7789
+ var LOG$6 = getLogger('Framework', 'AuthorizationHandler');
7737
7790
  var AuthorizationHandler = /*#__PURE__*/function () {
7738
7791
  function AuthorizationHandler(root) {
7739
7792
  _classCallCheck(this, AuthorizationHandler);
@@ -7784,7 +7837,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
7784
7837
  if (res.status !== 200) {
7785
7838
  throw new Error('Error updating online state');
7786
7839
  }
7787
- LOG$5.debug('Updating online state.');
7840
+ LOG$6.debug('Updating online state.');
7788
7841
  });
7789
7842
  case 6:
7790
7843
  _context.sent;
@@ -7793,7 +7846,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
7793
7846
  case 9:
7794
7847
  _context.prev = 9;
7795
7848
  _context.t0 = _context["catch"](3);
7796
- LOG$5.error(new DivaError('Error updating online state', {
7849
+ LOG$6.error(new DivaError('Error updating online state', {
7797
7850
  cause: _context.t0
7798
7851
  }));
7799
7852
  case 12:
@@ -8382,7 +8435,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
8382
8435
  case 13:
8383
8436
  _context10.prev = 13;
8384
8437
  _context10.t0 = _context10["catch"](0);
8385
- LOG$5.error(new DivaError('Error updating user language', {
8438
+ LOG$6.error(new DivaError('Error updating user language', {
8386
8439
  cause: _context10.t0
8387
8440
  }));
8388
8441
  case 16:
@@ -8557,7 +8610,7 @@ var AIHandler = /*#__PURE__*/function () {
8557
8610
  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; }
8558
8611
  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; }
8559
8612
  var LOGINMODE_LOCALSTORAGE_KEY = 'diva-login-mode';
8560
- var LOG$4 = getLogger('Framework', 'root');
8613
+ var LOG$5 = getLogger('Framework', 'root');
8561
8614
  var RootStore = /*#__PURE__*/function () {
8562
8615
  function RootStore(_ref) {
8563
8616
  var _ref2,
@@ -8576,7 +8629,8 @@ var RootStore = /*#__PURE__*/function () {
8576
8629
  _ref$telemetry = _ref.telemetry,
8577
8630
  telemetry = _ref$telemetry === void 0 ? true : _ref$telemetry,
8578
8631
  analyticsProps = _ref.analyticsProps,
8579
- onEvent = _ref.onEvent;
8632
+ onEvent = _ref.onEvent,
8633
+ initialLoadingTexts = _ref.initialLoadingTexts;
8580
8634
  _classCallCheck(this, RootStore);
8581
8635
  _defineProperty(this, "contentStore", void 0);
8582
8636
  _defineProperty(this, "configurationStore", void 0);
@@ -8667,7 +8721,7 @@ var RootStore = /*#__PURE__*/function () {
8667
8721
  DivaUtils.businessMetrics.onClose();
8668
8722
  flashLoggers();
8669
8723
  });
8670
- this.initialize(telemetry, identifier, organizationId, domain, language, component, analyticsProps);
8724
+ this.initialize(telemetry, identifier, organizationId, domain, language, component, analyticsProps, initialLoadingTexts);
8671
8725
  }
8672
8726
 
8673
8727
  /**
@@ -8681,7 +8735,7 @@ var RootStore = /*#__PURE__*/function () {
8681
8735
  this.loadingAndErrorStore.toggleLoading('language');
8682
8736
  instance.changeLanguage(lang, function (err) {
8683
8737
  if (err) {
8684
- LOG$4.error(new DivaError('Could not change language', {
8738
+ LOG$5.error(new DivaError('Could not change language', {
8685
8739
  cause: err,
8686
8740
  code: 'CORE_0007'
8687
8741
  }));
@@ -8945,13 +8999,13 @@ var RootStore = /*#__PURE__*/function () {
8945
8999
  }, {
8946
9000
  key: "initialize",
8947
9001
  value: (function () {
8948
- var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(telemetry, identifier, organizationId, domain, language, component, analyticsProps) {
9002
+ var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(telemetry, identifier, organizationId, domain, language, component, analyticsProps, initialLoadingTexts) {
8949
9003
  var _this4 = this;
8950
9004
  var _this$_initalComponen, _this$_initalComponen2, _configuration$pwa, _this$contentStore$cu, urlState, storedOrganization, initialOrganization, initAuthPromise, afterInitPromise, configuration, header, manifest, verifyEmailToken, authObject, _authObject$code, _authObject$code2, _authObject$code3, _authObject$code4, _authObject$additiona, _authObject$additiona2, loadedOrganization, email, _this$contentStore$cu2;
8951
9005
  return _regeneratorRuntime.wrap(function _callee$(_context) {
8952
9006
  while (1) switch (_context.prev = _context.next) {
8953
9007
  case 0:
8954
- LOG$4.startTransaction({
9008
+ LOG$5.startTransaction({
8955
9009
  event: 'initCore',
8956
9010
  message: 'Initalizing Core',
8957
9011
  labels: {
@@ -8969,8 +9023,8 @@ var RootStore = /*#__PURE__*/function () {
8969
9023
  runInAction(function () {
8970
9024
  _this4._initializing = true;
8971
9025
  });
8972
- this.loadingAndErrorStore.toggleLoading('initalize', true);
8973
- LOG$4.successTransaction('UNTIL_INIT');
9026
+ this.loadingAndErrorStore.toggleLoading('initalize', true, undefined, initialLoadingTexts);
9027
+ LOG$5.successTransaction('UNTIL_INIT');
8974
9028
  _context.next = 7;
8975
9029
  return this.browserStateStore.loadUrlState();
8976
9030
  case 7:
@@ -8981,7 +9035,7 @@ var RootStore = /*#__PURE__*/function () {
8981
9035
  if (organizationId) {
8982
9036
  initAuthPromise = this.initializeAuthorization(organizationId);
8983
9037
  }
8984
- LOG$4.startTransaction({
9038
+ LOG$5.startTransaction({
8985
9039
  event: 'onLoadConfig',
8986
9040
  message: 'loading Config',
8987
9041
  eventId: 'LOAD_CONFIG'
@@ -9005,8 +9059,8 @@ var RootStore = /*#__PURE__*/function () {
9005
9059
  //open default route
9006
9060
  this._initalComponent = undefined;
9007
9061
  }
9008
- LOG$4.successTransaction('LOAD_CONFIG');
9009
- LOG$4.startTransaction({
9062
+ LOG$5.successTransaction('LOAD_CONFIG');
9063
+ LOG$5.startTransaction({
9010
9064
  event: 'onLoadServerData',
9011
9065
  message: 'load server data',
9012
9066
  eventId: 'LOAD_SERVER_DATA'
@@ -9031,8 +9085,8 @@ var RootStore = /*#__PURE__*/function () {
9031
9085
  }
9032
9086
  });
9033
9087
  });
9034
- LOG$4.successTransaction('LOAD_SERVER_DATA');
9035
- LOG$4.startTransaction({
9088
+ LOG$5.successTransaction('LOAD_SERVER_DATA');
9089
+ LOG$5.startTransaction({
9036
9090
  event: 'onLoadUserData',
9037
9091
  message: 'load user data',
9038
9092
  eventId: 'LOAD_USER_DATA'
@@ -9050,7 +9104,7 @@ var RootStore = /*#__PURE__*/function () {
9050
9104
  break;
9051
9105
  case 33:
9052
9106
  if (authObject.error) {
9053
- LOG$4.errorTransaction('LOAD_USER_DATA', (_authObject$code = authObject.code) !== null && _authObject$code !== void 0 ? _authObject$code : 'CORE_0006', authObject.error);
9107
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code = authObject.code) !== null && _authObject$code !== void 0 ? _authObject$code : 'CORE_0006', authObject.error);
9054
9108
  this.authorizationStore.showLogin(false, true);
9055
9109
  } else {
9056
9110
  if (urlState !== null && urlState !== void 0 && urlState.provider) {
@@ -9061,7 +9115,7 @@ var RootStore = /*#__PURE__*/function () {
9061
9115
  return _context.abrupt("break", 50);
9062
9116
  case 35:
9063
9117
  if (authObject.error) {
9064
- LOG$4.errorTransaction('LOAD_USER_DATA', (_authObject$code2 = authObject.code) !== null && _authObject$code2 !== void 0 ? _authObject$code2 : 'CORE_0006', authObject.error);
9118
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code2 = authObject.code) !== null && _authObject$code2 !== void 0 ? _authObject$code2 : 'CORE_0006', authObject.error);
9065
9119
  this.loadingAndErrorStore.setError(authObject.error);
9066
9120
  } else {
9067
9121
  this.authorizationStore.showChangePassword(authObject.token);
@@ -9069,7 +9123,7 @@ var RootStore = /*#__PURE__*/function () {
9069
9123
  return _context.abrupt("break", 50);
9070
9124
  case 37:
9071
9125
  if (authObject.error) {
9072
- LOG$4.errorTransaction('LOAD_USER_DATA', (_authObject$code3 = authObject.code) !== null && _authObject$code3 !== void 0 ? _authObject$code3 : 'CORE_0006', authObject.error);
9126
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code3 = authObject.code) !== null && _authObject$code3 !== void 0 ? _authObject$code3 : 'CORE_0006', authObject.error);
9073
9127
  this.loadingAndErrorStore.setError(authObject.error);
9074
9128
  } else {
9075
9129
  verifyEmailToken = authObject.token;
@@ -9080,7 +9134,7 @@ var RootStore = /*#__PURE__*/function () {
9080
9134
  _context.next = 44;
9081
9135
  break;
9082
9136
  }
9083
- LOG$4.errorTransaction('LOAD_INVITATION', (_authObject$code4 = authObject.code) !== null && _authObject$code4 !== void 0 ? _authObject$code4 : 'CORE_0006', authObject.error);
9137
+ LOG$5.errorTransaction('LOAD_INVITATION', (_authObject$code4 = authObject.code) !== null && _authObject$code4 !== void 0 ? _authObject$code4 : 'CORE_0006', authObject.error);
9084
9138
  this.loadingAndErrorStore.setError(authObject.error);
9085
9139
  _context.next = 48;
9086
9140
  break;
@@ -9101,7 +9155,7 @@ var RootStore = /*#__PURE__*/function () {
9101
9155
  _context.next = 52;
9102
9156
  break;
9103
9157
  case 52:
9104
- LOG$4.successTransaction('LOAD_USER_DATA');
9158
+ LOG$5.successTransaction('LOAD_USER_DATA');
9105
9159
  if (!initAuthPromise) {
9106
9160
  _context.next = 59;
9107
9161
  break;
@@ -9178,18 +9232,18 @@ var RootStore = /*#__PURE__*/function () {
9178
9232
  _context.prev = 78;
9179
9233
  _context.t1 = _context["catch"](27);
9180
9234
  if (_context.t1 instanceof DivaError && _context.t1.name == 'AUTH_0006') {
9181
- LOG$4.errorTransaction('INITIALIZE_CORE', 'AUTH_0006', 'Existing verification token not valid.');
9235
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'AUTH_0006', 'Existing verification token not valid.');
9182
9236
  } else {
9183
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0006', 'An error occured during initialization.');
9237
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0006', 'An error occured during initialization.');
9184
9238
  }
9185
9239
  case 81:
9186
9240
  this.initalizeView();
9187
9241
  if (this.jwt) {
9188
9242
  DivaUtils.businessMetrics.jwtSetter = this.jwt;
9189
9243
  } else {
9190
- LOG$4.debug('No JWT available for Loging');
9244
+ LOG$5.debug('No JWT available for Loging');
9191
9245
  }
9192
- LOG$4.successTransaction('INITIALIZE_CORE', {
9246
+ LOG$5.successTransaction('INITIALIZE_CORE', {
9193
9247
  identifier: identifier,
9194
9248
  organizationId: this.dataStore.organizationId,
9195
9249
  domain: domain,
@@ -9203,7 +9257,7 @@ var RootStore = /*#__PURE__*/function () {
9203
9257
  _context.t2 = _context["catch"](1);
9204
9258
  this.loadingAndErrorStore.toggleLoading('initalize', false);
9205
9259
  this.loadingAndErrorStore.setError(_context.t2);
9206
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0000', _context.t2.message, {
9260
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0000', _context.t2.message, {
9207
9261
  identifier: identifier,
9208
9262
  organizationId: this.dataStore.organizationId,
9209
9263
  domain: domain,
@@ -9225,7 +9279,7 @@ var RootStore = /*#__PURE__*/function () {
9225
9279
  }
9226
9280
  }, _callee, this, [[1, 86, 91, 95], [27, 78]]);
9227
9281
  }));
9228
- function initialize(_x, _x2, _x3, _x4, _x5, _x6, _x7) {
9282
+ function initialize(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
9229
9283
  return _initialize.apply(this, arguments);
9230
9284
  }
9231
9285
  return initialize;
@@ -9270,7 +9324,7 @@ var RootStore = /*#__PURE__*/function () {
9270
9324
  _this5.initializeBusinessMetrics(telemetry, environment, applicationEnvironment, telemetrySettings, analyticsProps);
9271
9325
  }
9272
9326
  }, function (reason) {
9273
- LOG$4.error(new DivaError('Cookiebot initialization failed', {
9327
+ LOG$5.error(new DivaError('Cookiebot initialization failed', {
9274
9328
  code: 'CORE_0009',
9275
9329
  custom: {
9276
9330
  reason: reason
@@ -9290,7 +9344,7 @@ var RootStore = /*#__PURE__*/function () {
9290
9344
  }
9291
9345
  }, _callee2, this);
9292
9346
  }));
9293
- function initializeTelemetry(_x8) {
9347
+ function initializeTelemetry(_x9) {
9294
9348
  return _initializeTelemetry.apply(this, arguments);
9295
9349
  }
9296
9350
  return initializeTelemetry;
@@ -9330,7 +9384,7 @@ var RootStore = /*#__PURE__*/function () {
9330
9384
  }
9331
9385
  }, _callee3, this);
9332
9386
  }));
9333
- function initializeBusinessMetrics(_x9, _x10, _x11, _x12, _x13) {
9387
+ function initializeBusinessMetrics(_x10, _x11, _x12, _x13, _x14) {
9334
9388
  return _initializeBusinessMetrics.apply(this, arguments);
9335
9389
  }
9336
9390
  return initializeBusinessMetrics;
@@ -9356,7 +9410,7 @@ var RootStore = /*#__PURE__*/function () {
9356
9410
  case 10:
9357
9411
  _context4.prev = 10;
9358
9412
  _context4.t0 = _context4["catch"](0);
9359
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0002', 'Error initializing Organization');
9413
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0002', 'Error initializing Organization');
9360
9414
  this.loadingAndErrorStore.setError(_context4.t0, 'CORE_0002', true);
9361
9415
  return _context4.abrupt("return");
9362
9416
  case 15:
@@ -9365,7 +9419,7 @@ var RootStore = /*#__PURE__*/function () {
9365
9419
  }
9366
9420
  }, _callee4, this, [[0, 10]]);
9367
9421
  }));
9368
- function initializeAuthorization(_x14) {
9422
+ function initializeAuthorization(_x15) {
9369
9423
  return _initializeAuthorization.apply(this, arguments);
9370
9424
  }
9371
9425
  return initializeAuthorization;
@@ -9374,12 +9428,12 @@ var RootStore = /*#__PURE__*/function () {
9374
9428
  key: "initalizeView",
9375
9429
  value: function initalizeView() {
9376
9430
  if (this.contentStore.currentComponent) {
9377
- LOG$4.debug('View is already initialized');
9431
+ LOG$5.debug('View is already initialized');
9378
9432
  return;
9379
9433
  }
9380
9434
  var initalComponent = this._initalComponent || this.configurationStore.defaultComponent;
9381
9435
  if (initalComponent) {
9382
- LOG$4.debug("Inital component", JSON.stringify(initalComponent, null, 2));
9436
+ LOG$5.debug("Inital component", JSON.stringify(initalComponent, null, 2));
9383
9437
  this.contentStore.openComponent(initalComponent);
9384
9438
  } else {
9385
9439
  this.loadingAndErrorStore.setError(new DivaError('No inital component available', {
@@ -9788,10 +9842,12 @@ function styleInject(css, ref) {
9788
9842
 
9789
9843
  var overlay$2 = "overlay-X3zhH";
9790
9844
  var loading = "loading-kAuhm";
9791
- var css_248z$5 = ".overlay-X3zhH {\n height: 100%;\n width: 100%;\n display: flex;\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";
9845
+ var textContainer = "textContainer--pqsi";
9846
+ var statusText = "statusText-guHKc";
9847
+ 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";
9792
9848
  styleInject(css_248z$5);
9793
9849
 
9794
- var LOG$3 = getLogger('Framework', 'loadDependency');
9850
+ var LOG$4 = getLogger('Framework', 'loadDependency');
9795
9851
  function loadDependency(_x) {
9796
9852
  return _loadDependency.apply(this, arguments);
9797
9853
  }
@@ -9832,7 +9888,7 @@ function _loadDependency() {
9832
9888
  resolve(id);
9833
9889
  };
9834
9890
  elem.onerror = function (e) {
9835
- LOG$3.error(new DivaError('Failed to load dependency: ' + type, {
9891
+ LOG$4.error(new DivaError('Failed to load dependency: ' + type, {
9836
9892
  cause: e
9837
9893
  }));
9838
9894
  resolve(id);
@@ -9852,6 +9908,40 @@ function getCacheStamp() {
9852
9908
  return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
9853
9909
  }
9854
9910
 
9911
+ var TEXT_CYCLE_INTERVAL_MS = 1500;
9912
+ function StatusTexts(_ref) {
9913
+ var texts = _ref.texts;
9914
+ var _useState = useState(0),
9915
+ _useState2 = _slicedToArray(_useState, 2),
9916
+ index = _useState2[0],
9917
+ setIndex = _useState2[1];
9918
+ var intervalRef = useRef(null);
9919
+ useEffect(function () {
9920
+ setIndex(0);
9921
+ }, [texts]);
9922
+ useEffect(function () {
9923
+ if (texts.length <= 1) return;
9924
+ intervalRef.current = setInterval(function () {
9925
+ setIndex(function (prev) {
9926
+ return (prev + 1) % texts.length;
9927
+ });
9928
+ }, TEXT_CYCLE_INTERVAL_MS);
9929
+ return function () {
9930
+ if (intervalRef.current) clearInterval(intervalRef.current);
9931
+ };
9932
+ }, [texts]);
9933
+ if (texts.length === 0) return null;
9934
+ return /*#__PURE__*/jsx("div", {
9935
+ className: textContainer,
9936
+ children: /*#__PURE__*/jsx("span", {
9937
+ className: statusText,
9938
+ children: texts[index]
9939
+ }, "".concat(texts[index], "-").concat(index))
9940
+ });
9941
+ }
9942
+
9943
+ var SPINNER_DELAY_MS = 350;
9944
+ var LOG$3 = getLogger('Framework', 'Spinner');
9855
9945
  function Spinner() {
9856
9946
  var _useDivaCoreContext = useDivaCoreContext(),
9857
9947
  loadingAndErrorStore = _useDivaCoreContext.loadingAndErrorStore;
@@ -9882,26 +9972,43 @@ function Spinner() {
9882
9972
  }
9883
9973
  }, [loadingAndErrorStore.customLoader.cssFile, loadingAndErrorStore.customLoader.spinnerClass]);
9884
9974
  useEffect(function () {
9885
- if (loadingAndErrorStore.isLoading && throttleRef.current === null) {
9975
+ if (loadingAndErrorStore.isLoading && loadingAndErrorStore.skipSpinnerDelay) {
9976
+ if (throttleRef.current) clearTimeout(throttleRef.current);
9977
+ throttleRef.current = null;
9978
+ LOG$3.debug('Show spinner immediately because skipSpinnerDelay is active');
9979
+ setShowSpinner(true);
9980
+ } else if (loadingAndErrorStore.isLoading && throttleRef.current === null) {
9981
+ var scheduledAt = Date.now();
9982
+ LOG$3.debug("Schedule spinner show in ".concat(SPINNER_DELAY_MS, "ms"));
9886
9983
  throttleRef.current = setTimeout(function () {
9887
- return setShowSpinner(true);
9888
- }, 350);
9984
+ throttleRef.current = null;
9985
+ LOG$3.debug("Show spinner after ".concat(Date.now() - scheduledAt, "ms delay"));
9986
+ setShowSpinner(true);
9987
+ }, SPINNER_DELAY_MS);
9889
9988
  } else if (!loadingAndErrorStore.isLoading) {
9890
- if (throttleRef.current) clearTimeout(throttleRef.current);
9989
+ if (throttleRef.current) {
9990
+ clearTimeout(throttleRef.current);
9991
+ LOG$3.debug('Cancel scheduled spinner show because loading ended');
9992
+ }
9891
9993
  throttleRef.current = null;
9994
+ LOG$3.debug('Hide spinner because loading ended');
9892
9995
  setShowSpinner(false);
9893
9996
  }
9894
- }, [loadingAndErrorStore.isLoading]);
9895
- if (!showSpinner) {
9997
+ }, [loadingAndErrorStore.isLoading, loadingAndErrorStore.skipSpinnerDelay]);
9998
+ var activeTexts = loadingAndErrorStore.activeTexts;
9999
+ var shouldShowSpinner = loadingAndErrorStore.skipSpinnerDelay || showSpinner;
10000
+ if (!shouldShowSpinner) {
9896
10001
  return /*#__PURE__*/jsx(Fragment, {});
9897
10002
  }
9898
- return /*#__PURE__*/jsx("div", {
10003
+ return /*#__PURE__*/jsxs("div", {
9899
10004
  className: overlay$2,
9900
10005
  id: "diva-loader",
9901
- children: /*#__PURE__*/jsxs("div", {
10006
+ children: [/*#__PURE__*/jsxs("div", {
9902
10007
  className: className,
9903
10008
  children: [/*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {})]
9904
- })
10009
+ }), activeTexts.length > 0 && /*#__PURE__*/jsx(StatusTexts, {
10010
+ texts: activeTexts
10011
+ })]
9905
10012
  });
9906
10013
  }
9907
10014
  var Spinner$1 = observer(Spinner);
@@ -10292,7 +10399,7 @@ var DrawerMenu$1 = observer(DrawerMenu);
10292
10399
  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; }
10293
10400
  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; }
10294
10401
  var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
10295
- return import('./ModalsWrapper-60f8def8.js');
10402
+ return import('./ModalsWrapper-34782715.js');
10296
10403
  });
10297
10404
  function Fullscreen(_ref) {
10298
10405
  var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -10752,10 +10859,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
10752
10859
  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; }
10753
10860
  var LOG$2 = getLogger('Framework', 'Root');
10754
10861
  var LazyAuth = /*#__PURE__*/React.lazy(function () {
10755
- return import('./index-e33bb268.js');
10862
+ return import('./index-a8580005.js');
10756
10863
  });
10757
10864
  var LazyModals = /*#__PURE__*/React.lazy(function () {
10758
- return import('./ModalsWrapper-60f8def8.js');
10865
+ return import('./ModalsWrapper-34782715.js');
10759
10866
  });
10760
10867
  function ContentComponent() {
10761
10868
  var context = useDivaCoreContext();
@@ -11534,9 +11641,9 @@ var MockedRootStore = /*#__PURE__*/function () {
11534
11641
  throw new Error('Method not implemented.');
11535
11642
  }
11536
11643
  },
11537
- toggleLoading: function toggleLoading(id, hidden, toggle) {
11644
+ toggleLoading: function toggleLoading(id, hidden, toggle, texts, skipSpinnerDelay) {
11538
11645
  if (_this2.actions.toggleLoading) {
11539
- _this2.actions.toggleLoading(id, hidden, toggle);
11646
+ _this2.actions.toggleLoading(id, hidden, toggle, texts, skipSpinnerDelay);
11540
11647
  } else {
11541
11648
  throw new Error('Method not implemented.');
11542
11649
  }