@crystaldesign/diva-core 25.11.0-rc.9 → 25.12.0-beta.10

package/build/esm/{index-d8ab1983.js → index-64dc9e3f.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.9"};
+    const env = {"STAGE":"production","VERSION":"25.12.0-beta.10"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -1610,15 +1610,14 @@ var DataStore = /*#__PURE__*/function () {
   }]);
 }();
 
-var instance = i18n.createInstance().use(HttpApi);
+var instance = i18n.createInstance().use(HttpApi).use(LanguageDetector);
 function init(_ref) {
-  var apiConfig = _ref.apiConfig,
-    language = _ref.language;
+  var apiConfig = _ref.apiConfig;
   if (instance.isInitialized) {
     return Promise.resolve();
   } else if (instance.isInitializing) {
     return new Promise(function (resolve, reject) {
-      instance.on('initialized', function () {
+      instance.on('loaded', function () {
         resolve();
       });
       instance.on('failedLoading', function (error) {
@@ -1626,20 +1625,10 @@ function init(_ref) {
       });
     });
   }
-  var loadPath = "".concat(apiConfig.adminService, "/locales?lng={{lng}}&ns={{ns}}");
-
-  //if the language is not fixed by parameter, use the language detector
-  if (!language) {
-    var languageDetector = new LanguageDetector();
-    instance.use(languageDetector);
-  }
   return new Promise(function (resolve, reject) {
-    instance.on('initialized', function () {
-      resolve();
-    });
-    instance.init({
+    var loadPath = "".concat(apiConfig.adminService, "/locales?lng={{lng}}&ns={{ns}}");
+    var initOptions = {
       debug: false,
-      lng: language,
       defaultNS: 'default',
       fallbackNS: 'default',
       ns: ['default'],
@@ -1656,8 +1645,12 @@ function init(_ref) {
         loadPath: loadPath,
         crossDomain: true
       }
-    }, function (error) {
-      if (error) reject(error);
+    };
+    instance.init(initOptions, function (error) {
+      if (error) {
+        reject(error);
+      }
+      resolve();
     });
   });
 }
@@ -1995,97 +1988,6 @@ 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;
@@ -2111,6 +2013,7 @@ var ContentStore = /*#__PURE__*/function () {
       _currentlyRendered: false,
       openComponent: flow,
       openComponentInFullscreen: flow,
+      sendEmail: flow,
       getState: false
     });
     reaction(function () {
@@ -2136,22 +2039,22 @@ var ContentStore = /*#__PURE__*/function () {
   return _createClass(ContentStore, [{
     key: "loadModelViewer",
     value: function () {
-      var _loadModelViewer = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _loadModelViewer = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!(!this._modelViewerHasLoaded && !window.customElements.get('model-viewer'))) {
-                _context2.next = 4;
+                _context.next = 4;
                 break;
               }
               this._modelViewerHasLoaded = true;
-              _context2.next = 4;
+              _context.next = 4;
               return import('@google/model-viewer');
             case 4:
             case "end":
-              return _context2.stop();
+              return _context.stop();
           }
-        }, _callee2, this);
+        }, _callee, this);
       }));
       function loadModelViewer() {
         return _loadModelViewer.apply(this, arguments);
@@ -2166,10 +2069,10 @@ var ContentStore = /*#__PURE__*/function () {
         return action.url;
       }
       var config = undefined;
-      var _ref3 = action,
-        type = _ref3.type,
-        parameters = _ref3.parameters,
-        route = _ref3.route;
+      var _ref = action,
+        type = _ref.type,
+        parameters = _ref.parameters,
+        route = _ref.route;
       if (type) {
         config = this.availableComponents.find(function (c) {
           return c.type == type;
@@ -2208,21 +2111,21 @@ var ContentStore = /*#__PURE__*/function () {
         _config6,
         _config8,
         _config9;
-      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) {
+      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) {
           case 0:
             if (!((_this$componentChange = this.componentChange) !== null && _this$componentChange !== void 0 && _this$componentChange.isBlocked)) {
-              _context3.next = 3;
+              _context2.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 _context3.abrupt("return");
+            return _context2.abrupt("return");
           case 3:
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
             LOG$9.debug('openComponent', toJS(action));
             if (!action.url) {
-              _context3.next = 10;
+              _context2.next = 10;
               break;
             }
             LOG$9.businessEvent('onOpenModule', action.openInNewTab ? 'OpenUrlNewTab' : 'OpenUrl', "Open link ".concat(action.url), {
@@ -2235,16 +2138,16 @@ var ContentStore = /*#__PURE__*/function () {
               window.location.href = this.resoveUrl(action.url);
             }
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
-            return _context3.abrupt("return");
+            return _context2.abrupt("return");
           case 10:
-            _ref4 = action, type = _ref4.type, identifier = _ref4.identifier, parameters = _ref4.parameters, internal = _ref4.internal, route = _ref4.route, openInFullscreen = _ref4.openInFullscreen, keepOldState = _ref4.keepOldState;
+            _ref2 = action, type = _ref2.type, identifier = _ref2.identifier, parameters = _ref2.parameters, internal = _ref2.internal, route = _ref2.route, openInFullscreen = _ref2.openInFullscreen, keepOldState = _ref2.keepOldState;
             config = undefined;
             if (!openInFullscreen) {
-              _context3.next = 15;
+              _context2.next = 15;
               break;
             }
             this.openComponentInFullscreen(action);
-            return _context3.abrupt("return");
+            return _context2.abrupt("return");
           case 15:
             if (type) {
               config = this.availableComponents.find(function (c) {
@@ -2256,7 +2159,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')) {
-              _context3.next = 23;
+              _context2.next = 23;
               break;
             }
             parent = undefined;
@@ -2270,7 +2173,7 @@ var ContentStore = /*#__PURE__*/function () {
               });
             }
             if (!parent) {
-              _context3.next = 23;
+              _context2.next = 23;
               break;
             }
             this.openModal({
@@ -2294,30 +2197,30 @@ var ContentStore = /*#__PURE__*/function () {
               }
             });
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
-            return _context3.abrupt("return");
+            return _context2.abrupt("return");
           case 23:
             newTab = action.openInNewTab || ((_config6 = config) === null || _config6 === void 0 ? void 0 : _config6.openInNewTab);
             if (!newTab) {
-              _context3.next = 29;
+              _context2.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 _context3.abrupt("return");
+            return _context2.abrupt("return");
           case 29:
             if (!(!this.root.dataStore.user && !this.isPublic(action))) {
-              _context3.next = 35;
+              _context2.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 _context3.abrupt("return");
+            return _context2.abrupt("return");
           case 35:
             if (config) {
-              _context3.next = 40;
+              _context2.next = 40;
               break;
             }
             this._restrictedComponent = action;
@@ -2328,7 +2231,7 @@ var ContentStore = /*#__PURE__*/function () {
                 action: toJS(action)
               }
             }), 'CORE_0005');
-            return _context3.abrupt("return");
+            return _context2.abrupt("return");
           case 40:
             settings = undefined;
             if (config.settings) {
@@ -2382,7 +2285,7 @@ var ContentStore = /*#__PURE__*/function () {
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
           case 59:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
       }, openComponent, this);
     })
@@ -2391,8 +2294,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$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime.wrap(function openComponentInFullscreen$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             LOG$9.debug('openComponentInFullscreen', toJS(component));
             this.root.loadingAndErrorStore.setError(undefined);
@@ -2409,7 +2312,7 @@ var ContentStore = /*#__PURE__*/function () {
               });
             }
             if (config) {
-              _context4.next = 10;
+              _context3.next = 10;
               break;
             }
             this._restrictedComponent = component;
@@ -2420,24 +2323,24 @@ var ContentStore = /*#__PURE__*/function () {
                 component: toJS(component)
               }
             }), 'CORE_0005');
-            return _context4.abrupt("return");
+            return _context3.abrupt("return");
           case 10:
             settings = undefined;
             if (!config.settings) {
-              _context4.next = 15;
+              _context3.next = 15;
               break;
             }
             settings = config.settings;
-            _context4.next = 18;
+            _context3.next = 18;
             break;
           case 15:
-            _context4.next = 17;
+            _context3.next = 17;
             return this.root.configurationStore.fetchConfiguration({
               identifier: config.identifier,
               type: config.type
             });
           case 17:
-            settings = _context4.sent;
+            settings = _context3.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));
@@ -2454,7 +2357,7 @@ var ContentStore = /*#__PURE__*/function () {
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
           case 24:
           case "end":
-            return _context4.stop();
+            return _context3.stop();
         }
       }, openComponentInFullscreen, this);
     })
@@ -2916,11 +2819,11 @@ var ContentStore = /*#__PURE__*/function () {
      */
   }, {
     key: "openDrawerMenu",
-    value: function openDrawerMenu(_ref5) {
+    value: function openDrawerMenu(_ref3) {
       var _this$_drawerMenu, _this$_drawerMenu2, _this$_drawerMenu$onC, _this$_drawerMenu3, _this$_drawerMenu$ope, _this$_drawerMenu4;
-      var _ref5$onClose = _ref5.onClose,
-        onClose = _ref5$onClose === void 0 ? this.closeDrawerMenu.bind(this) : _ref5$onClose,
-        drawerMenu = _objectWithoutProperties(_ref5, _excluded2$1);
+      var _ref3$onClose = _ref3.onClose,
+        onClose = _ref3$onClose === void 0 ? this.closeDrawerMenu.bind(this) : _ref3$onClose,
+        drawerMenu = _objectWithoutProperties(_ref3, _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), {}, {
@@ -2967,14 +2870,113 @@ 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: "getState",
-    value:
+    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]]);
+      })();
+    }
+
     /**
      * Retruns the current state of the named component
      * @param type
      */
-    function getState(type) {
+  }, {
+    key: "getState",
+    value: function getState(type) {
       var state = this.state.get(type);
       return state ? _objectSpread$a(_objectSpread$a({}, state), {}, {
         isVisible: this.isVisible(type)
@@ -3024,7 +3026,7 @@ var ContentStore = /*#__PURE__*/function () {
           }
         }, _callee3, this);
       }));
-      function setContainer(_x2) {
+      function setContainer(_x) {
         return _setContainer.apply(this, arguments);
       }
       return setContainer;
@@ -3054,10 +3056,10 @@ var ContentStore = /*#__PURE__*/function () {
     key: "availableComponents",
     get: function get() {
       var _this$root,
-        _this7 = this;
+        _this8 = 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 (!_this7.configuration.find(function (config) {
+        if (!_this8.configuration.find(function (config) {
           return config.name == component.type;
         })) {
           return false;
@@ -3068,11 +3070,11 @@ var ContentStore = /*#__PURE__*/function () {
           return true;
         }
         //if the user is not logged in the component must be public
-        if (!_this7.root.dataStore.user) {
+        if (!_this8.root.dataStore.user) {
           return false;
         }
         //if there is a permission specified, the user must have it
-        return component.permission ? _this7.root.dataStore.userHasPermission(component.permission) : true;
+        return component.permission ? _this8.root.dataStore.userHasPermission(component.permission) : true;
       });
     }
 
@@ -3082,14 +3084,14 @@ var ContentStore = /*#__PURE__*/function () {
   }, {
     key: "components",
     get: function get() {
-      var _this8 = this;
+      var _this9 = this;
       var componentDefinitionToRender = this.configuration.filter(function (config) {
         //there must be a state present in order for the component to be rendered
-        if (!_this8.state.has(config.name)) {
+        if (!_this9.state.has(config.name)) {
           return false;
         }
         //the component must be contained in the available components list in order to be rendered
-        return _this8.availableComponents.find(function (component) {
+        return _this9.availableComponents.find(function (component) {
           return component.type == config.name;
         });
       });
@@ -3097,7 +3099,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 = _this8._currentlyRendered.find(function (c) {
+        var toRender = _this9._currentlyRendered.find(function (c) {
           return c.name == cmp.name;
         });
         if (!toRender) {
@@ -3118,10 +3120,10 @@ var ContentStore = /*#__PURE__*/function () {
   }, {
     key: "fullscreenComponent",
     get: function get() {
-      var _this9 = this;
+      var _this10 = this;
       var component = this.availableComponents.find(function (component) {
-        var _this9$_fullscreenCom;
-        return component.type == ((_this9$_fullscreenCom = _this9._fullscreenComponent) === null || _this9$_fullscreenCom === void 0 ? void 0 : _this9$_fullscreenCom.key);
+        var _this10$_fullscreenCo;
+        return component.type == ((_this10$_fullscreenCo = _this10._fullscreenComponent) === null || _this10$_fullscreenCo === void 0 ? void 0 : _this10$_fullscreenCo.key);
       });
       var cmp = this.configuration.find(function (config) {
         return (component === null || component === void 0 ? void 0 : component.type) == config.name;
@@ -3168,24 +3170,24 @@ var ContentStore = /*#__PURE__*/function () {
     key: "availableButtons",
     get: function get() {
       var _this$root$configurat,
-        _this10 = this;
+        _this11 = 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 (!_this10.root.dataStore.user) {
+        if (!_this11.root.dataStore.user) {
           return false;
         }
 
         //if the button is opening a component, the component must be availalbe
-        if (button.action.type && !_this10.availableComponentList.includes(button.action.type)) {
+        if (button.action.type && !_this11.availableComponentList.includes(button.action.type)) {
           return false;
         }
 
         //if there is a permission specified, the user must have it
-        return button.permission ? _this10.root.dataStore.userHasPermission(button.permission) : true;
+        return button.permission ? _this11.root.dataStore.userHasPermission(button.permission) : true;
       });
     }
 
@@ -3270,7 +3272,7 @@ var ContentStore = /*#__PURE__*/function () {
   }, {
     key: "updateStateAfterLogout",
     value: function updateStateAfterLogout() {
-      var _this11 = this;
+      var _this12 = this;
       var _iterator3 = _createForOfIteratorHelper(this.state.entries()),
         _step3;
       try {
@@ -3278,19 +3280,19 @@ var ContentStore = /*#__PURE__*/function () {
           var _step3$value = _slicedToArray(_step3.value, 2),
             type = _step3$value[0],
             component = _step3$value[1];
-          var config = _this11.root.configurationStore.components.find(function (c) {
+          var config = _this12.root.configurationStore.components.find(function (c) {
             return c.type == type;
           });
           if (!(config !== null && config !== void 0 && config.isPublic)) {
-            _this11.state["delete"](type);
-            if (_this11.visible == type) {
-              _this11.visible = undefined;
-              _this11._restrictedComponent = {
+            _this12.state["delete"](type);
+            if (_this12.visible == type) {
+              _this12.visible = undefined;
+              _this12._restrictedComponent = {
                 type: type,
                 parameters: component.parameters,
                 internal: component.internal
               };
-              _this11.root.authorizationStore.showLogin();
+              _this12.root.authorizationStore.showLogin();
             }
           }
         };
@@ -3324,8 +3326,8 @@ var ContentStore = /*#__PURE__*/function () {
         link = this.resoveUrl(action.url);
       } else {
         var _this$root$dataStore$5;
-        var _ref6 = action,
-          parameters = _ref6.parameters;
+        var _ref5 = action,
+          parameters = _ref5.parameters;
         var url = new URL(baseUrl);
         var params = url.searchParams;
         Object.entries(parameters || {}).forEach(function (param) {
@@ -3667,20 +3669,11 @@ var BrowserStateStore = /*#__PURE__*/function () {
               };
               state.organization = (_searchParams$get = searchParams.get('organizationId')) !== null && _searchParams$get !== void 0 ? _searchParams$get : undefined;
               searchParams["delete"]('organizationId');
-
-              //for backwards compatibilty, if the channelId is set in the url, use that one as organization and update the url in the browser
-              if (searchParams.get('channelId')) {
-                state.organization = searchParams.get('channelId');
-                searchParams["delete"]('channelId');
-                currentUrl.searchParams.set('organizationId', state.organization);
-                currentUrl.searchParams["delete"]('channelId');
-              }
               authdataString = searchParams.get('authdata') || undefined;
               if (authdataString) {
                 state.authdata = JSON.parse(atob(authdataString));
-                if ((_state$authdata = state.authdata) !== null && _state$authdata !== void 0 && _state$authdata.organizationId && state.organization != state.authdata.organizationId) {
+                if ((_state$authdata = state.authdata) !== null && _state$authdata !== void 0 && _state$authdata.organizationId) {
                   state.organization = state.authdata.organizationId;
-                  currentUrl.searchParams.set('organizationId', state.organization);
                 }
               }
               searchParams["delete"]('lang');
@@ -3692,7 +3685,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
               currentUrl.searchParams["delete"]('authdata');
               history.replaceState(null, '', currentUrl.href);
               return _context.abrupt("return", state);
-            case 19:
+            case 18:
             case "end":
               return _context.stop();
           }
@@ -8045,7 +8038,6 @@ 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);
@@ -8060,7 +8052,6 @@ var RootStore = /*#__PURE__*/function () {
     _defineProperty(this, "_initalComponent", void 0);
     makeObservable(this, {
       _initializing: observable,
-      _initializingLocalization: observable,
       _loginMode: observable,
       changeLanguage: action,
       changeLoginMode: action,
@@ -8092,12 +8083,10 @@ 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,
-        initializingLocalization: _this.initializingLocalization
+        languages: (_this$configurationSt2 = _this.configurationStore.locales) === null || _this$configurationSt2 === void 0 ? void 0 : _this$configurationSt2.available
       };
     }, function (value, prev) {
-      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 (!instance.isInitialized || value.namespace == prev.namespace && value.languages == 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]);
@@ -8213,22 +8202,6 @@ 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
@@ -8389,7 +8362,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, 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;
+        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;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -8428,9 +8401,8 @@ var RootStore = /*#__PURE__*/function () {
                 message: 'loading Config',
                 eventId: 'LOAD_CONFIG'
               });
-              afterInitPromise = init({
-                apiConfig: this.configurationStore.apiConfig,
-                language: language
+              localizationPromise = init({
+                apiConfig: this.configurationStore.apiConfig
               }); //load core configuration based on initaly available information
               _context.next = 15;
               return this.configurationStore.fetchConfiguration({
@@ -8473,8 +8445,7 @@ var RootStore = /*#__PURE__*/function () {
                   }
                 });
               });
-              afterInitPromise.then(function () {
-                _this4.initializingLocalization = false;
+              localizationPromise.then(function () {
                 var warningText = _this4.t('init.deploymentwarntext', '');
                 if (warningText.trim() !== '' && _this4.doShowInitWarnBanner) {
                   var _this4$contentStore;
@@ -9320,7 +9291,7 @@ var bottom = "bottom-VZZjn";
 var top = "top-o1Wjp";
 var bottomSpacer = "bottom-spacer-kdhiH";
 var onSide = "on-side-JUQWn";
-var css_248z$3 = ".drawer-wrapper-QY9a7 {\n  transition:\n    opacity 0.3s ease,\n    transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.drawer-wrapper-QY9a7 {\n  outline: medium none invert;\n  outline: initial;\n  position: fixed;\n  width: 100%;\n  z-index: 14000;\n  pointer-events: auto;\n  opacity: 1;\n}\n\n.drawer-wrapper-QY9a7.vaul-dragging {\n  transition: opacity 0.3s ease !important;\n}\n\n[data-state='closed'].drawer-wrapper-QY9a7.left-SicAa,\n[data-state='closed'].drawer-wrapper-QY9a7.right-p1mpA {\n  opacity: 0;\n}\n\ndiv.handle-5tzN- {\n  background: transparent;\n}\n\n.overlay-vhpU9 {\n  background-color: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  animation: fadeIn-W2rJo 0.3s ease-in forwards;\n  z-index: 10000;\n}\n\n@keyframes fadeIn-W2rJo {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.drawer-handle-line-65wJw {\n  width: calc(36px);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.drawer-handle-zhmPW {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -10px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.drawer-P-5-0 {\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  border: 0px solid #e4e4e7;\n  border-bottom: none;\n  border-top-width: 1px;\n  z-index: 2000000;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  background-color: rgba(255, 255, 255, 0.95);\n}\n\n.drawer-header-FOHFa {\n  padding: 8px 32px;\n}\n\n.drawer-open #Diva-content-wrapper {\n  overflow: visible !important;\n}\n\n.scroll-wrapper-f27j2 {\n  overflow-y: auto;\n  overflow-x: hidden;\n  overscroll-behavior: contain;\n  padding: 0px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 12px;\n}\n\n.close-button-Tg2c5 {\n  position: absolute;\n  top: 18px;\n  right: 18px;\n  width: 32px;\n  height: 32px;\n  background: center / 70% no-repeat url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2248%22 viewBox%3D%220 -960 960 960%22 width%3D%2248%22 fill%3D%22%23ccc%22%3E%3Cpath d%3D%22m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition:\n    border-color 0.2s ease-in,\n    background-image 0.2s ease-in;\n  cursor: pointer;\n  z-index: 500;\n  border: 1px solid transparent;\n  border-radius: 50%;\n  padding: 0px;\n}\n\n.close-button-Tg2c5:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2248%22 viewBox%3D%220 -960 960 960%22 width%3D%2248%22 fill%3D%22%23aaa%22%3E%3Cpath d%3D%22m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #aaa;\n}\n\n.bottom-VZZjn {\n  bottom: 0;\n  right: 0;\n  left: 0;\n}\n\n.left-SicAa,\n.right-p1mpA {\n  bottom: 0;\n}\n.right-p1mpA {\n  right: 0;\n}\n\n.top-o1Wjp {\n  top: 0;\n  right: 0;\n  left: 0;\n}\n\nhtml body[data-scroll-locked] {\n  position: static !important;\n}\n\n.bottom-spacer-kdhiH {\n  min-height: 12px;\n}\n\n.on-side-JUQWn {\n  width: 100%;\n}\n";
+var css_248z$3 = ".drawer-wrapper-QY9a7 {\n  transition:\n    opacity 0.3s ease,\n    transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.drawer-wrapper-QY9a7 {\n  outline: medium none invert;\n  outline: initial;\n  position: fixed;\n  width: 100%;\n  z-index: 14000;\n  pointer-events: auto;\n  opacity: 1;\n}\n\n.drawer-wrapper-QY9a7.vaul-dragging {\n  transition: opacity 0.3s ease !important;\n}\n\n[data-state='closed'].drawer-wrapper-QY9a7.left-SicAa,\n[data-state='closed'].drawer-wrapper-QY9a7.right-p1mpA {\n  opacity: 0;\n}\n\ndiv.handle-5tzN- {\n  background: transparent;\n}\n\n.overlay-vhpU9 {\n  background-color: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  animation: fadeIn-W2rJo 0.3s ease-in forwards;\n  z-index: 10000;\n}\n\n@keyframes fadeIn-W2rJo {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.drawer-handle-line-65wJw {\n  width: calc(36px);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.drawer-handle-zhmPW {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -10px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.drawer-P-5-0 {\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  border: 0px solid #e4e4e7;\n  border-bottom: none;\n  border-top-width: 1px;\n  z-index: 2000000;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  background-color: rgba(255, 255, 255, 0.95);\n}\n\n.drawer-header-FOHFa {\n  padding: 8px 32px;\n}\n\n.drawer-open #Diva-content-wrapper {\n  overflow: visible !important;\n}\n\n.scroll-wrapper-f27j2 {\n  overflow-y: auto;\n  overflow-x: hidden;\n  overscroll-behavior: contain;\n  padding: 0px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 12px;\n}\n\n.close-button-Tg2c5 {\n  position: absolute;\n  top: 18px;\n  right: 18px;\n  width: 32px;\n  height: 32px;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2248%22 viewBox%3D%220 -960 960 960%22 width%3D%2248%22 fill%3D%22%23ccc%22%3E%3Cpath d%3D%22m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  transition:\n    border-color 0.2s ease-in,\n    background-image 0.2s ease-in;\n  cursor: pointer;\n  z-index: 500;\n  border: 1px solid transparent;\n  border-radius: 50%;\n  padding: 0px;\n}\n\n.close-button-Tg2c5:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2248%22 viewBox%3D%220 -960 960 960%22 width%3D%2248%22 fill%3D%22%23aaa%22%3E%3Cpath d%3D%22m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #aaa;\n}\n\n.bottom-VZZjn {\n  bottom: 0;\n  right: 0;\n  left: 0;\n}\n\n.left-SicAa,\n.right-p1mpA {\n  bottom: 0;\n}\n.right-p1mpA {\n  right: 0;\n}\n\n.top-o1Wjp {\n  top: 0;\n  right: 0;\n  left: 0;\n}\n\nhtml body[data-scroll-locked] {\n  position: static !important;\n}\n\n.bottom-spacer-kdhiH {\n  min-height: 12px;\n}\n\n.on-side-JUQWn {\n  width: 100%;\n}\n";
 styleInject(css_248z$3);
 
 function ownKeys$5(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; }
@@ -9432,7 +9403,7 @@ var MobileDrawer = function MobileDrawer(_ref) {
         }), /*#__PURE__*/jsxs("div", {
           className: classnames(drawer, ['left', 'right'].includes(direction) ? onSide : undefined),
           onTouchMove: function onTouchMove(e) {
-            if (!e.target.closest('.diva-stop-swipe-detection')) e.stopPropagation();
+            return e.stopPropagation();
           },
           style: _objectSpread$5({
             height: contentHeight,
@@ -9462,7 +9433,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-9700e8b5.js');
+  return import('./ModalsWrapper-520b6262.js');
 });
 function Fullscreen(_ref) {
   var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -9920,10 +9891,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-0b782da5.js');
+  return import('./index-1c3fc16d.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-9700e8b5.js');
+  return import('./ModalsWrapper-520b6262.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();
@@ -10662,7 +10633,7 @@ var MockedRootStore = /*#__PURE__*/function () {
           },
           sendEmail: function sendEmail(data) {
             if (_this2.actions.sendEmail) {
-              return _this2.actions.sendEmail(data);
+              _this2.actions.sendEmail(data);
             } else {
               throw new Error('Method not implemented.');
             }