@crystaldesign/diva-core 25.11.0-rc.2 → 25.11.0-rc.4

package/build/esm/{index-4dbe646d.js → index-81739619.js}

@@ -46,7 +46,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"25.11.0-rc.2"};
+    const env = {"STAGE":"production","VERSION":"25.11.0-rc.4"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -1617,7 +1617,7 @@ function init(_ref) {
     return Promise.resolve();
   } else if (instance.isInitializing) {
     return new Promise(function (resolve, reject) {
-      instance.on('loaded', function () {
+      instance.on('initialized', function () {
         resolve();
       });
       instance.on('failedLoading', function (error) {
@@ -1625,9 +1625,12 @@ function init(_ref) {
       });
     });
   }
+  var loadPath = "".concat(apiConfig.adminService, "/locales?lng={{lng}}&ns={{ns}}");
   return new Promise(function (resolve, reject) {
-    var loadPath = "".concat(apiConfig.adminService, "/locales?lng={{lng}}&ns={{ns}}");
-    var initOptions = {
+    instance.on('initialized', function () {
+      resolve();
+    });
+    instance.init({
       debug: false,
       defaultNS: 'default',
       fallbackNS: 'default',
@@ -1645,12 +1648,8 @@ function init(_ref) {
         loadPath: loadPath,
         crossDomain: true
       }
-    };
-    instance.init(initOptions, function (error) {
-      if (error) {
-        reject(error);
-      }
-      resolve();
+    }, function (error) {
+      if (error) reject(error);
     });
   });
 }
@@ -1988,6 +1987,97 @@ var ContentStore = /*#__PURE__*/function () {
         });
       }
     });
+    /**
+     * Sends an email and if specified opens an input dialog before sending
+     */
+    _defineProperty(this, "sendEmail", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+        var dialogText, showDialog, callback, content, mailSendCallback, dialogAcceptMailSend, accepted, _content$language$toU, _content$language;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              dialogText = _ref.dialogText, showDialog = _ref.showDialog, callback = _ref.callback, content = _ref.content, mailSendCallback = _ref.mailSendCallback, dialogAcceptMailSend = _ref.dialogAcceptMailSend;
+              accepted = showDialog === false;
+              if (!(showDialog !== false)) {
+                _context.next = 5;
+                break;
+              }
+              _context.next = 5;
+              return new Promise(function (resolve) {
+                return _this.openModal({
+                  reject: true,
+                  accept: true,
+                  text: dialogText ? _this.root.t(dialogText, {
+                    to: content.to
+                  }) : _this.root.t('email.question.default', {
+                    to: content.to
+                  }),
+                  callback: function callback(accept) {
+                    accepted = !!accept;
+                    resolve();
+                  }
+                });
+              });
+            case 5:
+              if (accepted) {
+                _context.next = 7;
+                break;
+              }
+              return _context.abrupt("return", 'aborted');
+            case 7:
+              if (showDialog !== false) _this.root.loadingAndErrorStore.toggleLoading('sendingEmail');
+              _context.prev = 8;
+              content.language = (_content$language$toU = (_content$language = content.language) === null || _content$language === void 0 ? void 0 : _content$language.toUpperCase()) !== null && _content$language$toU !== void 0 ? _content$language$toU : instance.language.toUpperCase();
+              _context.next = 12;
+              return _this.root.apiHandler.sendEmail({
+                content: content,
+                organizationIds: _this.root.dataStore.fullParentList
+              });
+            case 12:
+              if (callback) {
+                callback(true);
+              } else {
+                if (showDialog !== false) {
+                  _this.openModal({
+                    text: _this.root.t('email.send.success'),
+                    accept: dialogAcceptMailSend !== null && dialogAcceptMailSend !== void 0 ? dialogAcceptMailSend : true,
+                    reject: dialogAcceptMailSend ? true : false,
+                    callback: function callback(accept) {
+                      if (accept && mailSendCallback) {
+                        mailSendCallback === null || mailSendCallback === void 0 || mailSendCallback();
+                      }
+                    }
+                  });
+                }
+              }
+              if (showDialog !== false) _this.root.loadingAndErrorStore.toggleLoading('sendingEmail');
+              return _context.abrupt("return", 'success');
+            case 17:
+              _context.prev = 17;
+              _context.t0 = _context["catch"](8);
+              LOG$9.error(_context.t0);
+              if (callback) {
+                callback(false);
+              } else {
+                if (showDialog !== false) {
+                  _this.openModal({
+                    text: _this.root.t('email.send.error'),
+                    accept: true
+                  });
+                }
+              }
+              if (showDialog !== false) _this.root.loadingAndErrorStore.toggleLoading('sendingEmail');
+              return _context.abrupt("return", 'error');
+            case 23:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[8, 17]]);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
     this.root = root;
     this.configuration = components;
     if (window.customElements.get('model-viewer')) this._modelViewerHasLoaded = true;
@@ -2013,7 +2103,6 @@ var ContentStore = /*#__PURE__*/function () {
       _currentlyRendered: false,
       openComponent: flow,
       openComponentInFullscreen: flow,
-      sendEmail: flow,
       getState: false
     });
     reaction(function () {
@@ -2039,22 +2128,22 @@ var ContentStore = /*#__PURE__*/function () {
   return _createClass(ContentStore, [{
     key: "loadModelViewer",
     value: function () {
-      var _loadModelViewer = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _loadModelViewer = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (!(!this._modelViewerHasLoaded && !window.customElements.get('model-viewer'))) {
-                _context.next = 4;
+                _context2.next = 4;
                 break;
               }
               this._modelViewerHasLoaded = true;
-              _context.next = 4;
+              _context2.next = 4;
               return import('@google/model-viewer');
             case 4:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
       function loadModelViewer() {
         return _loadModelViewer.apply(this, arguments);
@@ -2069,10 +2158,10 @@ var ContentStore = /*#__PURE__*/function () {
         return action.url;
       }
       var config = undefined;
-      var _ref = action,
-        type = _ref.type,
-        parameters = _ref.parameters,
-        route = _ref.route;
+      var _ref3 = action,
+        type = _ref3.type,
+        parameters = _ref3.parameters,
+        route = _ref3.route;
       if (type) {
         config = this.availableComponents.find(function (c) {
           return c.type == type;
@@ -2111,21 +2200,21 @@ var ContentStore = /*#__PURE__*/function () {
         _config6,
         _config8,
         _config9;
-      var _this$componentChange2, _this$componentChange3, _this$openInNewTab, _this$openInNewTab2, link, _window, _ref2, type, identifier, parameters, internal, route, openInFullscreen, keepOldState, config, parent, _this$root$dataStore$, _this$root$dataStore$2, _config4, newTab, _config7, base, settings, openModuleLables, _parameters, otherPrams, module, prevType, prevState, currentState, componentState;
-      return _regeneratorRuntime.wrap(function openComponent$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      var _this$componentChange2, _this$componentChange3, _this$openInNewTab, _this$openInNewTab2, link, _window, _ref4, type, identifier, parameters, internal, route, openInFullscreen, keepOldState, config, parent, _this$root$dataStore$, _this$root$dataStore$2, _config4, newTab, _config7, base, settings, openModuleLables, _parameters, otherPrams, module, prevType, prevState, currentState, componentState;
+      return _regeneratorRuntime.wrap(function openComponent$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             if (!((_this$componentChange = this.componentChange) !== null && _this$componentChange !== void 0 && _this$componentChange.isBlocked)) {
-              _context2.next = 3;
+              _context3.next = 3;
               break;
             }
             (_this$componentChange2 = this.componentChange) === null || _this$componentChange2 === void 0 || (_this$componentChange3 = _this$componentChange2.callback) === null || _this$componentChange3 === void 0 || _this$componentChange3.call(_this$componentChange2);
-            return _context2.abrupt("return");
+            return _context3.abrupt("return");
           case 3:
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
             LOG$9.debug('openComponent', toJS(action));
             if (!action.url) {
-              _context2.next = 10;
+              _context3.next = 10;
               break;
             }
             LOG$9.businessEvent('onOpenModule', action.openInNewTab ? 'OpenUrlNewTab' : 'OpenUrl', "Open link ".concat(action.url), {
@@ -2138,16 +2227,16 @@ var ContentStore = /*#__PURE__*/function () {
               window.location.href = this.resoveUrl(action.url);
             }
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
-            return _context2.abrupt("return");
+            return _context3.abrupt("return");
           case 10:
-            _ref2 = action, type = _ref2.type, identifier = _ref2.identifier, parameters = _ref2.parameters, internal = _ref2.internal, route = _ref2.route, openInFullscreen = _ref2.openInFullscreen, keepOldState = _ref2.keepOldState;
+            _ref4 = action, type = _ref4.type, identifier = _ref4.identifier, parameters = _ref4.parameters, internal = _ref4.internal, route = _ref4.route, openInFullscreen = _ref4.openInFullscreen, keepOldState = _ref4.keepOldState;
             config = undefined;
             if (!openInFullscreen) {
-              _context2.next = 15;
+              _context3.next = 15;
               break;
             }
             this.openComponentInFullscreen(action);
-            return _context2.abrupt("return");
+            return _context3.abrupt("return");
           case 15:
             if (type) {
               config = this.availableComponents.find(function (c) {
@@ -2159,7 +2248,7 @@ var ContentStore = /*#__PURE__*/function () {
               });
             }
             if (!(((_config2 = config) === null || _config2 === void 0 ? void 0 : _config2.type) == 'CATEGORY_MANAGER' || ((_config3 = config) === null || _config3 === void 0 ? void 0 : _config3.type) == 'ASSORTMENT_MANAGER')) {
-              _context2.next = 23;
+              _context3.next = 23;
               break;
             }
             parent = undefined;
@@ -2173,7 +2262,7 @@ var ContentStore = /*#__PURE__*/function () {
               });
             }
             if (!parent) {
-              _context2.next = 23;
+              _context3.next = 23;
               break;
             }
             this.openModal({
@@ -2197,30 +2286,30 @@ var ContentStore = /*#__PURE__*/function () {
               }
             });
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
-            return _context2.abrupt("return");
+            return _context3.abrupt("return");
           case 23:
             newTab = action.openInNewTab || ((_config6 = config) === null || _config6 === void 0 ? void 0 : _config6.openInNewTab);
             if (!newTab) {
-              _context2.next = 29;
+              _context3.next = 29;
               break;
             }
             base = typeof action.openInNewTab == 'string' ? action.openInNewTab : window.origin;
             this.openInNewTab(action, "".concat(base).concat(((_config7 = config) === null || _config7 === void 0 ? void 0 : _config7.route) || ''));
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
-            return _context2.abrupt("return");
+            return _context3.abrupt("return");
           case 29:
             if (!(!this.root.dataStore.user && !this.isPublic(action))) {
-              _context2.next = 35;
+              _context3.next = 35;
               break;
             }
             LOG$9.debug("Component is restricted, open login form");
             this._restrictedComponent = action;
             this.root.authorizationStore.showLogin();
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
-            return _context2.abrupt("return");
+            return _context3.abrupt("return");
           case 35:
             if (config) {
-              _context2.next = 40;
+              _context3.next = 40;
               break;
             }
             this._restrictedComponent = action;
@@ -2231,7 +2320,7 @@ var ContentStore = /*#__PURE__*/function () {
                 action: toJS(action)
               }
             }), 'CORE_0005');
-            return _context2.abrupt("return");
+            return _context3.abrupt("return");
           case 40:
             settings = undefined;
             if (config.settings) {
@@ -2285,7 +2374,7 @@ var ContentStore = /*#__PURE__*/function () {
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
           case 59:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
       }, openComponent, this);
     })
@@ -2294,8 +2383,8 @@ var ContentStore = /*#__PURE__*/function () {
     value: /*#__PURE__*/_regeneratorRuntime.mark(function openComponentInFullscreen(component) {
       var _config10, _config11;
       var type, parameters, internal, route, config, settings, module, componentState;
-      return _regeneratorRuntime.wrap(function openComponentInFullscreen$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime.wrap(function openComponentInFullscreen$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             LOG$9.debug('openComponentInFullscreen', toJS(component));
             this.root.loadingAndErrorStore.setError(undefined);
@@ -2312,7 +2401,7 @@ var ContentStore = /*#__PURE__*/function () {
               });
             }
             if (config) {
-              _context3.next = 10;
+              _context4.next = 10;
               break;
             }
             this._restrictedComponent = component;
@@ -2323,24 +2412,24 @@ var ContentStore = /*#__PURE__*/function () {
                 component: toJS(component)
               }
             }), 'CORE_0005');
-            return _context3.abrupt("return");
+            return _context4.abrupt("return");
           case 10:
             settings = undefined;
             if (!config.settings) {
-              _context3.next = 15;
+              _context4.next = 15;
               break;
             }
             settings = config.settings;
-            _context3.next = 18;
+            _context4.next = 18;
             break;
           case 15:
-            _context3.next = 17;
+            _context4.next = 17;
             return this.root.configurationStore.fetchConfiguration({
               identifier: config.identifier,
               type: config.type
             });
           case 17:
-            settings = _context3.sent;
+            settings = _context4.sent;
           case 18:
             module = this.mapTypeToModule((_config10 = config) === null || _config10 === void 0 ? void 0 : _config10.type);
             LOG$9.businessEvent('onOpenModule', module, "Open module ".concat((_config11 = config) === null || _config11 === void 0 ? void 0 : _config11.type));
@@ -2357,7 +2446,7 @@ var ContentStore = /*#__PURE__*/function () {
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
           case 24:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
       }, openComponentInFullscreen, this);
     })
@@ -2819,11 +2908,11 @@ var ContentStore = /*#__PURE__*/function () {
      */
   }, {
     key: "openDrawerMenu",
-    value: function openDrawerMenu(_ref3) {
+    value: function openDrawerMenu(_ref5) {
       var _this$_drawerMenu, _this$_drawerMenu2, _this$_drawerMenu$onC, _this$_drawerMenu3, _this$_drawerMenu$ope, _this$_drawerMenu4;
-      var _ref3$onClose = _ref3.onClose,
-        onClose = _ref3$onClose === void 0 ? this.closeDrawerMenu.bind(this) : _ref3$onClose,
-        drawerMenu = _objectWithoutProperties(_ref3, _excluded2$1);
+      var _ref5$onClose = _ref5.onClose,
+        onClose = _ref5$onClose === void 0 ? this.closeDrawerMenu.bind(this) : _ref5$onClose,
+        drawerMenu = _objectWithoutProperties(_ref5, _excluded2$1);
       if ((_this$_drawerMenu = this._drawerMenu) !== null && _this$_drawerMenu !== void 0 && _this$_drawerMenu.id && drawerMenu !== null && drawerMenu !== void 0 && drawerMenu.id && drawerMenu.id !== ((_this$_drawerMenu2 = this._drawerMenu) === null || _this$_drawerMenu2 === void 0 ? void 0 : _this$_drawerMenu2.id)) (_this$_drawerMenu$onC = (_this$_drawerMenu3 = this._drawerMenu).onClose) === null || _this$_drawerMenu$onC === void 0 || _this$_drawerMenu$onC.call(_this$_drawerMenu3);
       if (drawerMenu.open === undefined) drawerMenu.open = (_this$_drawerMenu$ope = (_this$_drawerMenu4 = this._drawerMenu) === null || _this$_drawerMenu4 === void 0 ? void 0 : _this$_drawerMenu4.open) !== null && _this$_drawerMenu$ope !== void 0 ? _this$_drawerMenu$ope : false;
       this._drawerMenu = _objectSpread$a(_objectSpread$a({}, drawerMenu), {}, {
@@ -2870,113 +2959,14 @@ var ContentStore = /*#__PURE__*/function () {
     value: function bannerInLocalStorage(banner) {
       return this.root.browserStateStore.bannerInLocalStorage(banner);
     }
-
-    /**
-     * Sends an email and if specified opens an input dialog before sending
-     */
   }, {
-    key: "sendEmail",
-    value: function sendEmail(_ref4) {
-      var _this7 = this;
-      var dialogText = _ref4.dialogText,
-        showDialog = _ref4.showDialog,
-        callback = _ref4.callback,
-        content = _ref4.content,
-        mailSendCallback = _ref4.mailSendCallback,
-        dialogAcceptMailSend = _ref4.dialogAcceptMailSend;
-      return /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var accepted, _content$language$toU, _content$language;
-        return _regeneratorRuntime.wrap(function _callee2$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              accepted = showDialog === false;
-              if (!(showDialog !== false)) {
-                _context4.next = 4;
-                break;
-              }
-              _context4.next = 4;
-              return new Promise(function (resolve) {
-                return _this7.openModal({
-                  reject: true,
-                  accept: true,
-                  text: dialogText ? _this7.root.t(dialogText, {
-                    to: content.to
-                  }) : _this7.root.t('email.question.default', {
-                    to: content.to
-                  }),
-                  callback: function callback(accept) {
-                    accepted = !!accept;
-                    resolve();
-                  }
-                });
-              });
-            case 4:
-              if (accepted) {
-                _context4.next = 6;
-                break;
-              }
-              return _context4.abrupt("return");
-            case 6:
-              if (showDialog !== false) _this7.root.loadingAndErrorStore.toggleLoading('sendingEmail');
-              _context4.prev = 7;
-              content.language = (_content$language$toU = (_content$language = content.language) === null || _content$language === void 0 ? void 0 : _content$language.toUpperCase()) !== null && _content$language$toU !== void 0 ? _content$language$toU : instance.language.toUpperCase();
-              _context4.next = 11;
-              return _this7.root.apiHandler.sendEmail({
-                content: content,
-                organizationIds: _this7.root.dataStore.fullParentList
-              });
-            case 11:
-              if (callback) {
-                callback(true);
-              } else {
-                if (showDialog !== false) {
-                  _this7.openModal({
-                    text: _this7.root.t('email.send.success'),
-                    accept: dialogAcceptMailSend !== null && dialogAcceptMailSend !== void 0 ? dialogAcceptMailSend : true,
-                    reject: dialogAcceptMailSend ? true : false,
-                    callback: function callback(accept) {
-                      if (accept && mailSendCallback) {
-                        mailSendCallback === null || mailSendCallback === void 0 || mailSendCallback();
-                      }
-                    }
-                  });
-                }
-              }
-              _context4.next = 18;
-              break;
-            case 14:
-              _context4.prev = 14;
-              _context4.t0 = _context4["catch"](7);
-              LOG$9.error(_context4.t0);
-              if (callback) {
-                callback(false);
-              } else {
-                if (showDialog !== false) {
-                  _this7.openModal({
-                    text: _this7.root.t('email.send.error'),
-                    accept: true
-                  });
-                }
-              }
-            case 18:
-              _context4.prev = 18;
-              if (showDialog !== false) _this7.root.loadingAndErrorStore.toggleLoading('sendingEmail');
-              return _context4.finish(18);
-            case 21:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee2, null, [[7, 14, 18, 21]]);
-      })();
-    }
-
+    key: "getState",
+    value:
     /**
      * Retruns the current state of the named component
      * @param type
      */
-  }, {
-    key: "getState",
-    value: function getState(type) {
+    function getState(type) {
       var state = this.state.get(type);
       return state ? _objectSpread$a(_objectSpread$a({}, state), {}, {
         isVisible: this.isVisible(type)
@@ -3026,7 +3016,7 @@ var ContentStore = /*#__PURE__*/function () {
           }
         }, _callee3, this);
       }));
-      function setContainer(_x) {
+      function setContainer(_x2) {
         return _setContainer.apply(this, arguments);
       }
       return setContainer;
@@ -3056,10 +3046,10 @@ var ContentStore = /*#__PURE__*/function () {
     key: "availableComponents",
     get: function get() {
       var _this$root,
-        _this8 = this;
+        _this7 = this;
       return (_this$root = this.root) === null || _this$root === void 0 ? void 0 : _this$root.configurationStore.components.filter(function (component) {
         //the component must be passed to diva core
-        if (!_this8.configuration.find(function (config) {
+        if (!_this7.configuration.find(function (config) {
           return config.name == component.type;
         })) {
           return false;
@@ -3070,11 +3060,11 @@ var ContentStore = /*#__PURE__*/function () {
           return true;
         }
         //if the user is not logged in the component must be public
-        if (!_this8.root.dataStore.user) {
+        if (!_this7.root.dataStore.user) {
           return false;
         }
         //if there is a permission specified, the user must have it
-        return component.permission ? _this8.root.dataStore.userHasPermission(component.permission) : true;
+        return component.permission ? _this7.root.dataStore.userHasPermission(component.permission) : true;
       });
     }
 
@@ -3084,14 +3074,14 @@ var ContentStore = /*#__PURE__*/function () {
   }, {
     key: "components",
     get: function get() {
-      var _this9 = this;
+      var _this8 = this;
       var componentDefinitionToRender = this.configuration.filter(function (config) {
         //there must be a state present in order for the component to be rendered
-        if (!_this9.state.has(config.name)) {
+        if (!_this8.state.has(config.name)) {
           return false;
         }
         //the component must be contained in the available components list in order to be rendered
-        return _this9.availableComponents.find(function (component) {
+        return _this8.availableComponents.find(function (component) {
           return component.type == config.name;
         });
       });
@@ -3099,7 +3089,7 @@ var ContentStore = /*#__PURE__*/function () {
       //when a new component is added we have to make sure that for the currently open components the existing instance is reused
       //withTransaction creates a new instance if APM is active, so we would loose the state of currently open components
       componentDefinitionToRender.forEach(function (cmp) {
-        var toRender = _this9._currentlyRendered.find(function (c) {
+        var toRender = _this8._currentlyRendered.find(function (c) {
           return c.name == cmp.name;
         });
         if (!toRender) {
@@ -3120,10 +3110,10 @@ var ContentStore = /*#__PURE__*/function () {
   }, {
     key: "fullscreenComponent",
     get: function get() {
-      var _this10 = this;
+      var _this9 = this;
       var component = this.availableComponents.find(function (component) {
-        var _this10$_fullscreenCo;
-        return component.type == ((_this10$_fullscreenCo = _this10._fullscreenComponent) === null || _this10$_fullscreenCo === void 0 ? void 0 : _this10$_fullscreenCo.key);
+        var _this9$_fullscreenCom;
+        return component.type == ((_this9$_fullscreenCom = _this9._fullscreenComponent) === null || _this9$_fullscreenCom === void 0 ? void 0 : _this9$_fullscreenCom.key);
       });
       var cmp = this.configuration.find(function (config) {
         return (component === null || component === void 0 ? void 0 : component.type) == config.name;
@@ -3170,24 +3160,24 @@ var ContentStore = /*#__PURE__*/function () {
     key: "availableButtons",
     get: function get() {
       var _this$root$configurat,
-        _this11 = this;
+        _this10 = this;
       return (_this$root$configurat = this.root.configurationStore.navigation) === null || _this$root$configurat === void 0 ? void 0 : _this$root$configurat.buttons.filter(function (button) {
         //if component is public it can be displayed
         if (button.isPublic) {
           return true;
         }
         //if the user is not logged in the component must be public
-        if (!_this11.root.dataStore.user) {
+        if (!_this10.root.dataStore.user) {
           return false;
         }
 
         //if the button is opening a component, the component must be availalbe
-        if (button.action.type && !_this11.availableComponentList.includes(button.action.type)) {
+        if (button.action.type && !_this10.availableComponentList.includes(button.action.type)) {
           return false;
         }
 
         //if there is a permission specified, the user must have it
-        return button.permission ? _this11.root.dataStore.userHasPermission(button.permission) : true;
+        return button.permission ? _this10.root.dataStore.userHasPermission(button.permission) : true;
       });
     }
 
@@ -3272,7 +3262,7 @@ var ContentStore = /*#__PURE__*/function () {
   }, {
     key: "updateStateAfterLogout",
     value: function updateStateAfterLogout() {
-      var _this12 = this;
+      var _this11 = this;
       var _iterator3 = _createForOfIteratorHelper(this.state.entries()),
         _step3;
       try {
@@ -3280,19 +3270,19 @@ var ContentStore = /*#__PURE__*/function () {
           var _step3$value = _slicedToArray(_step3.value, 2),
             type = _step3$value[0],
             component = _step3$value[1];
-          var config = _this12.root.configurationStore.components.find(function (c) {
+          var config = _this11.root.configurationStore.components.find(function (c) {
             return c.type == type;
           });
           if (!(config !== null && config !== void 0 && config.isPublic)) {
-            _this12.state["delete"](type);
-            if (_this12.visible == type) {
-              _this12.visible = undefined;
-              _this12._restrictedComponent = {
+            _this11.state["delete"](type);
+            if (_this11.visible == type) {
+              _this11.visible = undefined;
+              _this11._restrictedComponent = {
                 type: type,
                 parameters: component.parameters,
                 internal: component.internal
               };
-              _this12.root.authorizationStore.showLogin();
+              _this11.root.authorizationStore.showLogin();
             }
           }
         };
@@ -3326,8 +3316,8 @@ var ContentStore = /*#__PURE__*/function () {
         link = this.resoveUrl(action.url);
       } else {
         var _this$root$dataStore$5;
-        var _ref5 = action,
-          parameters = _ref5.parameters;
+        var _ref6 = action,
+          parameters = _ref6.parameters;
         var url = new URL(baseUrl);
         var params = url.searchParams;
         Object.entries(parameters || {}).forEach(function (param) {
@@ -8038,6 +8028,7 @@ var RootStore = /*#__PURE__*/function () {
     _defineProperty(this, "_onEvent", void 0);
     _defineProperty(this, "events", []);
     _defineProperty(this, "_initializing", true);
+    _defineProperty(this, "_initializingLocalization", true);
     _defineProperty(this, "_loginMode", (_ref2 = localStorage.getItem(LOGINMODE_LOCALSTORAGE_KEY)) !== null && _ref2 !== void 0 ? _ref2 : 'offline');
     _defineProperty(this, "_apiHandler", void 0);
     _defineProperty(this, "_productHandler", void 0);
@@ -8052,6 +8043,7 @@ var RootStore = /*#__PURE__*/function () {
     _defineProperty(this, "_initalComponent", void 0);
     makeObservable(this, {
       _initializing: observable,
+      _initializingLocalization: observable,
       _loginMode: observable,
       changeLanguage: action,
       changeLoginMode: action,
@@ -8083,10 +8075,12 @@ var RootStore = /*#__PURE__*/function () {
       var _this$configurationSt, _this$configurationSt2;
       return {
         namespace: (_this$configurationSt = _this.configurationStore.locales) === null || _this$configurationSt === void 0 ? void 0 : _this$configurationSt.namespace,
-        languages: (_this$configurationSt2 = _this.configurationStore.locales) === null || _this$configurationSt2 === void 0 ? void 0 : _this$configurationSt2.available
+        languages: (_this$configurationSt2 = _this.configurationStore.locales) === null || _this$configurationSt2 === void 0 ? void 0 : _this$configurationSt2.available,
+        initializingLocalization: _this.initializingLocalization
       };
     }, function (value, prev) {
-      if (!instance.isInitialized || value.namespace == prev.namespace && value.languages == prev.languages) return;
+      var _value$languages, _prev$languages;
+      if (!instance.isInitialized || value.namespace == prev.namespace && JSON.stringify((_value$languages = value.languages) !== null && _value$languages !== void 0 ? _value$languages : []) == JSON.stringify((_prev$languages = prev.languages) !== null && _prev$languages !== void 0 ? _prev$languages : [])) return;
       if (value.namespace) changeNamespace(value.namespace);else changeNamespace('default');
       if (value.languages && !value.languages.includes(instance.language)) {
         instance.changeLanguage(value.languages[0]);
@@ -8202,6 +8196,22 @@ var RootStore = /*#__PURE__*/function () {
       return this._initializing || !this.dataStore.organizationId;
     }
 
+    /**
+     * Is true if the application is still initializing the localization
+     */
+  }, {
+    key: "initializingLocalization",
+    get: function get() {
+      return this._initializingLocalization;
+    }
+    /**
+     * Sets the initializingLocalization flag
+     * @param value the new value
+     */,
+    set: function set(value) {
+      this._initializingLocalization = value;
+    }
+
     /**
      * Triggers an event from outside of the application
      * @param event the event
@@ -8362,7 +8372,7 @@ var RootStore = /*#__PURE__*/function () {
     value: (function () {
       var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(telemetry, identifier, organizationId, domain, language, component, analyticsProps) {
         var _this4 = this;
-        var _this$_initalComponen, _this$_initalComponen2, _configuration$pwa, _this$contentStore$cu, urlState, storedOrganization, initialOrganization, initAuthPromise, localizationPromise, configuration, header, manifest, verifyEmailToken, authObject, _authObject$code, _urlState$component, _authObject$code2, _authObject$code3, _authObject$code4, _authObject$additiona, _authObject$additiona2, _this$configurationSt5, email, _this$contentStore$cu2;
+        var _this$_initalComponen, _this$_initalComponen2, _configuration$pwa, _this$contentStore$cu, urlState, storedOrganization, initialOrganization, initAuthPromise, afterInitPromise, configuration, header, manifest, verifyEmailToken, authObject, _authObject$code, _urlState$component, _authObject$code2, _authObject$code3, _authObject$code4, _authObject$additiona, _authObject$additiona2, _this$configurationSt5, email, _this$contentStore$cu2;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -8401,7 +8411,7 @@ var RootStore = /*#__PURE__*/function () {
                 message: 'loading Config',
                 eventId: 'LOAD_CONFIG'
               });
-              localizationPromise = init({
+              afterInitPromise = init({
                 apiConfig: this.configurationStore.apiConfig
               }); //load core configuration based on initaly available information
               _context.next = 15;
@@ -8445,7 +8455,8 @@ var RootStore = /*#__PURE__*/function () {
                   }
                 });
               });
-              localizationPromise.then(function () {
+              afterInitPromise.then(function () {
+                _this4.initializingLocalization = false;
                 var warningText = _this4.t('init.deploymentwarntext', '');
                 if (warningText.trim() !== '' && _this4.doShowInitWarnBanner) {
                   var _this4$contentStore;
@@ -9433,7 +9444,7 @@ var DrawerMenu = observer(MobileDrawer);
 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; }
 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; }
 var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-9cb2d447.js');
+  return import('./ModalsWrapper-fc289964.js');
 });
 function Fullscreen(_ref) {
   var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -9891,10 +9902,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 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; }
 var LOG$2 = getLogger('Framework', 'Root');
 var LazyAuth = /*#__PURE__*/React.lazy(function () {
-  return import('./index-55ebb674.js');
+  return import('./index-b8bae93c.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-9cb2d447.js');
+  return import('./ModalsWrapper-fc289964.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();
@@ -10633,7 +10644,7 @@ var MockedRootStore = /*#__PURE__*/function () {
           },
           sendEmail: function sendEmail(data) {
             if (_this2.actions.sendEmail) {
-              _this2.actions.sendEmail(data);
+              return _this2.actions.sendEmail(data);
             } else {
               throw new Error('Method not implemented.');
             }