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

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