@crystaldesign/diva-core 26.5.0-beta.9 → 26.5.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/build/esm/{ModalsWrapper-7a0c7293.js → ModalsWrapper-d6a5f949.js} +4 -1
  2. package/build/esm/{index-85075796.js → index-1ec5e898.js} +267 -155
  3. package/build/esm/{index-dca70358.js → index-64c9dab5.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/externalTypes.d.ts +1 -0
  10. package/build/types/core/src/externalTypes.d.ts.map +1 -1
  11. package/build/types/core/src/handler/AIHandler/index.d.ts +3 -1
  12. package/build/types/core/src/handler/AIHandler/index.d.ts.map +1 -1
  13. package/build/types/core/src/store/ContentStore.d.ts +1 -0
  14. package/build/types/core/src/store/ContentStore.d.ts.map +1 -1
  15. package/build/types/core/src/store/LoadingAndErrorStore.d.ts +7 -1
  16. package/build/types/core/src/store/LoadingAndErrorStore.d.ts.map +1 -1
  17. package/build/types/core/src/store/RootStore.d.ts +1 -1
  18. package/build/types/core/src/store/RootStore.d.ts.map +1 -1
  19. package/build/types/core/src/store/index.d.ts +5 -2
  20. package/build/types/core/src/store/index.d.ts.map +1 -1
  21. package/build/umd/541.diva-core.umd.min.js +1 -1
  22. package/build/umd/643.diva-core.umd.min.js +1 -1
  23. package/build/umd/662.diva-core.umd.min.js +1 -1
  24. package/build/umd/858.diva-core.umd.min.js +1 -1
  25. package/build/umd/911.diva-core.umd.min.js +1 -1
  26. package/build/umd/935.diva-core.umd.min.js +1 -1
  27. package/build/umd/diva-core.umd.min.js +3 -3
  28. package/build/umd/report.html +1 -1
  29. package/package.json +11 -11
package/build/esm/{index-85075796.js → index-1ec5e898.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.5.0-beta.9"};
48
+ const env = {"STAGE":"production","VERSION":"26.5.0-rc.1"};
49
49
  try {
50
50
  if (process) {
51
51
  process.env = Object.assign({}, process.env);
@@ -602,7 +602,7 @@ function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
602
602
  function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
603
603
  function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
604
604
  function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
605
- var LOG$e = getLogger('Framework', 'webcomponent');
605
+ var LOG$f = getLogger('Framework', 'webcomponent');
606
606
  var DivaFramework = /*#__PURE__*/function (_HTMLElement) {
607
607
  function DivaFramework() {
608
608
  var _this;
@@ -827,7 +827,7 @@ var CoreWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
827
827
  return key.startsWith('Crystaldesign');
828
828
  }).forEach(function (key) {
829
829
  var _key2;
830
- LOG$e.debug('Loading UMD Component', key, window[key]);
830
+ LOG$f.debug('Loading UMD Component', key, window[key]);
831
831
  var value = (_key2 = window[key]) === null || _key2 === void 0 ? void 0 : _key2["default"];
832
832
  if (value !== null && value !== void 0 && value.name) {
833
833
  available.push(value);
@@ -951,7 +951,7 @@ var defaultTheme = {
951
951
 
952
952
  function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
953
953
  function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
954
- var LOG$d = getLogger('Framework', 'ConfigurationStore');
954
+ var LOG$e = getLogger('Framework', 'ConfigurationStore');
955
955
  var ConfigurationStore = /*#__PURE__*/function () {
956
956
  function ConfigurationStore(root, identifier, defaultApiConfig, domain) {
957
957
  _classCallCheck(this, ConfigurationStore);
@@ -1288,17 +1288,17 @@ var ConfigurationStore = /*#__PURE__*/function () {
1288
1288
  while (1) switch (_context.prev = _context.next) {
1289
1289
  case 0:
1290
1290
  identifier = _ref3.identifier, type = _ref3.type, domain = _ref3.domain, _ref3$organizationId = _ref3.organizationId, organizationId = _ref3$organizationId === void 0 ? this.root.dataStore.organizationId : _ref3$organizationId;
1291
- LOG$d.debug("Fetching configuration for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1291
+ LOG$e.debug("Fetching configuration for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1292
1292
  configuration = this.configurationCache.get(type + identifier + organizationId);
1293
1293
  if (!configuration) {
1294
1294
  _context.next = 6;
1295
1295
  break;
1296
1296
  }
1297
- LOG$d.debug("Found configuration in cache for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1297
+ LOG$e.debug("Found configuration in cache for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1298
1298
  return _context.abrupt("return", configuration);
1299
1299
  case 6:
1300
1300
  _context.prev = 6;
1301
- LOG$d.debug("Need to load configuration from service for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1301
+ LOG$e.debug("Need to load configuration from service for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1302
1302
  _context.next = 10;
1303
1303
  return this.root.apiHandler.fetchConfiguration({
1304
1304
  organizationId: organizationId,
@@ -1313,7 +1313,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
1313
1313
  case 13:
1314
1314
  _context.prev = 13;
1315
1315
  _context.t0 = _context["catch"](6);
1316
- LOG$d.error(new DivaError('Error while fetching configuration', {
1316
+ LOG$e.error(new DivaError('Error while fetching configuration', {
1317
1317
  cause: _context.t0
1318
1318
  }));
1319
1319
  configuration = {};
@@ -1358,7 +1358,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
1358
1358
  case 31:
1359
1359
  _context.prev = 31;
1360
1360
  _context.t1 = _context["catch"](25);
1361
- LOG$d.error(new DivaError("Error while fetching configuration for ".concat(subType), {
1361
+ LOG$e.error(new DivaError("Error while fetching configuration for ".concat(subType), {
1362
1362
  cause: _context.t1
1363
1363
  }));
1364
1364
  configuration["".concat(subType, "Settings")] = {};
@@ -1368,7 +1368,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
1368
1368
  break;
1369
1369
  case 38:
1370
1370
  this.configurationCache.set(type + identifier + organizationId, configuration);
1371
- LOG$d.debug("Loaded configuration from service ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1371
+ LOG$e.debug("Loaded configuration from service ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
1372
1372
  return _context.abrupt("return", configuration);
1373
1373
  case 41:
1374
1374
  case "end":
@@ -1474,7 +1474,7 @@ function isIpadOS() {
1474
1474
 
1475
1475
  function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1476
1476
  function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1477
- var LOG$c = getLogger('Framework', 'DataStore');
1477
+ var LOG$d = getLogger('Framework', 'DataStore');
1478
1478
  var DataStore = /*#__PURE__*/function () {
1479
1479
  function DataStore(root) {
1480
1480
  _classCallCheck(this, DataStore);
@@ -1586,12 +1586,12 @@ var DataStore = /*#__PURE__*/function () {
1586
1586
  set: function set(user) {
1587
1587
  var _this$_user;
1588
1588
  if (user !== null && user !== void 0 && user._id && user._id == ((_this$_user = this._user) === null || _this$_user === void 0 ? void 0 : _this$_user._id)) {
1589
- LOG$c.debug('User did not change');
1589
+ LOG$d.debug('User did not change');
1590
1590
  } else if (!user) {
1591
- LOG$c.debug('User was removed');
1591
+ LOG$d.debug('User was removed');
1592
1592
  } else if (user._id) {
1593
1593
  var _this$_user2;
1594
- LOG$c.debug("User changed from ".concat((_this$_user2 = this._user) === null || _this$_user2 === void 0 ? void 0 : _this$_user2._id, " to ").concat(user._id));
1594
+ LOG$d.debug("User changed from ".concat((_this$_user2 = this._user) === null || _this$_user2 === void 0 ? void 0 : _this$_user2._id, " to ").concat(user._id));
1595
1595
  DivaUtils.businessMetrics.setUser(user._id, user.mainEmail, user.name + ' ' + user.familyName); //Obsolete
1596
1596
  }
1597
1597
  this._user = user;
@@ -1739,10 +1739,10 @@ var DataStore = /*#__PURE__*/function () {
1739
1739
  _context4.next = 23;
1740
1740
  break;
1741
1741
  }
1742
- LOG$c.debug("Found Session GUID in store for ".concat(sessionKey));
1742
+ LOG$d.debug("Found Session GUID in store for ".concat(sessionKey));
1743
1743
  return _context4.abrupt("return", this._sessionGuids[sessionKey]);
1744
1744
  case 23:
1745
- LOG$c.debug("No Session GUID found in store for ".concat(sessionKey), toJS(this._sessionGuids));
1745
+ LOG$d.debug("No Session GUID found in store for ".concat(sessionKey), toJS(this._sessionGuids));
1746
1746
  url = api2Url + '?function=JsonLoginByAuthToken' + ('&UserRole=' + userRole) + ('&organizationId=' + organization) + ('&mode=' + (mode !== null && mode !== void 0 ? mode : this.root.loginMode));
1747
1747
  _context4.next = 27;
1748
1748
  return fetch(url, {
@@ -1769,7 +1769,7 @@ var DataStore = /*#__PURE__*/function () {
1769
1769
  });
1770
1770
  case 27:
1771
1771
  res = _context4.sent;
1772
- LOG$c.debug("Fetched new session GUID from api for ".concat(sessionKey));
1772
+ LOG$d.debug("Fetched new session GUID from api for ".concat(sessionKey));
1773
1773
  this._sessionGuids[sessionKey] = res;
1774
1774
  return _context4.abrupt("return", this._sessionGuids[sessionKey]);
1775
1775
  case 31:
@@ -1833,11 +1833,11 @@ var DataStore = /*#__PURE__*/function () {
1833
1833
  if (this.root.authorizationStore.loginState == 'user') {
1834
1834
  this.root.browserStateStore.setStoredOrganization(organizationId);
1835
1835
  }
1836
- LOG$c.debug("Organization changed from ".concat(prevOrganization, " to ").concat(organizationId));
1836
+ LOG$d.debug("Organization changed from ".concat(prevOrganization, " to ").concat(organizationId));
1837
1837
  _context5.next = 19;
1838
1838
  break;
1839
1839
  case 18:
1840
- LOG$c.debug("Organization did not change.");
1840
+ LOG$d.debug("Organization did not change.");
1841
1841
  case 19:
1842
1842
  _context5.next = 24;
1843
1843
  break;
@@ -1884,7 +1884,7 @@ var DataStore = /*#__PURE__*/function () {
1884
1884
  _context6.prev = 10;
1885
1885
  _context6.t0 = _context6["catch"](3);
1886
1886
  this._organizationTree = DataStore.EMPTY_ORGANIZATION_TREE;
1887
- LOG$c.warn('Could not fetch organization tree');
1887
+ LOG$d.warn('Could not fetch organization tree');
1888
1888
  case 14:
1889
1889
  case "end":
1890
1890
  return _context6.stop();
@@ -1936,7 +1936,7 @@ function empty(p) {
1936
1936
 
1937
1937
  function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
1938
1938
  function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() { return !!t; })(); }
1939
- var LOG$b = getLogger('Framework', 'root');
1939
+ var LOG$c = getLogger('Framework', 'root');
1940
1940
  var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
1941
1941
  function ErrorBoundary(props) {
1942
1942
  var _this;
@@ -1950,7 +1950,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
1950
1950
  return _createClass(ErrorBoundary, [{
1951
1951
  key: "componentDidCatch",
1952
1952
  value: function componentDidCatch(error) {
1953
- LOG$b.error(new DivaError('Error while rendring in Core', {
1953
+ LOG$c.error(new DivaError('Error while rendring in Core', {
1954
1954
  cause: error,
1955
1955
  custom: {
1956
1956
  code: 'CORE_0000'
@@ -1987,12 +1987,12 @@ function Fallback () {
1987
1987
  var _excluded$5 = ["children"];
1988
1988
  function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1989
1989
  function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1990
- var LOG$a = getLogger('Framework', 'root');
1990
+ var LOG$b = getLogger('Framework', 'root');
1991
1991
  var DivaCore = /*#__PURE__*/forwardRef(function (_ref, ref) {
1992
1992
  var children = _ref.children,
1993
1993
  props = _objectWithoutProperties(_ref, _excluded$5);
1994
1994
  useEffect(function () {
1995
- LOG$a.successTransaction('UNTIL_RENDER');
1995
+ LOG$b.successTransaction('UNTIL_RENDER');
1996
1996
  }, []);
1997
1997
  return /*#__PURE__*/jsx(DivaCoreProvider, _objectSpread$b(_objectSpread$b({}, props), {}, {
1998
1998
  ref: ref,
@@ -2163,8 +2163,8 @@ function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r
2163
2163
  function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
2164
2164
  function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2165
2165
  function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2166
- var LOG$9 = getLogger('Framework', 'ContentStore');
2167
- var ALLOWED_WRAPPER_MODULES = ['ARCHIVE', 'PRODUCT_LIST'];
2166
+ var LOG$a = getLogger('Framework', 'ContentStore');
2167
+ var ALLOWED_WRAPPER_MODULES = ['ARCHIVE', 'PRODUCT_LIST', 'SALES_MANAGER'];
2168
2168
  var ContentStore = /*#__PURE__*/function () {
2169
2169
  function ContentStore(components, root) {
2170
2170
  var _this = this;
@@ -2195,6 +2195,8 @@ var ContentStore = /*#__PURE__*/function () {
2195
2195
  _defineProperty(this, "resizeObserver", undefined);
2196
2196
  _defineProperty(this, "_dimensions", undefined);
2197
2197
  _defineProperty(this, "_currentlyRendered", []);
2198
+ // Built once on open so the component identity stays stable across `_fullscreenComponent` updates and React doesn't remount.
2199
+ _defineProperty(this, "_fullscreenRender", undefined);
2198
2200
  _defineProperty(this, "mapTypeToModule", function (type) {
2199
2201
  switch (type) {
2200
2202
  case 'START_PAGE':
@@ -2314,7 +2316,7 @@ var ContentStore = /*#__PURE__*/function () {
2314
2316
  case 17:
2315
2317
  _context.prev = 17;
2316
2318
  _context.t0 = _context["catch"](8);
2317
- LOG$9.error(_context.t0);
2319
+ LOG$a.error(_context.t0);
2318
2320
  if (callback) {
2319
2321
  callback(false);
2320
2322
  } else {
@@ -2346,7 +2348,7 @@ var ContentStore = /*#__PURE__*/function () {
2346
2348
  this.root = root;
2347
2349
  this.configuration = components;
2348
2350
  if (window.customElements.get('model-viewer')) this._modelViewerHasLoaded = true;
2349
- LOG$9.debug("Available Components: ".concat(components.map(function (c) {
2351
+ LOG$a.debug("Available Components: ".concat(components.map(function (c) {
2350
2352
  return c.name;
2351
2353
  })));
2352
2354
  makeAutoObservable(this, {
@@ -2366,6 +2368,7 @@ var ContentStore = /*#__PURE__*/function () {
2366
2368
  _drawerMenu: observable.ref,
2367
2369
  resizeObserver: false,
2368
2370
  _currentlyRendered: false,
2371
+ _fullscreenRender: false,
2369
2372
  openComponent: flow,
2370
2373
  openComponentInFullscreen: flow,
2371
2374
  getState: false
@@ -2503,12 +2506,12 @@ var ContentStore = /*#__PURE__*/function () {
2503
2506
  case 3:
2504
2507
  this.root.loadingAndErrorStore.setError(undefined);
2505
2508
  this.root.loadingAndErrorStore.toggleLoading('openComponent');
2506
- LOG$9.debug('openComponent', toJS(action));
2509
+ LOG$a.debug('openComponent', toJS(action));
2507
2510
  if (!action.url) {
2508
2511
  _context3.next = 11;
2509
2512
  break;
2510
2513
  }
2511
- LOG$9.businessEvent('onOpenModule', action.openInNewTab ? 'OpenUrlNewTab' : 'OpenUrl', "Open link ".concat(action.url), {
2514
+ LOG$a.businessEvent('onOpenModule', action.openInNewTab ? 'OpenUrlNewTab' : 'OpenUrl', "Open link ".concat(action.url), {
2512
2515
  url: action.url
2513
2516
  });
2514
2517
  if (action.openInNewTab) {
@@ -2605,7 +2608,7 @@ var ContentStore = /*#__PURE__*/function () {
2605
2608
  _context3.next = 41;
2606
2609
  break;
2607
2610
  }
2608
- LOG$9.debug("Component is restricted, open login form");
2611
+ LOG$a.debug("Component is restricted, open login form");
2609
2612
  this._restrictedComponent = action;
2610
2613
  this.root.authorizationStore.showLogin();
2611
2614
  this.root.loadingAndErrorStore.toggleLoading('openComponent');
@@ -2630,7 +2633,7 @@ var ContentStore = /*#__PURE__*/function () {
2630
2633
  _context3.next = 51;
2631
2634
  break;
2632
2635
  }
2633
- LOG$9.warn('Wrapper org restriction detected, redirecting to default module', {
2636
+ LOG$a.warn('Wrapper org restriction detected, redirecting to default module', {
2634
2637
  requestedAction: toJS(action),
2635
2638
  defaultComponent: toJS(defaultComponent),
2636
2639
  organizationId: this.root.dataStore.organizationId
@@ -2664,7 +2667,7 @@ var ContentStore = /*#__PURE__*/function () {
2664
2667
  parameters = otherPrams;
2665
2668
  }
2666
2669
  module = this.mapTypeToModule((_config8 = config) === null || _config8 === void 0 ? void 0 : _config8.type);
2667
- LOG$9.businessEvent('onOpenModule', module, "Open module ".concat((_config9 = config) === null || _config9 === void 0 ? void 0 : _config9.type), openModuleLables);
2670
+ LOG$a.businessEvent('onOpenModule', module, "Open module ".concat((_config9 = config) === null || _config9 === void 0 ? void 0 : _config9.type), openModuleLables);
2668
2671
  prevType = this.visible;
2669
2672
  prevState = this.state.get(this.visible || '');
2670
2673
  currentState = this.state.get(config.type);
@@ -2711,11 +2714,11 @@ var ContentStore = /*#__PURE__*/function () {
2711
2714
  key: "openComponentInFullscreen",
2712
2715
  value: /*#__PURE__*/_regeneratorRuntime.mark(function openComponentInFullscreen(component) {
2713
2716
  var _config10, _config11;
2714
- var type, parameters, internal, route, config, settings, module, componentState;
2717
+ var type, parameters, internal, route, config, settings, module, componentState, cmp;
2715
2718
  return _regeneratorRuntime.wrap(function openComponentInFullscreen$(_context4) {
2716
2719
  while (1) switch (_context4.prev = _context4.next) {
2717
2720
  case 0:
2718
- LOG$9.debug('openComponentInFullscreen', toJS(component));
2721
+ LOG$a.debug('openComponentInFullscreen', toJS(component));
2719
2722
  this.root.loadingAndErrorStore.setError(undefined);
2720
2723
  type = component.type, parameters = component.parameters, internal = component.internal, route = component.route;
2721
2724
  config = undefined;
@@ -2761,7 +2764,7 @@ var ContentStore = /*#__PURE__*/function () {
2761
2764
  settings = _context4.sent;
2762
2765
  case 18:
2763
2766
  module = this.mapTypeToModule((_config10 = config) === null || _config10 === void 0 ? void 0 : _config10.type);
2764
- LOG$9.businessEvent('onOpenModule', module, "Open module ".concat((_config11 = config) === null || _config11 === void 0 ? void 0 : _config11.type));
2767
+ LOG$a.businessEvent('onOpenModule', module, "Open module ".concat((_config11 = config) === null || _config11 === void 0 ? void 0 : _config11.type));
2765
2768
  componentState = {
2766
2769
  key: config.type,
2767
2770
  parameters: parameters,
@@ -2772,8 +2775,15 @@ var ContentStore = /*#__PURE__*/function () {
2772
2775
  };
2773
2776
  this.setGlobalClass();
2774
2777
  this._fullscreenComponent = componentState;
2778
+ cmp = this.configuration.find(function (c) {
2779
+ return c.name == config.type;
2780
+ });
2781
+ if (cmp) this._fullscreenRender = {
2782
+ name: cmp.name,
2783
+ component: withTransaction(config.type, 'Module')(cmp.renderFunction)
2784
+ };
2775
2785
  this.root.loadingAndErrorStore.toggleLoading('openComponent');
2776
- case 24:
2786
+ case 26:
2777
2787
  case "end":
2778
2788
  return _context4.stop();
2779
2789
  }
@@ -2783,6 +2793,7 @@ var ContentStore = /*#__PURE__*/function () {
2783
2793
  key: "closeComponentInFullscreen",
2784
2794
  value: function closeComponentInFullscreen() {
2785
2795
  this._fullscreenComponent = undefined;
2796
+ this._fullscreenRender = undefined;
2786
2797
  this.root.onEvent({
2787
2798
  type: 'closeComponentInFullscreen'
2788
2799
  });
@@ -3398,7 +3409,6 @@ var ContentStore = /*#__PURE__*/function () {
3398
3409
  if (component.type === 'SALES_MANAGER' && !((_this7$root$dataStore = _this7.root.dataStore.organization) !== null && _this7$root$dataStore !== void 0 && (_this7$root$dataStore = _this7$root$dataStore.settings) !== null && _this7$root$dataStore !== void 0 && _this7$root$dataStore.enableInsights)) {
3399
3410
  return false;
3400
3411
  }
3401
-
3402
3412
  //only this modules are allowed in wrapper organizations
3403
3413
  if (_this7.isWrapperOrganization && !ALLOWED_WRAPPER_MODULES.includes(component.type)) return false;
3404
3414
 
@@ -3449,23 +3459,16 @@ var ContentStore = /*#__PURE__*/function () {
3449
3459
  }, {
3450
3460
  key: "fullscreenComponent",
3451
3461
  get: function get() {
3452
- var _this9 = this;
3453
- var component = this.availableComponents.find(function (component) {
3454
- var _this9$_fullscreenCom;
3455
- return component.type == ((_this9$_fullscreenCom = _this9._fullscreenComponent) === null || _this9$_fullscreenCom === void 0 ? void 0 : _this9$_fullscreenCom.key);
3456
- });
3457
- var cmp = this.configuration.find(function (config) {
3458
- return (component === null || component === void 0 ? void 0 : component.type) == config.name;
3459
- });
3460
- if (!cmp || !component || !this._fullscreenComponent) throw new DivaError("No component with the specified settings found", {
3462
+ var _this$_fullscreenComp;
3463
+ if (!this._fullscreenComponent || !this._fullscreenRender) throw new DivaError("No component with the specified settings found", {
3461
3464
  code: 'CORE_0005',
3462
3465
  custom: {
3463
- key: this._fullscreenComponent.key
3466
+ key: (_this$_fullscreenComp = this._fullscreenComponent) === null || _this$_fullscreenComp === void 0 ? void 0 : _this$_fullscreenComp.key
3464
3467
  }
3465
3468
  });
3466
3469
  return {
3467
- name: cmp.name,
3468
- component: withTransaction(this._fullscreenComponent.key, 'Module')(cmp.renderFunction),
3470
+ name: this._fullscreenRender.name,
3471
+ component: this._fullscreenRender.component,
3469
3472
  state: this._fullscreenComponent
3470
3473
  };
3471
3474
  }
@@ -3477,8 +3480,8 @@ var ContentStore = /*#__PURE__*/function () {
3477
3480
  }, {
3478
3481
  key: "isAbsoluteFullscreenComponent",
3479
3482
  get: function get() {
3480
- var _this$_fullscreenComp;
3481
- return !!((_this$_fullscreenComp = this._fullscreenComponent) !== null && _this$_fullscreenComp !== void 0 && _this$_fullscreenComp.absoluteFullscreen) || this._isAbsoluteComponent;
3483
+ var _this$_fullscreenComp2;
3484
+ return !!((_this$_fullscreenComp2 = this._fullscreenComponent) !== null && _this$_fullscreenComp2 !== void 0 && _this$_fullscreenComp2.absoluteFullscreen) || this._isAbsoluteComponent;
3482
3485
  }
3483
3486
 
3484
3487
  /**
@@ -3499,24 +3502,24 @@ var ContentStore = /*#__PURE__*/function () {
3499
3502
  key: "availableButtons",
3500
3503
  get: function get() {
3501
3504
  var _this$root$configurat,
3502
- _this10 = this;
3505
+ _this9 = this;
3503
3506
  return (_this$root$configurat = this.root.configurationStore.navigation) === null || _this$root$configurat === void 0 ? void 0 : _this$root$configurat.buttons.filter(function (button) {
3504
3507
  //if component is public it can be displayed
3505
3508
  if (button.isPublic) {
3506
3509
  return true;
3507
3510
  }
3508
3511
  //if the user is not logged in the component must be public
3509
- if (!_this10.root.dataStore.user) {
3512
+ if (!_this9.root.dataStore.user) {
3510
3513
  return false;
3511
3514
  }
3512
3515
 
3513
3516
  //if the button is opening a component, the component must be availalbe
3514
- if (button.action.type && !_this10.availableComponentList.includes(button.action.type)) {
3517
+ if (button.action.type && !_this9.availableComponentList.includes(button.action.type)) {
3515
3518
  return false;
3516
3519
  }
3517
3520
 
3518
3521
  //if there is a permission specified, the user must have it
3519
- return button.permission ? _this10.root.dataStore.userHasPermission(button.permission) : true;
3522
+ return button.permission ? _this9.root.dataStore.userHasPermission(button.permission) : true;
3520
3523
  });
3521
3524
  }
3522
3525
 
@@ -3546,7 +3549,7 @@ var ContentStore = /*#__PURE__*/function () {
3546
3549
  if (this.isAbsoluteFullscreenComponent) {
3547
3550
  dimensions = calculateDimensions(window.innerWidth, window.innerHeight);
3548
3551
  }
3549
- LOG$9.debug("Detected dimensions: ".concat(JSON.stringify(dimensions, null, 2), " "));
3552
+ LOG$a.debug("Detected dimensions: ".concat(JSON.stringify(dimensions, null, 2), " "));
3550
3553
  return dimensions;
3551
3554
  }
3552
3555
 
@@ -3557,7 +3560,7 @@ var ContentStore = /*#__PURE__*/function () {
3557
3560
  }, {
3558
3561
  key: "resetState",
3559
3562
  value: function resetState() {
3560
- LOG$9.debug('Reset page state');
3563
+ LOG$a.debug('Reset page state');
3561
3564
  var prevType = this.visible;
3562
3565
  var prevState = this.state.get(this.visible || '');
3563
3566
  this.root.dataStore.clearSessionGuids();
@@ -3601,7 +3604,7 @@ var ContentStore = /*#__PURE__*/function () {
3601
3604
  }, {
3602
3605
  key: "updateStateAfterLogout",
3603
3606
  value: function updateStateAfterLogout() {
3604
- var _this11 = this;
3607
+ var _this10 = this;
3605
3608
  var _iterator3 = _createForOfIteratorHelper$1(this.state.entries()),
3606
3609
  _step3;
3607
3610
  try {
@@ -3609,19 +3612,19 @@ var ContentStore = /*#__PURE__*/function () {
3609
3612
  var _step3$value = _slicedToArray(_step3.value, 2),
3610
3613
  type = _step3$value[0],
3611
3614
  component = _step3$value[1];
3612
- var config = _this11.root.configurationStore.components.find(function (c) {
3615
+ var config = _this10.root.configurationStore.components.find(function (c) {
3613
3616
  return c.type == type;
3614
3617
  });
3615
3618
  if (!(config !== null && config !== void 0 && config.isPublic)) {
3616
- _this11.state["delete"](type);
3617
- if (_this11.visible == type) {
3618
- _this11.visible = undefined;
3619
- _this11._restrictedComponent = {
3619
+ _this10.state["delete"](type);
3620
+ if (_this10.visible == type) {
3621
+ _this10.visible = undefined;
3622
+ _this10._restrictedComponent = {
3620
3623
  type: type,
3621
3624
  parameters: component.parameters,
3622
3625
  internal: component.internal
3623
3626
  };
3624
- _this11.root.authorizationStore.showLogin();
3627
+ _this10.root.authorizationStore.showLogin();
3625
3628
  }
3626
3629
  }
3627
3630
  };
@@ -3716,10 +3719,10 @@ var ContentStore = /*#__PURE__*/function () {
3716
3719
  }, {
3717
3720
  key: "onResize",
3718
3721
  value: function onResize(width, height) {
3719
- var _this12 = this;
3722
+ var _this11 = this;
3720
3723
  this.onResizeFunc(width, height);
3721
3724
  setTimeout(function () {
3722
- _this12.onResizeFunc(width, height);
3725
+ _this11.onResizeFunc(width, height);
3723
3726
  }, 500);
3724
3727
  }
3725
3728
  }, {
@@ -3750,13 +3753,18 @@ function getLocalStorageToggle(key) {
3750
3753
  return window.localStorage.getItem(key) !== null ? window.localStorage.getItem(key) == '1' : undefined;
3751
3754
  }
3752
3755
 
3753
- var LOG$8 = getLogger('Framework', 'LoadingAndErrorStore');
3756
+ var LOADING_TEXT_CLEAR_DELAY_MS = 1500;
3757
+ var LOG$9 = getLogger('Framework', 'LoadingAndErrorStore');
3754
3758
  var _default = /*#__PURE__*/function () {
3755
3759
  function _default(root, spinnerClass) {
3756
3760
  var _this = this;
3757
3761
  _classCallCheck(this, _default);
3758
3762
  this.root = root;
3759
3763
  _defineProperty(this, "loading", new Map());
3764
+ _defineProperty(this, "loadingTexts", new Map());
3765
+ _defineProperty(this, "immediateLoading", new Set());
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,9 +3866,14 @@ 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
  }
3872
+ }, {
3873
+ key: "hasImmediateLoading",
3874
+ get: function get() {
3875
+ return this.immediateLoading.size != 0;
3876
+ }
3847
3877
  }, {
3848
3878
  key: "error",
3849
3879
  get: function get() {
@@ -3857,21 +3887,21 @@ var _default = /*#__PURE__*/function () {
3857
3887
  this._errorMsg = undefined;
3858
3888
  } else if (typeof error == 'string') {
3859
3889
  this._errorMsg = error;
3860
- LOG$8.error(new DivaError(error));
3890
+ LOG$9.error(new DivaError(error));
3861
3891
  } else if (error.name == 'CORE_0005') {
3862
- LOG$8.error(error);
3892
+ LOG$9.error(error);
3863
3893
  this._errorMsg = this.root.t('core.error.page_not_found', {
3864
3894
  defaultValue: 'Die Seite existiert nicht oder Sie haben nicht die benötigten Berechtigungen. Bei Fragen wenden Sie sich bitte an den Support.'
3865
3895
  });
3866
3896
  var conf = this.root.configurationStore.components;
3867
3897
  console.log(conf);
3868
3898
  } else if (error.name == 'CORE_0002') {
3869
- LOG$8.error(error);
3899
+ LOG$9.error(error);
3870
3900
  this._errorMsg = this.root.t('core.error.resource_not_found', {
3871
3901
  defaultValue: 'Eine oder mehrere der benötigten Resource existiert nicht oder konnte nicht gefunden werden. Bei Fragen wenden Sie sich bitte an den Support.'
3872
3902
  });
3873
3903
  } else {
3874
- LOG$8.error(error);
3904
+ LOG$9.error(error);
3875
3905
  this._errorMsg = error.message;
3876
3906
  }
3877
3907
  if (this._errorMsg) {
@@ -3929,21 +3959,43 @@ var _default = /*#__PURE__*/function () {
3929
3959
  return hidden == true;
3930
3960
  }) || this.error;
3931
3961
  }
3962
+ }, {
3963
+ key: "activeTexts",
3964
+ get: function get() {
3965
+ if (this.loadingTexts.size > 0) {
3966
+ var merged = [];
3967
+ this.loadingTexts.forEach(function (texts) {
3968
+ return merged.push.apply(merged, _toConsumableArray(texts));
3969
+ });
3970
+ return merged;
3971
+ }
3972
+ return this._lastTexts;
3973
+ }
3932
3974
  }, {
3933
3975
  key: "toggleLoading",
3934
- value: function toggleLoading(id, hidden, toggle) {
3976
+ value: function toggleLoading(id, hidden, toggle, texts, dontWaitForDelay) {
3935
3977
  if (this.loading.has(id) && toggle !== true) {
3936
3978
  this.loading["delete"](id);
3937
- LOG$8.debug("End loading: ".concat(id, " [").concat(Array.from(this.loading.keys()), "]"));
3979
+ this.immediateLoading["delete"](id);
3980
+ if (this.loadingTexts.has(id)) {
3981
+ var snapshot = this.activeTexts;
3982
+ this.loadingTexts["delete"](id);
3983
+ if (snapshot.length > 0) {
3984
+ this._lastTexts = snapshot;
3985
+ }
3986
+ }
3987
+ LOG$9.debug("End loading: ".concat(id, " [").concat(Array.from(this.loading.keys()), "]"));
3938
3988
  } else if (!this.loading.has(id) && toggle !== false) {
3939
- LOG$8.debug("Start loading: ".concat(id));
3989
+ LOG$9.debug("Start loading: ".concat(id).concat(dontWaitForDelay ? ' (immediate)' : ''));
3940
3990
  this.loading.set(id, hidden == undefined ? false : hidden);
3991
+ if (texts !== null && texts !== void 0 && texts.length) this.loadingTexts.set(id, texts);
3992
+ if (dontWaitForDelay) this.immediateLoading.add(id);
3941
3993
  }
3942
3994
  }
3943
3995
  }]);
3944
3996
  }();
3945
3997
 
3946
- var LOG$7 = getLogger('Framework', 'BrowserStateStore');
3998
+ var LOG$8 = getLogger('Framework', 'BrowserStateStore');
3947
3999
  var BANNER_STATE_LOCALSTORAGE_KEY = 'diva-banner-state';
3948
4000
  var NTOKEN_LOCALSTORAGE_KEY = 'diva-ntoken';
3949
4001
  var ORGANIZATION_LOCALSTORAGE_KEY = 'diva-organization';
@@ -4257,7 +4309,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
4257
4309
  var _componentState$path;
4258
4310
  var componentConfig = _this2.root.contentStore.currentComponent;
4259
4311
  if (!componentConfig) {
4260
- LOG$7.debug('No current component found, while updating url, do nothing');
4312
+ LOG$8.debug('No current component found, while updating url, do nothing');
4261
4313
  return;
4262
4314
  }
4263
4315
  var componentState = _this2.root.contentStore.getState(componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.type);
@@ -4335,7 +4387,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
4335
4387
 
4336
4388
  function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4337
4389
  function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4338
- var LOG$6 = getLogger('Framework', 'AuthorizationStore');
4390
+ var LOG$7 = getLogger('Framework', 'AuthorizationStore');
4339
4391
  var AuthorizationStore = /*#__PURE__*/function () {
4340
4392
  function AuthorizationStore(root) {
4341
4393
  _classCallCheck(this, AuthorizationStore);
@@ -4526,14 +4578,14 @@ var AuthorizationStore = /*#__PURE__*/function () {
4526
4578
  _context2.next = 6;
4527
4579
  break;
4528
4580
  }
4529
- LOG$6.debug('NToken removed');
4581
+ LOG$7.debug('NToken removed');
4530
4582
  _context2.next = 4;
4531
4583
  return this.root.authorizationStore.logout();
4532
4584
  case 4:
4533
4585
  _context2.next = 15;
4534
4586
  break;
4535
4587
  case 6:
4536
- LOG$6.debug('NToken change detected, login');
4588
+ LOG$7.debug('NToken change detected, login');
4537
4589
  _context2.next = 9;
4538
4590
  return this.root.authorizationStore.autorize(this.root.dataStore.organizationId, this.root.browserStateStore.getStoredNToken());
4539
4591
  case 9:
@@ -4586,7 +4638,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4586
4638
  _context3.next = 21;
4587
4639
  break;
4588
4640
  }
4589
- LOG$6.log('The stored organization is no longer valid, fallback to default organization');
4641
+ LOG$7.log('The stored organization is no longer valid, fallback to default organization');
4590
4642
  //for anonymous users, we fallback to the 'default' organization for ohter users we let the backend determine the right organization
4591
4643
  _context3.next = 18;
4592
4644
  return this.autorize(nToken ? undefined : this.root.configurationStore.organizations[0], nToken);
@@ -4597,7 +4649,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4597
4649
  _context3.next = 26;
4598
4650
  break;
4599
4651
  }
4600
- LOG$6.log('Authentication expired or invalid, logging out.');
4652
+ LOG$7.log('Authentication expired or invalid, logging out.');
4601
4653
  _context3.next = 25;
4602
4654
  return this.logout(true, true, organizationId);
4603
4655
  case 25:
@@ -4697,7 +4749,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4697
4749
  _context5.next = 19;
4698
4750
  break;
4699
4751
  }
4700
- LOG$6.log('The stored organization is no longer valid, fallback to default organization');
4752
+ LOG$7.log('The stored organization is no longer valid, fallback to default organization');
4701
4753
  _context5.next = 18;
4702
4754
  return this.login(email, password, loginSimple, undefined);
4703
4755
  case 18:
@@ -4757,7 +4809,7 @@ var AuthorizationStore = /*#__PURE__*/function () {
4757
4809
  this._timeout = undefined;
4758
4810
  }
4759
4811
  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)));
4812
+ LOG$7.debug("Set token refresh interval to ".concat(refreshTokenIn, " ms. Refresh at ").concat(new Date(Date.now() + refreshTokenIn)));
4761
4813
 
4762
4814
  //set the timout to refresh token
4763
4815
  this._timeout = setTimeout(function () {
@@ -7733,7 +7785,7 @@ var SupportHandler = /*#__PURE__*/function () {
7733
7785
  }]);
7734
7786
  }();
7735
7787
 
7736
- var LOG$5 = getLogger('Framework', 'AuthorizationHandler');
7788
+ var LOG$6 = getLogger('Framework', 'AuthorizationHandler');
7737
7789
  var AuthorizationHandler = /*#__PURE__*/function () {
7738
7790
  function AuthorizationHandler(root) {
7739
7791
  _classCallCheck(this, AuthorizationHandler);
@@ -7784,7 +7836,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
7784
7836
  if (res.status !== 200) {
7785
7837
  throw new Error('Error updating online state');
7786
7838
  }
7787
- LOG$5.debug('Updating online state.');
7839
+ LOG$6.debug('Updating online state.');
7788
7840
  });
7789
7841
  case 6:
7790
7842
  _context.sent;
@@ -7793,7 +7845,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
7793
7845
  case 9:
7794
7846
  _context.prev = 9;
7795
7847
  _context.t0 = _context["catch"](3);
7796
- LOG$5.error(new DivaError('Error updating online state', {
7848
+ LOG$6.error(new DivaError('Error updating online state', {
7797
7849
  cause: _context.t0
7798
7850
  }));
7799
7851
  case 12:
@@ -8382,7 +8434,7 @@ var AuthorizationHandler = /*#__PURE__*/function () {
8382
8434
  case 13:
8383
8435
  _context10.prev = 13;
8384
8436
  _context10.t0 = _context10["catch"](0);
8385
- LOG$5.error(new DivaError('Error updating user language', {
8437
+ LOG$6.error(new DivaError('Error updating user language', {
8386
8438
  cause: _context10.t0
8387
8439
  }));
8388
8440
  case 16:
@@ -8505,48 +8557,51 @@ var AIHandler = /*#__PURE__*/function () {
8505
8557
  }, {
8506
8558
  key: "getPrompts",
8507
8559
  value: function () {
8508
- var _getPrompts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
8560
+ var _getPrompts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
8509
8561
  var url, res, resData;
8510
8562
  return _regeneratorRuntime.wrap(function _callee$(_context) {
8511
8563
  while (1) switch (_context.prev = _context.next) {
8512
8564
  case 0:
8513
8565
  url = new URL(this.aiService + '/room-renderings');
8514
8566
  url.searchParams.append('organizationId', this.organizationId);
8515
- _context.prev = 2;
8516
- _context.next = 5;
8567
+ if (options !== null && options !== void 0 && options.includeProductRooms) {
8568
+ url.searchParams.append('includeProductRooms', 'true');
8569
+ }
8570
+ _context.prev = 3;
8571
+ _context.next = 6;
8517
8572
  return fetch(url.toString(), {
8518
8573
  headers: {
8519
8574
  Authorization: 'Bearer ' + this.jwt,
8520
8575
  'Content-Type': 'application/json'
8521
8576
  }
8522
8577
  });
8523
- case 5:
8578
+ case 6:
8524
8579
  res = _context.sent;
8525
- _context.next = 8;
8580
+ _context.next = 9;
8526
8581
  return res.json();
8527
- case 8:
8582
+ case 9:
8528
8583
  resData = _context.sent;
8529
- _context.next = 14;
8584
+ _context.next = 15;
8530
8585
  break;
8531
- case 11:
8532
- _context.prev = 11;
8533
- _context.t0 = _context["catch"](2);
8586
+ case 12:
8587
+ _context.prev = 12;
8588
+ _context.t0 = _context["catch"](3);
8534
8589
  throw new Error('Could not fetch Prompts ' + _context.t0.message);
8535
- case 14:
8590
+ case 15:
8536
8591
  if (!res.ok) {
8537
- _context.next = 16;
8592
+ _context.next = 17;
8538
8593
  break;
8539
8594
  }
8540
8595
  return _context.abrupt("return", resData);
8541
- case 16:
8542
- throw new Error(resData.error);
8543
8596
  case 17:
8597
+ throw new Error(resData.error);
8598
+ case 18:
8544
8599
  case "end":
8545
8600
  return _context.stop();
8546
8601
  }
8547
- }, _callee, this, [[2, 11]]);
8602
+ }, _callee, this, [[3, 12]]);
8548
8603
  }));
8549
- function getPrompts() {
8604
+ function getPrompts(_x) {
8550
8605
  return _getPrompts.apply(this, arguments);
8551
8606
  }
8552
8607
  return getPrompts;
@@ -8557,7 +8612,7 @@ var AIHandler = /*#__PURE__*/function () {
8557
8612
  function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
8558
8613
  function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8559
8614
  var LOGINMODE_LOCALSTORAGE_KEY = 'diva-login-mode';
8560
- var LOG$4 = getLogger('Framework', 'root');
8615
+ var LOG$5 = getLogger('Framework', 'root');
8561
8616
  var RootStore = /*#__PURE__*/function () {
8562
8617
  function RootStore(_ref) {
8563
8618
  var _ref2,
@@ -8576,7 +8631,8 @@ var RootStore = /*#__PURE__*/function () {
8576
8631
  _ref$telemetry = _ref.telemetry,
8577
8632
  telemetry = _ref$telemetry === void 0 ? true : _ref$telemetry,
8578
8633
  analyticsProps = _ref.analyticsProps,
8579
- onEvent = _ref.onEvent;
8634
+ onEvent = _ref.onEvent,
8635
+ initialLoadingTexts = _ref.initialLoadingTexts;
8580
8636
  _classCallCheck(this, RootStore);
8581
8637
  _defineProperty(this, "contentStore", void 0);
8582
8638
  _defineProperty(this, "configurationStore", void 0);
@@ -8667,7 +8723,7 @@ var RootStore = /*#__PURE__*/function () {
8667
8723
  DivaUtils.businessMetrics.onClose();
8668
8724
  flashLoggers();
8669
8725
  });
8670
- this.initialize(telemetry, identifier, organizationId, domain, language, component, analyticsProps);
8726
+ this.initialize(telemetry, identifier, organizationId, domain, language, component, analyticsProps, initialLoadingTexts);
8671
8727
  }
8672
8728
 
8673
8729
  /**
@@ -8681,7 +8737,7 @@ var RootStore = /*#__PURE__*/function () {
8681
8737
  this.loadingAndErrorStore.toggleLoading('language');
8682
8738
  instance.changeLanguage(lang, function (err) {
8683
8739
  if (err) {
8684
- LOG$4.error(new DivaError('Could not change language', {
8740
+ LOG$5.error(new DivaError('Could not change language', {
8685
8741
  cause: err,
8686
8742
  code: 'CORE_0007'
8687
8743
  }));
@@ -8945,13 +9001,13 @@ var RootStore = /*#__PURE__*/function () {
8945
9001
  }, {
8946
9002
  key: "initialize",
8947
9003
  value: (function () {
8948
- var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(telemetry, identifier, organizationId, domain, language, component, analyticsProps) {
9004
+ var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(telemetry, identifier, organizationId, domain, language, component, analyticsProps, initialLoadingTexts) {
8949
9005
  var _this4 = this;
8950
9006
  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
9007
  return _regeneratorRuntime.wrap(function _callee$(_context) {
8952
9008
  while (1) switch (_context.prev = _context.next) {
8953
9009
  case 0:
8954
- LOG$4.startTransaction({
9010
+ LOG$5.startTransaction({
8955
9011
  event: 'initCore',
8956
9012
  message: 'Initalizing Core',
8957
9013
  labels: {
@@ -8969,8 +9025,8 @@ var RootStore = /*#__PURE__*/function () {
8969
9025
  runInAction(function () {
8970
9026
  _this4._initializing = true;
8971
9027
  });
8972
- this.loadingAndErrorStore.toggleLoading('initalize', true);
8973
- LOG$4.successTransaction('UNTIL_INIT');
9028
+ this.loadingAndErrorStore.toggleLoading('initalize', true, undefined, initialLoadingTexts);
9029
+ LOG$5.successTransaction('UNTIL_INIT');
8974
9030
  _context.next = 7;
8975
9031
  return this.browserStateStore.loadUrlState();
8976
9032
  case 7:
@@ -8981,7 +9037,7 @@ var RootStore = /*#__PURE__*/function () {
8981
9037
  if (organizationId) {
8982
9038
  initAuthPromise = this.initializeAuthorization(organizationId);
8983
9039
  }
8984
- LOG$4.startTransaction({
9040
+ LOG$5.startTransaction({
8985
9041
  event: 'onLoadConfig',
8986
9042
  message: 'loading Config',
8987
9043
  eventId: 'LOAD_CONFIG'
@@ -9005,8 +9061,8 @@ var RootStore = /*#__PURE__*/function () {
9005
9061
  //open default route
9006
9062
  this._initalComponent = undefined;
9007
9063
  }
9008
- LOG$4.successTransaction('LOAD_CONFIG');
9009
- LOG$4.startTransaction({
9064
+ LOG$5.successTransaction('LOAD_CONFIG');
9065
+ LOG$5.startTransaction({
9010
9066
  event: 'onLoadServerData',
9011
9067
  message: 'load server data',
9012
9068
  eventId: 'LOAD_SERVER_DATA'
@@ -9031,8 +9087,8 @@ var RootStore = /*#__PURE__*/function () {
9031
9087
  }
9032
9088
  });
9033
9089
  });
9034
- LOG$4.successTransaction('LOAD_SERVER_DATA');
9035
- LOG$4.startTransaction({
9090
+ LOG$5.successTransaction('LOAD_SERVER_DATA');
9091
+ LOG$5.startTransaction({
9036
9092
  event: 'onLoadUserData',
9037
9093
  message: 'load user data',
9038
9094
  eventId: 'LOAD_USER_DATA'
@@ -9050,7 +9106,7 @@ var RootStore = /*#__PURE__*/function () {
9050
9106
  break;
9051
9107
  case 33:
9052
9108
  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);
9109
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code = authObject.code) !== null && _authObject$code !== void 0 ? _authObject$code : 'CORE_0006', authObject.error);
9054
9110
  this.authorizationStore.showLogin(false, true);
9055
9111
  } else {
9056
9112
  if (urlState !== null && urlState !== void 0 && urlState.provider) {
@@ -9061,7 +9117,7 @@ var RootStore = /*#__PURE__*/function () {
9061
9117
  return _context.abrupt("break", 50);
9062
9118
  case 35:
9063
9119
  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);
9120
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code2 = authObject.code) !== null && _authObject$code2 !== void 0 ? _authObject$code2 : 'CORE_0006', authObject.error);
9065
9121
  this.loadingAndErrorStore.setError(authObject.error);
9066
9122
  } else {
9067
9123
  this.authorizationStore.showChangePassword(authObject.token);
@@ -9069,7 +9125,7 @@ var RootStore = /*#__PURE__*/function () {
9069
9125
  return _context.abrupt("break", 50);
9070
9126
  case 37:
9071
9127
  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);
9128
+ LOG$5.errorTransaction('LOAD_USER_DATA', (_authObject$code3 = authObject.code) !== null && _authObject$code3 !== void 0 ? _authObject$code3 : 'CORE_0006', authObject.error);
9073
9129
  this.loadingAndErrorStore.setError(authObject.error);
9074
9130
  } else {
9075
9131
  verifyEmailToken = authObject.token;
@@ -9080,7 +9136,7 @@ var RootStore = /*#__PURE__*/function () {
9080
9136
  _context.next = 44;
9081
9137
  break;
9082
9138
  }
9083
- LOG$4.errorTransaction('LOAD_INVITATION', (_authObject$code4 = authObject.code) !== null && _authObject$code4 !== void 0 ? _authObject$code4 : 'CORE_0006', authObject.error);
9139
+ LOG$5.errorTransaction('LOAD_INVITATION', (_authObject$code4 = authObject.code) !== null && _authObject$code4 !== void 0 ? _authObject$code4 : 'CORE_0006', authObject.error);
9084
9140
  this.loadingAndErrorStore.setError(authObject.error);
9085
9141
  _context.next = 48;
9086
9142
  break;
@@ -9101,7 +9157,7 @@ var RootStore = /*#__PURE__*/function () {
9101
9157
  _context.next = 52;
9102
9158
  break;
9103
9159
  case 52:
9104
- LOG$4.successTransaction('LOAD_USER_DATA');
9160
+ LOG$5.successTransaction('LOAD_USER_DATA');
9105
9161
  if (!initAuthPromise) {
9106
9162
  _context.next = 59;
9107
9163
  break;
@@ -9178,18 +9234,18 @@ var RootStore = /*#__PURE__*/function () {
9178
9234
  _context.prev = 78;
9179
9235
  _context.t1 = _context["catch"](27);
9180
9236
  if (_context.t1 instanceof DivaError && _context.t1.name == 'AUTH_0006') {
9181
- LOG$4.errorTransaction('INITIALIZE_CORE', 'AUTH_0006', 'Existing verification token not valid.');
9237
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'AUTH_0006', 'Existing verification token not valid.');
9182
9238
  } else {
9183
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0006', 'An error occured during initialization.');
9239
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0006', 'An error occured during initialization.');
9184
9240
  }
9185
9241
  case 81:
9186
9242
  this.initalizeView();
9187
9243
  if (this.jwt) {
9188
9244
  DivaUtils.businessMetrics.jwtSetter = this.jwt;
9189
9245
  } else {
9190
- LOG$4.debug('No JWT available for Loging');
9246
+ LOG$5.debug('No JWT available for Loging');
9191
9247
  }
9192
- LOG$4.successTransaction('INITIALIZE_CORE', {
9248
+ LOG$5.successTransaction('INITIALIZE_CORE', {
9193
9249
  identifier: identifier,
9194
9250
  organizationId: this.dataStore.organizationId,
9195
9251
  domain: domain,
@@ -9203,7 +9259,7 @@ var RootStore = /*#__PURE__*/function () {
9203
9259
  _context.t2 = _context["catch"](1);
9204
9260
  this.loadingAndErrorStore.toggleLoading('initalize', false);
9205
9261
  this.loadingAndErrorStore.setError(_context.t2);
9206
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0000', _context.t2.message, {
9262
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0000', _context.t2.message, {
9207
9263
  identifier: identifier,
9208
9264
  organizationId: this.dataStore.organizationId,
9209
9265
  domain: domain,
@@ -9225,7 +9281,7 @@ var RootStore = /*#__PURE__*/function () {
9225
9281
  }
9226
9282
  }, _callee, this, [[1, 86, 91, 95], [27, 78]]);
9227
9283
  }));
9228
- function initialize(_x, _x2, _x3, _x4, _x5, _x6, _x7) {
9284
+ function initialize(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
9229
9285
  return _initialize.apply(this, arguments);
9230
9286
  }
9231
9287
  return initialize;
@@ -9270,7 +9326,7 @@ var RootStore = /*#__PURE__*/function () {
9270
9326
  _this5.initializeBusinessMetrics(telemetry, environment, applicationEnvironment, telemetrySettings, analyticsProps);
9271
9327
  }
9272
9328
  }, function (reason) {
9273
- LOG$4.error(new DivaError('Cookiebot initialization failed', {
9329
+ LOG$5.error(new DivaError('Cookiebot initialization failed', {
9274
9330
  code: 'CORE_0009',
9275
9331
  custom: {
9276
9332
  reason: reason
@@ -9290,7 +9346,7 @@ var RootStore = /*#__PURE__*/function () {
9290
9346
  }
9291
9347
  }, _callee2, this);
9292
9348
  }));
9293
- function initializeTelemetry(_x8) {
9349
+ function initializeTelemetry(_x9) {
9294
9350
  return _initializeTelemetry.apply(this, arguments);
9295
9351
  }
9296
9352
  return initializeTelemetry;
@@ -9330,7 +9386,7 @@ var RootStore = /*#__PURE__*/function () {
9330
9386
  }
9331
9387
  }, _callee3, this);
9332
9388
  }));
9333
- function initializeBusinessMetrics(_x9, _x10, _x11, _x12, _x13) {
9389
+ function initializeBusinessMetrics(_x10, _x11, _x12, _x13, _x14) {
9334
9390
  return _initializeBusinessMetrics.apply(this, arguments);
9335
9391
  }
9336
9392
  return initializeBusinessMetrics;
@@ -9356,7 +9412,7 @@ var RootStore = /*#__PURE__*/function () {
9356
9412
  case 10:
9357
9413
  _context4.prev = 10;
9358
9414
  _context4.t0 = _context4["catch"](0);
9359
- LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0002', 'Error initializing Organization');
9415
+ LOG$5.errorTransaction('INITIALIZE_CORE', 'CORE_0002', 'Error initializing Organization');
9360
9416
  this.loadingAndErrorStore.setError(_context4.t0, 'CORE_0002', true);
9361
9417
  return _context4.abrupt("return");
9362
9418
  case 15:
@@ -9365,7 +9421,7 @@ var RootStore = /*#__PURE__*/function () {
9365
9421
  }
9366
9422
  }, _callee4, this, [[0, 10]]);
9367
9423
  }));
9368
- function initializeAuthorization(_x14) {
9424
+ function initializeAuthorization(_x15) {
9369
9425
  return _initializeAuthorization.apply(this, arguments);
9370
9426
  }
9371
9427
  return initializeAuthorization;
@@ -9374,12 +9430,12 @@ var RootStore = /*#__PURE__*/function () {
9374
9430
  key: "initalizeView",
9375
9431
  value: function initalizeView() {
9376
9432
  if (this.contentStore.currentComponent) {
9377
- LOG$4.debug('View is already initialized');
9433
+ LOG$5.debug('View is already initialized');
9378
9434
  return;
9379
9435
  }
9380
9436
  var initalComponent = this._initalComponent || this.configurationStore.defaultComponent;
9381
9437
  if (initalComponent) {
9382
- LOG$4.debug("Inital component", JSON.stringify(initalComponent, null, 2));
9438
+ LOG$5.debug("Inital component", JSON.stringify(initalComponent, null, 2));
9383
9439
  this.contentStore.openComponent(initalComponent);
9384
9440
  } else {
9385
9441
  this.loadingAndErrorStore.setError(new DivaError('No inital component available', {
@@ -9788,10 +9844,12 @@ function styleInject(css, ref) {
9788
9844
 
9789
9845
  var overlay$2 = "overlay-X3zhH";
9790
9846
  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";
9847
+ var textContainer = "textContainer--pqsi";
9848
+ var statusText = "statusText-guHKc";
9849
+ var css_248z$5 = ".overlay-X3zhH {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n background-color: rgba(255, 255, 255, 0.6);\n z-index: 15000;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n.loading-kAuhm {\n margin: 0 auto;\n display: inline-block;\n position: relative;\n width: 80px;\n height: 80px;\n}\n.loading-kAuhm div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n width: 64px;\n height: 64px;\n margin: 8px;\n border: 8px solid #b6b6b6;\n border-radius: 50%;\n animation: loading-kAuhm 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: #b6b6b6 transparent transparent transparent;\n}\n.loading-kAuhm div:nth-child(1) {\n animation-delay: -0.45s;\n}\n.loading-kAuhm div:nth-child(2) {\n animation-delay: -0.3s;\n}\n.loading-kAuhm div:nth-child(3) {\n animation-delay: -0.15s;\n}\n@keyframes loading-kAuhm {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.textContainer--pqsi {\n margin-top: 24px;\n text-align: center;\n min-height: 24px;\n position: relative;\n}\n\n.statusText-guHKc {\n font-family: inherit;\n font-size: 14px;\n color: #555;\n letter-spacing: 0.2px;\n animation: textFadeIn-XQtVF 0.4s ease-out;\n}\n\n@keyframes textFadeIn-XQtVF {\n 0% {\n opacity: 0;\n transform: translateY(6px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes textCrossfade-zwWrn {\n 0%,\n 8% {\n opacity: 0;\n transform: translateY(6px);\n }\n 16%,\n 84% {\n opacity: 1;\n transform: translateY(0);\n }\n 92%,\n 100% {\n opacity: 0;\n transform: translateY(-6px);\n }\n}\n";
9792
9850
  styleInject(css_248z$5);
9793
9851
 
9794
- var LOG$3 = getLogger('Framework', 'loadDependency');
9852
+ var LOG$4 = getLogger('Framework', 'loadDependency');
9795
9853
  function loadDependency(_x) {
9796
9854
  return _loadDependency.apply(this, arguments);
9797
9855
  }
@@ -9832,7 +9890,7 @@ function _loadDependency() {
9832
9890
  resolve(id);
9833
9891
  };
9834
9892
  elem.onerror = function (e) {
9835
- LOG$3.error(new DivaError('Failed to load dependency: ' + type, {
9893
+ LOG$4.error(new DivaError('Failed to load dependency: ' + type, {
9836
9894
  cause: e
9837
9895
  }));
9838
9896
  resolve(id);
@@ -9852,6 +9910,40 @@ function getCacheStamp() {
9852
9910
  return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
9853
9911
  }
9854
9912
 
9913
+ var TEXT_CYCLE_INTERVAL_MS = 1500;
9914
+ function StatusTexts(_ref) {
9915
+ var texts = _ref.texts;
9916
+ var _useState = useState(0),
9917
+ _useState2 = _slicedToArray(_useState, 2),
9918
+ index = _useState2[0],
9919
+ setIndex = _useState2[1];
9920
+ var intervalRef = useRef(null);
9921
+ useEffect(function () {
9922
+ setIndex(0);
9923
+ }, [texts]);
9924
+ useEffect(function () {
9925
+ if (texts.length <= 1) return;
9926
+ intervalRef.current = setInterval(function () {
9927
+ setIndex(function (prev) {
9928
+ return (prev + 1) % texts.length;
9929
+ });
9930
+ }, TEXT_CYCLE_INTERVAL_MS);
9931
+ return function () {
9932
+ if (intervalRef.current) clearInterval(intervalRef.current);
9933
+ };
9934
+ }, [texts]);
9935
+ if (texts.length === 0) return null;
9936
+ return /*#__PURE__*/jsx("div", {
9937
+ className: textContainer,
9938
+ children: /*#__PURE__*/jsx("span", {
9939
+ className: statusText,
9940
+ children: texts[index]
9941
+ }, "".concat(texts[index], "-").concat(index))
9942
+ });
9943
+ }
9944
+
9945
+ var SPINNER_DELAY_MS = 350;
9946
+ var LOG$3 = getLogger('Framework', 'Spinner');
9855
9947
  function Spinner() {
9856
9948
  var _useDivaCoreContext = useDivaCoreContext(),
9857
9949
  loadingAndErrorStore = _useDivaCoreContext.loadingAndErrorStore;
@@ -9882,26 +9974,46 @@ function Spinner() {
9882
9974
  }
9883
9975
  }, [loadingAndErrorStore.customLoader.cssFile, loadingAndErrorStore.customLoader.spinnerClass]);
9884
9976
  useEffect(function () {
9885
- if (loadingAndErrorStore.isLoading && throttleRef.current === null) {
9886
- throttleRef.current = setTimeout(function () {
9887
- return setShowSpinner(true);
9888
- }, 350);
9889
- } else if (!loadingAndErrorStore.isLoading) {
9890
- if (throttleRef.current) clearTimeout(throttleRef.current);
9977
+ if (loadingAndErrorStore.isLoading) {
9978
+ if (loadingAndErrorStore.hasImmediateLoading) {
9979
+ if (throttleRef.current) {
9980
+ clearTimeout(throttleRef.current);
9981
+ throttleRef.current = null;
9982
+ }
9983
+ LOG$3.debug('Show spinner immediately (dontWaitForDelay)');
9984
+ setShowSpinner(true);
9985
+ } else if (throttleRef.current === null) {
9986
+ var scheduledAt = Date.now();
9987
+ LOG$3.debug("Schedule spinner show in ".concat(SPINNER_DELAY_MS, "ms"));
9988
+ throttleRef.current = setTimeout(function () {
9989
+ throttleRef.current = null;
9990
+ LOG$3.debug("Show spinner after ".concat(Date.now() - scheduledAt, "ms delay"));
9991
+ setShowSpinner(true);
9992
+ }, SPINNER_DELAY_MS);
9993
+ }
9994
+ } else {
9995
+ if (throttleRef.current) {
9996
+ clearTimeout(throttleRef.current);
9997
+ LOG$3.debug('Cancel scheduled spinner show because loading ended');
9998
+ }
9891
9999
  throttleRef.current = null;
10000
+ LOG$3.debug('Hide spinner because loading ended');
9892
10001
  setShowSpinner(false);
9893
10002
  }
9894
- }, [loadingAndErrorStore.isLoading]);
10003
+ }, [loadingAndErrorStore.isLoading, loadingAndErrorStore.hasImmediateLoading]);
10004
+ var activeTexts = loadingAndErrorStore.activeTexts;
9895
10005
  if (!showSpinner) {
9896
10006
  return /*#__PURE__*/jsx(Fragment, {});
9897
10007
  }
9898
- return /*#__PURE__*/jsx("div", {
10008
+ return /*#__PURE__*/jsxs("div", {
9899
10009
  className: overlay$2,
9900
10010
  id: "diva-loader",
9901
- children: /*#__PURE__*/jsxs("div", {
10011
+ children: [/*#__PURE__*/jsxs("div", {
9902
10012
  className: className,
9903
10013
  children: [/*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {}), /*#__PURE__*/jsx("div", {})]
9904
- })
10014
+ }), activeTexts.length > 0 && /*#__PURE__*/jsx(StatusTexts, {
10015
+ texts: activeTexts
10016
+ })]
9905
10017
  });
9906
10018
  }
9907
10019
  var Spinner$1 = observer(Spinner);
@@ -10292,7 +10404,7 @@ var DrawerMenu$1 = observer(DrawerMenu);
10292
10404
  function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10293
10405
  function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10294
10406
  var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
10295
- return import('./ModalsWrapper-7a0c7293.js');
10407
+ return import('./ModalsWrapper-d6a5f949.js');
10296
10408
  });
10297
10409
  function Fullscreen(_ref) {
10298
10410
  var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -10752,10 +10864,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
10752
10864
  function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10753
10865
  var LOG$2 = getLogger('Framework', 'Root');
10754
10866
  var LazyAuth = /*#__PURE__*/React.lazy(function () {
10755
- return import('./index-dca70358.js');
10867
+ return import('./index-64c9dab5.js');
10756
10868
  });
10757
10869
  var LazyModals = /*#__PURE__*/React.lazy(function () {
10758
- return import('./ModalsWrapper-7a0c7293.js');
10870
+ return import('./ModalsWrapper-d6a5f949.js');
10759
10871
  });
10760
10872
  function ContentComponent() {
10761
10873
  var context = useDivaCoreContext();
@@ -11534,9 +11646,9 @@ var MockedRootStore = /*#__PURE__*/function () {
11534
11646
  throw new Error('Method not implemented.');
11535
11647
  }
11536
11648
  },
11537
- toggleLoading: function toggleLoading(id, hidden, toggle) {
11649
+ toggleLoading: function toggleLoading(id, hidden, toggle, texts, dontWaitForDelay) {
11538
11650
  if (_this2.actions.toggleLoading) {
11539
- _this2.actions.toggleLoading(id, hidden, toggle);
11651
+ _this2.actions.toggleLoading(id, hidden, toggle, texts, dontWaitForDelay);
11540
11652
  } else {
11541
11653
  throw new Error('Method not implemented.');
11542
11654
  }