@crystaldesign/diva-core 26.4.4 → 26.4.5-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-9e35ffa4.js → ModalsWrapper-0a8df6f7.js} +4 -1
  2. package/build/esm/{index-dc13c706.js → index-59944c9a.js} +1 -1
  3. package/build/esm/{index-87d98e32.js → index-f41622e4.js} +224 -131
  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 +5 -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 +4 -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-87d98e32.js → index-f41622e4.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.4"};
48
+ const env = {"STAGE":"production","VERSION":"26.4.5-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,17 @@ 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, "loadingTexts", new Map());
3766
+ _defineProperty(this, "_lastTexts", []);
3767
+ _defineProperty(this, "_textClearTimer", null);
3760
3768
  _defineProperty(this, "spinnerClass", undefined);
3761
3769
  _defineProperty(this, "cssFile", undefined);
3762
3770
  _defineProperty(this, "_errorMsg", undefined);
@@ -3788,6 +3796,23 @@ var _default = /*#__PURE__*/function () {
3788
3796
  }, {
3789
3797
  name: 'onLoading'
3790
3798
  });
3799
+ autorun(function () {
3800
+ if (_this.isLoading) {
3801
+ if (_this._textClearTimer) {
3802
+ clearTimeout(_this._textClearTimer);
3803
+ _this._textClearTimer = null;
3804
+ }
3805
+ } else if (_this._lastTexts.length > 0) {
3806
+ _this._textClearTimer = setTimeout(function () {
3807
+ runInAction(function () {
3808
+ _this._lastTexts = [];
3809
+ _this._textClearTimer = null;
3810
+ });
3811
+ }, LOADING_TEXT_CLEAR_DELAY_MS);
3812
+ }
3813
+ }, {
3814
+ name: 'onLoadingTextsClear'
3815
+ });
3791
3816
  }
3792
3817
  return _createClass(_default, [{
3793
3818
  key: "setCustomLoader",
@@ -3841,7 +3866,7 @@ var _default = /*#__PURE__*/function () {
3841
3866
  }, {
3842
3867
  key: "isLoading",
3843
3868
  get: function get() {
3844
- 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(', '), "]"));
3845
3870
  return this.loading.size != 0;
3846
3871
  }
3847
3872
  }, {
@@ -3857,21 +3882,21 @@ var _default = /*#__PURE__*/function () {
3857
3882
  this._errorMsg = undefined;
3858
3883
  } else if (typeof error == 'string') {
3859
3884
  this._errorMsg = error;
3860
- LOG$8.error(new DivaError(error));
3885
+ LOG$9.error(new DivaError(error));
3861
3886
  } else if (error.name == 'CORE_0005') {
3862
- LOG$8.error(error);
3887
+ LOG$9.error(error);
3863
3888
  this._errorMsg = this.root.t('core.error.page_not_found', {
3864
3889
  defaultValue: 'Die Seite existiert nicht oder Sie haben nicht die benötigten Berechtigungen. Bei Fragen wenden Sie sich bitte an den Support.'
3865
3890
  });
3866
3891
  var conf = this.root.configurationStore.components;
3867
3892
  console.log(conf);
3868
3893
  } else if (error.name == 'CORE_0002') {
3869
- LOG$8.error(error);
3894
+ LOG$9.error(error);
3870
3895
  this._errorMsg = this.root.t('core.error.resource_not_found', {
3871
3896
  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
3897
  });
3873
3898
  } else {
3874
- LOG$8.error(error);
3899
+ LOG$9.error(error);
3875
3900
  this._errorMsg = error.message;
3876
3901
  }
3877
3902
  if (this._errorMsg) {
@@ -3929,21 +3954,41 @@ var _default = /*#__PURE__*/function () {
3929
3954
  return hidden == true;
3930
3955
  }) || this.error;
3931
3956
  }
3957
+ }, {
3958
+ key: "activeTexts",
3959
+ get: function get() {
3960
+ if (this.loadingTexts.size > 0) {
3961
+ var merged = [];
3962
+ this.loadingTexts.forEach(function (texts) {
3963
+ return merged.push.apply(merged, _toConsumableArray(texts));
3964
+ });
3965
+ return merged;
3966
+ }
3967
+ return this._lastTexts;
3968
+ }
3932
3969
  }, {
3933
3970
  key: "toggleLoading",
3934
- value: function toggleLoading(id, hidden, toggle) {
3971
+ value: function toggleLoading(id, hidden, toggle, texts) {
3935
3972
  if (this.loading.has(id) && toggle !== true) {
3936
3973
  this.loading["delete"](id);
3937
- LOG$8.debug("End loading: ".concat(id, " [").concat(Array.from(this.loading.keys()), "]"));
3974
+ if (this.loadingTexts.has(id)) {
3975
+ var snapshot = this.activeTexts;
3976
+ this.loadingTexts["delete"](id);
3977
+ if (snapshot.length > 0) {
3978
+ this._lastTexts = snapshot;
3979
+ }
3980
+ }
3981
+ LOG$9.debug("End loading: ".concat(id, " [").concat(Array.from(this.loading.keys()), "]"));
3938
3982
  } else if (!this.loading.has(id) && toggle !== false) {
3939
- LOG$8.debug("Start loading: ".concat(id));
3983
+ LOG$9.debug("Start loading: ".concat(id));
3940
3984
  this.loading.set(id, hidden == undefined ? false : hidden);
3985
+ if (texts !== null && texts !== void 0 && texts.length) this.loadingTexts.set(id, texts);
3941
3986
  }
3942
3987
  }
3943
3988
  }]);
3944
3989
  }();
3945
3990
 
3946
- var LOG$7 = getLogger('Framework', 'BrowserStateStore');
3991
+ var LOG$8 = getLogger('Framework', 'BrowserStateStore');
3947
3992
  var BANNER_STATE_LOCALSTORAGE_KEY = 'diva-banner-state';
3948
3993
  var NTOKEN_LOCALSTORAGE_KEY = 'diva-ntoken';
3949
3994
  var ORGANIZATION_LOCALSTORAGE_KEY = 'diva-organization';
@@ -4257,7 +4302,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
4257
4302
  var _componentState$path;
4258
4303
  var componentConfig = _this2.root.contentStore.currentComponent;
4259
4304
  if (!componentConfig) {
4260
- LOG$7.debug('No current component found, while updating url, do nothing');
4305
+ LOG$8.debug('No current component found, while updating url, do nothing');
4261
4306
  return;
4262
4307
  }
4263
4308
  var componentState = _this2.root.contentStore.getState(componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.type);
@@ -4335,7 +4380,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
4335
4380
 
4336
4381
  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
4382
  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');
4383
+ var LOG$7 = getLogger('Framework', 'AuthorizationStore');
4339
4384
  var AuthorizationStore = /*#__PURE__*/function () {
4340
4385
  function AuthorizationStore(root) {
4341
4386
  _classCallCheck(this, AuthorizationStore);
@@ -4526,14 +4571,14 @@ var AuthorizationStore = /*#__PURE__*/function () {
4526
4571
  _context2.next = 6;
4527
4572
  break;
4528
4573
  }
4529
- LOG$6.debug('NToken removed');
4574
+ LOG$7.debug('NToken removed');
4530
4575
  _context2.next = 4;
4531
4576
  return this.root.authorizationStore.logout();
4532
4577
  case 4:
4533
4578
  _context2.next = 15;
4534
4579
  break;
4535
4580
  case 6:
4536
- LOG$6.debug('NToken change detected, login');
4581
+ LOG$7.debug('NToken change detected, login');
4537
4582
  _context2.next = 9;
4538
4583
  return this.root.authorizationStore.autorize(this.root.dataStore.organizationId, this.root.browserStateStore.getStoredNToken());
4539
4584
  case 9:
@@ -4586,7 +4631,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4586
4631
  _context3.next = 21;
4587
4632
  break;
4588
4633
  }
4589
- LOG$6.log('The stored organization is no longer valid, fallback to default organization');
4634
+ LOG$7.log('The stored organization is no longer valid, fallback to default organization');
4590
4635
  //for anonymous users, we fallback to the 'default' organization for ohter users we let the backend determine the right organization
4591
4636
  _context3.next = 18;
4592
4637
  return this.autorize(nToken ? undefined : this.root.configurationStore.organizations[0], nToken);
@@ -4597,7 +4642,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4597
4642
  _context3.next = 26;
4598
4643
  break;
4599
4644
  }
4600
- LOG$6.log('Authentication expired or invalid, logging out.');
4645
+ LOG$7.log('Authentication expired or invalid, logging out.');
4601
4646
  _context3.next = 25;
4602
4647
  return this.logout(true, true, organizationId);
4603
4648
  case 25:
@@ -4697,7 +4742,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4697
4742
  _context5.next = 19;
4698
4743
  break;
4699
4744
  }
4700
- LOG$6.log('The stored organization is no longer valid, fallback to default organization');
4745
+ LOG$7.log('The stored organization is no longer valid, fallback to default organization');
4701
4746
  _context5.next = 18;
4702
4747
  return this.login(email, password, loginSimple, undefined);
4703
4748
  case 18:
@@ -4757,7 +4802,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4757
4802
  this._timeout = undefined;
4758
4803
  }
4759
4804
  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)));
4805
+ LOG$7.debug("Set token refresh interval to ".concat(refreshTokenIn, " ms. Refresh at ").concat(new Date(Date.now() + refreshTokenIn)));
4761
4806
 
4762
4807
  //set the timout to refresh token
4763
4808
  this._timeout = setTimeout(function () {
@@ -7733,7 +7778,7 @@ var SupportHandler = /*#__PURE__*/function () {
7733
7778
  }]);
7734
7779
  }();
7735
7780
 
7736
- var LOG$5 = getLogger('Framework', 'AuthorizationHandler');
7781
+ var LOG$6 = getLogger('Framework', 'AuthorizationHandler');
7737
7782
  var AuthorizationHandler = /*#__PURE__*/function () {
7738
7783
  function AuthorizationHandler(root) {
7739
7784
  _classCallCheck(this, AuthorizationHandler);
@@ -7784,7 +7829,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
7784
7829
  if (res.status !== 200) {
7785
7830
  throw new Error('Error updating online state');
7786
7831
  }
7787
- LOG$5.debug('Updating online state.');
7832
+ LOG$6.debug('Updating online state.');
7788
7833
  });
7789
7834
  case 6:
7790
7835
  _context.sent;
@@ -7793,7 +7838,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
7793
7838
  case 9:
7794
7839
  _context.prev = 9;
7795
7840
  _context.t0 = _context["catch"](3);
7796
- LOG$5.error(new DivaError('Error updating online state', {
7841
+ LOG$6.error(new DivaError('Error updating online state', {
7797
7842
  cause: _context.t0
7798
7843
  }));
7799
7844
  case 12:
@@ -8382,7 +8427,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
8382
8427
  case 13:
8383
8428
  _context10.prev = 13;
8384
8429
  _context10.t0 = _context10["catch"](0);
8385
- LOG$5.error(new DivaError('Error updating user language', {
8430
+ LOG$6.error(new DivaError('Error updating user language', {
8386
8431
  cause: _context10.t0
8387
8432
  }));
8388
8433
  case 16:
@@ -8557,7 +8602,7 @@ var AIHandler = /*#__PURE__*/function () {
8557
8602
  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
8603
  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
8604
  var LOGINMODE_LOCALSTORAGE_KEY = 'diva-login-mode';
8560
- var LOG$4 = getLogger('Framework', 'root');
8605
+ var LOG$5 = getLogger('Framework', 'root');
8561
8606
  var RootStore = /*#__PURE__*/function () {
8562
8607
  function RootStore(_ref) {
8563
8608
  var _ref2,
@@ -8576,7 +8621,8 @@ var RootStore = /*#__PURE__*/function () {
8576
8621
  _ref$telemetry = _ref.telemetry,
8577
8622
  telemetry = _ref$telemetry === void 0 ? true : _ref$telemetry,
8578
8623
  analyticsProps = _ref.analyticsProps,
8579
- onEvent = _ref.onEvent;
8624
+ onEvent = _ref.onEvent,
8625
+ initialLoadingTexts = _ref.initialLoadingTexts;
8580
8626
  _classCallCheck(this, RootStore);
8581
8627
  _defineProperty(this, "contentStore", void 0);
8582
8628
  _defineProperty(this, "configurationStore", void 0);
@@ -8667,7 +8713,7 @@ var RootStore = /*#__PURE__*/function () {
8667
8713
  DivaUtils.businessMetrics.onClose();
8668
8714
  flashLoggers();
8669
8715
  });
8670
- this.initialize(telemetry, identifier, organizationId, domain, language, component, analyticsProps);
8716
+ this.initialize(telemetry, identifier, organizationId, domain, language, component, analyticsProps, initialLoadingTexts);
8671
8717
  }
8672
8718
 
8673
8719
  /**
@@ -8681,7 +8727,7 @@ var RootStore = /*#__PURE__*/function () {
8681
8727
  this.loadingAndErrorStore.toggleLoading('language');
8682
8728
  instance.changeLanguage(lang, function (err) {
8683
8729
  if (err) {
8684
- LOG$4.error(new DivaError('Could not change language', {
8730
+ LOG$5.error(new DivaError('Could not change language', {
8685
8731
  cause: err,
8686
8732
  code: 'CORE_0007'
8687
8733
  }));
@@ -8945,13 +8991,13 @@ var RootStore = /*#__PURE__*/function () {
8945
8991
  }, {
8946
8992
  key: "initialize",
8947
8993
  value: (function () {
8948
- var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(telemetry, identifier, organizationId, domain, language, component, analyticsProps) {
8994
+ var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(telemetry, identifier, organizationId, domain, language, component, analyticsProps, initialLoadingTexts) {
8949
8995
  var _this4 = this;
8950
8996
  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
8997
  return _regeneratorRuntime.wrap(function _callee$(_context) {
8952
8998
  while (1) switch (_context.prev = _context.next) {
8953
8999
  case 0:
8954
- LOG$4.startTransaction({
9000
+ LOG$5.startTransaction({
8955
9001
  event: 'initCore',
8956
9002
  message: 'Initalizing Core',
8957
9003
  labels: {
@@ -8969,8 +9015,8 @@ var RootStore = /*#__PURE__*/function () {
8969
9015
  runInAction(function () {
8970
9016
  _this4._initializing = true;
8971
9017
  });
8972
- this.loadingAndErrorStore.toggleLoading('initalize', true);
8973
- LOG$4.successTransaction('UNTIL_INIT');
9018
+ this.loadingAndErrorStore.toggleLoading('initalize', true, undefined, initialLoadingTexts);
9019
+ LOG$5.successTransaction('UNTIL_INIT');
8974
9020
  _context.next = 7;
8975
9021
  return this.browserStateStore.loadUrlState();
8976
9022
  case 7:
@@ -8981,7 +9027,7 @@ var RootStore = /*#__PURE__*/function () {
8981
9027
  if (organizationId) {
8982
9028
  initAuthPromise = this.initializeAuthorization(organizationId);
8983
9029
  }
8984
- LOG$4.startTransaction({
9030
+ LOG$5.startTransaction({
8985
9031
  event: 'onLoadConfig',
8986
9032
  message: 'loading Config',
8987
9033
  eventId: 'LOAD_CONFIG'
@@ -9005,8 +9051,8 @@ var RootStore = /*#__PURE__*/function () {
9005
9051
  //open default route
9006
9052
  this._initalComponent = undefined;
9007
9053
  }
9008
- LOG$4.successTransaction('LOAD_CONFIG');
9009
- LOG$4.startTransaction({
9054
+ LOG$5.successTransaction('LOAD_CONFIG');
9055
+ LOG$5.startTransaction({
9010
9056
  event: 'onLoadServerData',
9011
9057
  message: 'load server data',
9012
9058
  eventId: 'LOAD_SERVER_DATA'
@@ -9031,8 +9077,8 @@ var RootStore = /*#__PURE__*/function () {
9031
9077
  }
9032
9078
  });
9033
9079
  });
9034
- LOG$4.successTransaction('LOAD_SERVER_DATA');
9035
- LOG$4.startTransaction({
9080
+ LOG$5.successTransaction('LOAD_SERVER_DATA');
9081
+ LOG$5.startTransaction({
9036
9082
  event: 'onLoadUserData',
9037
9083
  message: 'load user data',
9038
9084
  eventId: 'LOAD_USER_DATA'
@@ -9050,7 +9096,7 @@ var RootStore = /*#__PURE__*/function () {
9050
9096
  break;
9051
9097
  case 33:
9052
9098
  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);
9099
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code = authObject.code) !== null && _authObject$code !== void 0 ? _authObject$code : 'CORE_0006', authObject.error);
9054
9100
  this.authorizationStore.showLogin(false, true);
9055
9101
  } else {
9056
9102
  if (urlState !== null && urlState !== void 0 && urlState.provider) {
@@ -9061,7 +9107,7 @@ var RootStore = /*#__PURE__*/function () {
9061
9107
  return _context.abrupt("break", 50);
9062
9108
  case 35:
9063
9109
  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);
9110
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code2 = authObject.code) !== null && _authObject$code2 !== void 0 ? _authObject$code2 : 'CORE_0006', authObject.error);
9065
9111
  this.loadingAndErrorStore.setError(authObject.error);
9066
9112
  } else {
9067
9113
  this.authorizationStore.showChangePassword(authObject.token);
@@ -9069,7 +9115,7 @@ var RootStore = /*#__PURE__*/function () {
9069
9115
  return _context.abrupt("break", 50);
9070
9116
  case 37:
9071
9117
  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);
9118
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code3 = authObject.code) !== null && _authObject$code3 !== void 0 ? _authObject$code3 : 'CORE_0006', authObject.error);
9073
9119
  this.loadingAndErrorStore.setError(authObject.error);
9074
9120
  } else {
9075
9121
  verifyEmailToken = authObject.token;
@@ -9080,7 +9126,7 @@ var RootStore = /*#__PURE__*/function () {
9080
9126
  _context.next = 44;
9081
9127
  break;
9082
9128
  }
9083
- LOG$4.errorTransaction('LOAD_INVITATION', (_authObject$code4 = authObject.code) !== null && _authObject$code4 !== void 0 ? _authObject$code4 : 'CORE_0006', authObject.error);
9129
+ LOG$5.errorTransaction('LOAD_INVITATION', (_authObject$code4 = authObject.code) !== null && _authObject$code4 !== void 0 ? _authObject$code4 : 'CORE_0006', authObject.error);
9084
9130
  this.loadingAndErrorStore.setError(authObject.error);
9085
9131
  _context.next = 48;
9086
9132
  break;
@@ -9101,7 +9147,7 @@ var RootStore = /*#__PURE__*/function () {
9101
9147
  _context.next = 52;
9102
9148
  break;
9103
9149
  case 52:
9104
- LOG$4.successTransaction('LOAD_USER_DATA');
9150
+ LOG$5.successTransaction('LOAD_USER_DATA');
9105
9151
  if (!initAuthPromise) {
9106
9152
  _context.next = 59;
9107
9153
  break;
@@ -9178,18 +9224,18 @@ var RootStore = /*#__PURE__*/function () {
9178
9224
  _context.prev = 78;
9179
9225
  _context.t1 = _context["catch"](27);
9180
9226
  if (_context.t1 instanceof DivaError && _context.t1.name == 'AUTH_0006') {
9181
- LOG$4.errorTransaction('INITIALIZE_CORE', 'AUTH_0006', 'Existing verification token not valid.');
9227
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'AUTH_0006', 'Existing verification token not valid.');
9182
9228
  } else {
9183
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0006', 'An error occured during initialization.');
9229
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0006', 'An error occured during initialization.');
9184
9230
  }
9185
9231
  case 81:
9186
9232
  this.initalizeView();
9187
9233
  if (this.jwt) {
9188
9234
  DivaUtils.businessMetrics.jwtSetter = this.jwt;
9189
9235
  } else {
9190
- LOG$4.debug('No JWT available for Loging');
9236
+ LOG$5.debug('No JWT available for Loging');
9191
9237
  }
9192
- LOG$4.successTransaction('INITIALIZE_CORE', {
9238
+ LOG$5.successTransaction('INITIALIZE_CORE', {
9193
9239
  identifier: identifier,
9194
9240
  organizationId: this.dataStore.organizationId,
9195
9241
  domain: domain,
@@ -9203,7 +9249,7 @@ var RootStore = /*#__PURE__*/function () {
9203
9249
  _context.t2 = _context["catch"](1);
9204
9250
  this.loadingAndErrorStore.toggleLoading('initalize', false);
9205
9251
  this.loadingAndErrorStore.setError(_context.t2);
9206
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0000', _context.t2.message, {
9252
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0000', _context.t2.message, {
9207
9253
  identifier: identifier,
9208
9254
  organizationId: this.dataStore.organizationId,
9209
9255
  domain: domain,
@@ -9225,7 +9271,7 @@ var RootStore = /*#__PURE__*/function () {
9225
9271
  }
9226
9272
  }, _callee, this, [[1, 86, 91, 95], [27, 78]]);
9227
9273
  }));
9228
- function initialize(_x, _x2, _x3, _x4, _x5, _x6, _x7) {
9274
+ function initialize(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
9229
9275
  return _initialize.apply(this, arguments);
9230
9276
  }
9231
9277
  return initialize;
@@ -9270,7 +9316,7 @@ var RootStore = /*#__PURE__*/function () {
9270
9316
  _this5.initializeBusinessMetrics(telemetry, environment, applicationEnvironment, telemetrySettings, analyticsProps);
9271
9317
  }
9272
9318
  }, function (reason) {
9273
- LOG$4.error(new DivaError('Cookiebot initialization failed', {
9319
+ LOG$5.error(new DivaError('Cookiebot initialization failed', {
9274
9320
  code: 'CORE_0009',
9275
9321
  custom: {
9276
9322
  reason: reason
@@ -9290,7 +9336,7 @@ var RootStore = /*#__PURE__*/function () {
9290
9336
  }
9291
9337
  }, _callee2, this);
9292
9338
  }));
9293
- function initializeTelemetry(_x8) {
9339
+ function initializeTelemetry(_x9) {
9294
9340
  return _initializeTelemetry.apply(this, arguments);
9295
9341
  }
9296
9342
  return initializeTelemetry;
@@ -9330,7 +9376,7 @@ var RootStore = /*#__PURE__*/function () {
9330
9376
  }
9331
9377
  }, _callee3, this);
9332
9378
  }));
9333
- function initializeBusinessMetrics(_x9, _x10, _x11, _x12, _x13) {
9379
+ function initializeBusinessMetrics(_x10, _x11, _x12, _x13, _x14) {
9334
9380
  return _initializeBusinessMetrics.apply(this, arguments);
9335
9381
  }
9336
9382
  return initializeBusinessMetrics;
@@ -9356,7 +9402,7 @@ var RootStore = /*#__PURE__*/function () {
9356
9402
  case 10:
9357
9403
  _context4.prev = 10;
9358
9404
  _context4.t0 = _context4["catch"](0);
9359
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0002', 'Error initializing Organization');
9405
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0002', 'Error initializing Organization');
9360
9406
  this.loadingAndErrorStore.setError(_context4.t0, 'CORE_0002', true);
9361
9407
  return _context4.abrupt("return");
9362
9408
  case 15:
@@ -9365,7 +9411,7 @@ var RootStore = /*#__PURE__*/function () {
9365
9411
  }
9366
9412
  }, _callee4, this, [[0, 10]]);
9367
9413
  }));
9368
- function initializeAuthorization(_x14) {
9414
+ function initializeAuthorization(_x15) {
9369
9415
  return _initializeAuthorization.apply(this, arguments);
9370
9416
  }
9371
9417
  return initializeAuthorization;
@@ -9374,12 +9420,12 @@ var RootStore = /*#__PURE__*/function () {
9374
9420
  key: "initalizeView",
9375
9421
  value: function initalizeView() {
9376
9422
  if (this.contentStore.currentComponent) {
9377
- LOG$4.debug('View is already initialized');
9423
+ LOG$5.debug('View is already initialized');
9378
9424
  return;
9379
9425
  }
9380
9426
  var initalComponent = this._initalComponent || this.configurationStore.defaultComponent;
9381
9427
  if (initalComponent) {
9382
- LOG$4.debug("Inital component", JSON.stringify(initalComponent, null, 2));
9428
+ LOG$5.debug("Inital component", JSON.stringify(initalComponent, null, 2));
9383
9429
  this.contentStore.openComponent(initalComponent);
9384
9430
  } else {
9385
9431
  this.loadingAndErrorStore.setError(new DivaError('No inital component available', {
@@ -9788,10 +9834,12 @@ function styleInject(css, ref) {
9788
9834
 
9789
9835
  var overlay$2 = "overlay-X3zhH";
9790
9836
  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";
9837
+ var textContainer = "textContainer--pqsi";
9838
+ var statusText = "statusText-guHKc";
9839
+ 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
9840
  styleInject(css_248z$5);
9793
9841
 
9794
- var LOG$3 = getLogger('Framework', 'loadDependency');
9842
+ var LOG$4 = getLogger('Framework', 'loadDependency');
9795
9843
  function loadDependency(_x) {
9796
9844
  return _loadDependency.apply(this, arguments);
9797
9845
  }
@@ -9832,7 +9880,7 @@ function _loadDependency() {
9832
9880
  resolve(id);
9833
9881
  };
9834
9882
  elem.onerror = function (e) {
9835
- LOG$3.error(new DivaError('Failed to load dependency: ' + type, {
9883
+ LOG$4.error(new DivaError('Failed to load dependency: ' + type, {
9836
9884
  cause: e
9837
9885
  }));
9838
9886
  resolve(id);
@@ -9852,6 +9900,40 @@ function getCacheStamp() {
9852
9900
  return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
9853
9901
  }
9854
9902
 
9903
+ var TEXT_CYCLE_INTERVAL_MS = 1500;
9904
+ function StatusTexts(_ref) {
9905
+ var texts = _ref.texts;
9906
+ var _useState = useState(0),
9907
+ _useState2 = _slicedToArray(_useState, 2),
9908
+ index = _useState2[0],
9909
+ setIndex = _useState2[1];
9910
+ var intervalRef = useRef(null);
9911
+ useEffect(function () {
9912
+ setIndex(0);
9913
+ }, [texts]);
9914
+ useEffect(function () {
9915
+ if (texts.length <= 1) return;
9916
+ intervalRef.current = setInterval(function () {
9917
+ setIndex(function (prev) {
9918
+ return (prev + 1) % texts.length;
9919
+ });
9920
+ }, TEXT_CYCLE_INTERVAL_MS);
9921
+ return function () {
9922
+ if (intervalRef.current) clearInterval(intervalRef.current);
9923
+ };
9924
+ }, [texts]);
9925
+ if (texts.length === 0) return null;
9926
+ return /*#__PURE__*/jsx("div", {
9927
+ className: textContainer,
9928
+ children: /*#__PURE__*/jsx("span", {
9929
+ className: statusText,
9930
+ children: texts[index]
9931
+ }, "".concat(texts[index], "-").concat(index))
9932
+ });
9933
+ }
9934
+
9935
+ var SPINNER_DELAY_MS = 350;
9936
+ var LOG$3 = getLogger('Framework', 'Spinner');
9855
9937
  function Spinner() {
9856
9938
  var _useDivaCoreContext = useDivaCoreContext(),
9857
9939
  loadingAndErrorStore = _useDivaCoreContext.loadingAndErrorStore;
@@ -9883,25 +9965,36 @@ function Spinner() {
9883
9965
  }, [loadingAndErrorStore.customLoader.cssFile, loadingAndErrorStore.customLoader.spinnerClass]);
9884
9966
  useEffect(function () {
9885
9967
  if (loadingAndErrorStore.isLoading && throttleRef.current === null) {
9968
+ var scheduledAt = Date.now();
9969
+ LOG$3.debug("Schedule spinner show in ".concat(SPINNER_DELAY_MS, "ms"));
9886
9970
  throttleRef.current = setTimeout(function () {
9887
- return setShowSpinner(true);
9888
- }, 350);
9971
+ throttleRef.current = null;
9972
+ LOG$3.debug("Show spinner after ".concat(Date.now() - scheduledAt, "ms delay"));
9973
+ setShowSpinner(true);
9974
+ }, SPINNER_DELAY_MS);
9889
9975
  } else if (!loadingAndErrorStore.isLoading) {
9890
- if (throttleRef.current) clearTimeout(throttleRef.current);
9976
+ if (throttleRef.current) {
9977
+ clearTimeout(throttleRef.current);
9978
+ LOG$3.debug('Cancel scheduled spinner show because loading ended');
9979
+ }
9891
9980
  throttleRef.current = null;
9981
+ LOG$3.debug('Hide spinner because loading ended');
9892
9982
  setShowSpinner(false);
9893
9983
  }
9894
9984
  }, [loadingAndErrorStore.isLoading]);
9985
+ var activeTexts = loadingAndErrorStore.activeTexts;
9895
9986
  if (!showSpinner) {
9896
9987
  return /*#__PURE__*/jsx(Fragment, {});
9897
9988
  }
9898
- return /*#__PURE__*/jsx("div", {
9989
+ return /*#__PURE__*/jsxs("div", {
9899
9990
  className: overlay$2,
9900
9991
  id: "diva-loader",
9901
- children: /*#__PURE__*/jsxs("div", {
9992
+ children: [/*#__PURE__*/jsxs("div", {
9902
9993
  className: className,
9903
9994
  children: [/*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {})]
9904
- })
9995
+ }), activeTexts.length > 0 && /*#__PURE__*/jsx(StatusTexts, {
9996
+ texts: activeTexts
9997
+ })]
9905
9998
  });
9906
9999
  }
9907
10000
  var Spinner$1 = observer(Spinner);
@@ -10292,7 +10385,7 @@ var DrawerMenu$1 = observer(DrawerMenu);
10292
10385
  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
10386
  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
10387
  var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
10295
- return import('./ModalsWrapper-9e35ffa4.js');
10388
+ return import('./ModalsWrapper-0a8df6f7.js');
10296
10389
  });
10297
10390
  function Fullscreen(_ref) {
10298
10391
  var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -10752,10 +10845,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
10752
10845
  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
10846
  var LOG$2 = getLogger('Framework', 'Root');
10754
10847
  var LazyAuth = /*#__PURE__*/React.lazy(function () {
10755
- return import('./index-dc13c706.js');
10848
+ return import('./index-59944c9a.js');
10756
10849
  });
10757
10850
  var LazyModals = /*#__PURE__*/React.lazy(function () {
10758
- return import('./ModalsWrapper-9e35ffa4.js');
10851
+ return import('./ModalsWrapper-0a8df6f7.js');
10759
10852
  });
10760
10853
  function ContentComponent() {
10761
10854
  var context = useDivaCoreContext();