@crystaldesign/diva-core 25.12.0-beta.8 → 25.12.0-rc.0

package/build/esm/{index-794599ae.js → index-0d5dd25b.js}

@@ -46,7 +46,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"25.12.0-beta.8"};
+    const env = {"STAGE":"production","VERSION":"25.12.0-rc.0"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -1610,14 +1610,15 @@ var DataStore = /*#__PURE__*/function () {
   }]);
 }();
 
-var instance = i18n.createInstance().use(HttpApi).use(LanguageDetector);
+var instance = i18n.createInstance().use(HttpApi);
 function init(_ref) {
-  var apiConfig = _ref.apiConfig;
+  var apiConfig = _ref.apiConfig,
+    language = _ref.language;
   if (instance.isInitialized) {
     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,10 +1626,20 @@ 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) {
-    var loadPath = "".concat(apiConfig.adminService, "/locales?lng={{lng}}&ns={{ns}}");
-    var initOptions = {
+    instance.on('initialized', function () {
+      resolve();
+    });
+    instance.init({
       debug: false,
+      lng: language,
       defaultNS: 'default',
       fallbackNS: 'default',
       ns: ['default'],
@@ -1645,12 +1656,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 +1995,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 +2111,6 @@ var ContentStore = /*#__PURE__*/function () {
       _currentlyRendered: false,
       openComponent: flow,
       openComponentInFullscreen: flow,
-      sendEmail: flow,
       getState: false
     });
     reaction(function () {
@@ -2039,22 +2136,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 +2166,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 +2208,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 +2235,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 +2256,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 +2270,7 @@ var ContentStore = /*#__PURE__*/function () {
               });
             }
             if (!parent) {
-              _context2.next = 23;
+              _context3.next = 23;
               break;
             }
             this.openModal({
@@ -2197,30 +2294,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 +2328,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 +2382,7 @@ var ContentStore = /*#__PURE__*/function () {
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
           case 59:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
       }, openComponent, this);
     })
@@ -2294,8 +2391,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 +2409,7 @@ var ContentStore = /*#__PURE__*/function () {
               });
             }
             if (config) {
-              _context3.next = 10;
+              _context4.next = 10;
               break;
             }
             this._restrictedComponent = component;
@@ -2323,24 +2420,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 +2454,7 @@ var ContentStore = /*#__PURE__*/function () {
             this.root.loadingAndErrorStore.toggleLoading('openComponent');
           case 24:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
       }, openComponentInFullscreen, this);
     })
@@ -2819,11 +2916,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 +2967,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 +3024,7 @@ var ContentStore = /*#__PURE__*/function () {
           }
         }, _callee3, this);
       }));
-      function setContainer(_x) {
+      function setContainer(_x2) {
         return _setContainer.apply(this, arguments);
       }
       return setContainer;
@@ -3056,10 +3054,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 +3068,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 +3082,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 +3097,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 +3118,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 +3168,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 +3270,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 +3278,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 +3324,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) {
@@ -3553,7 +3551,7 @@ var _default = /*#__PURE__*/function () {
         return c.type == defaultModule;
       });
       if (error instanceof DivaError) {
-        var _error$custom5;
+        var _error$custom5, _error$custom6;
         if (code == 'CORE_0002') {
           var _error$custom;
           if ((_error$custom = error.custom) !== null && _error$custom !== void 0 && _error$custom.requestedOrganizationId) {
@@ -3575,12 +3573,13 @@ var _default = /*#__PURE__*/function () {
             route: route === null || route === void 0 ? void 0 : route.route
           };
           this._showLogout = true;
-        } else if (((_error$custom5 = error.custom) === null || _error$custom5 === void 0 ? void 0 : _error$custom5.httpStatus) == 403) {
+        } else if (((_error$custom5 = error.custom) === null || _error$custom5 === void 0 ? void 0 : _error$custom5.httpStatus) == 403 || ((_error$custom6 = error.custom) === null || _error$custom6 === void 0 ? void 0 : _error$custom6.httpStatus) == 500) {
           this._userFriendlyErrorMsg = this.root.t('portal.error.module.loginfailed');
           this._fallbackModule = {
             route: '/login',
             text: this.root.t('portal.error.invalidlogin.tologin')
           };
+          this._showLogout = false;
         }
       } else if (code == 'CORE_0005') {
         this._userFriendlyErrorMsg = this.root.t('portal.error.module.notfoundnopermission');
@@ -3648,7 +3647,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
     value: (function () {
       var _loadUrlState = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _route, _searchParams$get;
-        var searchParams, currentUrl, state, route, authdataString, _state$authdata;
+        var searchParams, currentUrl, state, route, authdataString, _state$authdata, _state$authdata2;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -3669,11 +3668,24 @@ 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.organization != ((_state$authdata = state.authdata) === null || _state$authdata === void 0 ? void 0 : _state$authdata.organizationId)) {
+                  state.organization = (_state$authdata2 = state.authdata) === null || _state$authdata2 === void 0 ? void 0 : _state$authdata2.organizationId;
+                  if (state.organization) {
+                    currentUrl.searchParams.set('organizationId', state.organization);
+                  } else {
+                    currentUrl.searchParams["delete"]('organizationId');
+                  }
                 }
               }
               searchParams["delete"]('lang');
@@ -3685,7 +3697,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
               currentUrl.searchParams["delete"]('authdata');
               history.replaceState(null, '', currentUrl.href);
               return _context.abrupt("return", state);
-            case 18:
+            case 19:
             case "end":
               return _context.stop();
           }
@@ -8038,6 +8050,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 +8065,7 @@ var RootStore = /*#__PURE__*/function () {
     _defineProperty(this, "_initalComponent", void 0);
     makeObservable(this, {
       _initializing: observable,
+      _initializingLocalization: observable,
       _loginMode: observable,
       changeLanguage: action,
       changeLoginMode: action,
@@ -8083,10 +8097,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,
+        language: instance.language
       };
-    }, function (value, prev) {
-      if (!instance.isInitialized || value.namespace == prev.namespace && value.languages == prev.languages) return;
+    }, function (value) {
+      if (!value.initializingLocalization) 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 +8218,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 +8394,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, loadedOrganization, email, _this$contentStore$cu2;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -8401,8 +8433,9 @@ var RootStore = /*#__PURE__*/function () {
                 message: 'loading Config',
                 eventId: 'LOAD_CONFIG'
               });
-              localizationPromise = init({
-                apiConfig: this.configurationStore.apiConfig
+              afterInitPromise = init({
+                apiConfig: this.configurationStore.apiConfig,
+                language: language
               }); //load core configuration based on initaly available information
               _context.next = 15;
               return this.configurationStore.fetchConfiguration({
@@ -8445,7 +8478,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;
@@ -8536,49 +8570,65 @@ var RootStore = /*#__PURE__*/function () {
               _context.next = 57;
               return initAuthPromise;
             case 57:
-              initialOrganization = _context.sent;
+              loadedOrganization = _context.sent;
               _context.next = 63;
               break;
             case 60:
               _context.next = 62;
-              return this.initializeAuthorization(initialOrganization || ((_this$configurationSt5 = this.configurationStore.organizations) === null || _this$configurationSt5 === void 0 ? void 0 : _this$configurationSt5[0]));
+              return this.initializeAuthorization(initialOrganization);
             case 62:
-              initialOrganization = _context.sent;
+              loadedOrganization = _context.sent;
             case 63:
+              if (!(loadedOrganization == undefined)) {
+                _context.next = 66;
+                break;
+              }
+              if (!this.browserStateStore.getStoredNToken() && this.configurationStore.hasAuthentication) {
+                this.loadingAndErrorStore.setError(new DivaError('Failed to initialize organization', {
+                  code: 'AUTH_0007',
+                  custom: {
+                    httpStatus: 500
+                  }
+                }), 'AUTH_0007');
+              }
+              return _context.abrupt("return");
+            case 66:
               if (!(!this.browserStateStore.getStoredNToken() && this.configurationStore.hasAuthentication)) {
-                _context.next = 67;
+                _context.next = 70;
                 break;
               }
               //if user is not logged in, show login form and exit initialization
               //The overwritten initComponent params get saved in restrictedComponent. this will later be evaluated in getRedirectUrl
               this.contentStore.restrictedComponent = this._initalComponent;
+
+              //if the default url is opened (no initial organization is provided), login without organization
               this.authorizationStore.showLogin(urlState.debugLogin, false, initialOrganization);
               return _context.abrupt("return");
-            case 67:
+            case 70:
               if (!verifyEmailToken) {
-                _context.next = 73;
+                _context.next = 76;
                 break;
               }
-              _context.next = 70;
+              _context.next = 73;
               return this.apiHandler.verifyEmail({
                 token: verifyEmailToken
               });
-            case 70:
-              email = _context.sent;
-              _context.next = 73;
-              return flowResult(this.authorizationStore.login(email, undefined, true, initialOrganization));
             case 73:
-              _context.next = 78;
+              email = _context.sent;
+              _context.next = 76;
+              return flowResult(this.authorizationStore.login(email, undefined, true, loadedOrganization));
+            case 76:
+              _context.next = 81;
               break;
-            case 75:
-              _context.prev = 75;
+            case 78:
+              _context.prev = 78;
               _context.t1 = _context["catch"](28);
               if (_context.t1 instanceof DivaError && _context.t1.name == 'AUTH_0006') {
                 LOG$4.errorTransaction('INITIALIZE_CORE', 'AUTH_0006', 'Existing verification token not valid.');
               } else {
                 LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0006', 'An error occured during initialization.');
               }
-            case 78:
+            case 81:
               this.initalizeView();
               if (this.jwt) {
                 DivaUtils.businessMetrics.jwtSetter = this.jwt;
@@ -8592,10 +8642,10 @@ var RootStore = /*#__PURE__*/function () {
                 language: instance.language,
                 component: (_this$contentStore$cu = this.contentStore.currentComponent) === null || _this$contentStore$cu === void 0 ? void 0 : _this$contentStore$cu.type
               });
-              _context.next = 88;
+              _context.next = 91;
               break;
-            case 83:
-              _context.prev = 83;
+            case 86:
+              _context.prev = 86;
               _context.t2 = _context["catch"](1);
               this.loadingAndErrorStore.toggleLoading('initalize', false);
               this.loadingAndErrorStore.setError(_context.t2);
@@ -8606,18 +8656,18 @@ var RootStore = /*#__PURE__*/function () {
                 language: instance.language,
                 component: (_this$contentStore$cu2 = this.contentStore.currentComponent) === null || _this$contentStore$cu2 === void 0 ? void 0 : _this$contentStore$cu2.type
               });
-            case 88:
-              _context.prev = 88;
+            case 91:
+              _context.prev = 91;
               this.loadingAndErrorStore.toggleLoading('initalize');
               runInAction(function () {
                 _this4._initializing = false;
               });
-              return _context.finish(88);
-            case 92:
+              return _context.finish(91);
+            case 95:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[1, 83, 88, 92], [28, 75]]);
+        }, _callee, this, [[1, 86, 91, 95], [28, 78]]);
       }));
       function initialize(_x, _x2, _x3, _x4, _x5, _x6, _x7) {
         return _initialize.apply(this, arguments);
@@ -8733,31 +8783,31 @@ var RootStore = /*#__PURE__*/function () {
     key: "initializeAuthorization",
     value: function () {
       var _initializeAuthorization = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(initialOrganization) {
-        var organizationId;
+        var _this$configurationSt5, organizationId;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
               _context4.prev = 0;
-              _context4.next = 3;
-              return flowResult(this.authorizationStore.autorize(initialOrganization, this.browserStateStore.getStoredNToken()));
-            case 3:
+              organizationId = !initialOrganization && !this.browserStateStore.getStoredNToken() ? (_this$configurationSt5 = this.configurationStore.organizations) === null || _this$configurationSt5 === void 0 ? void 0 : _this$configurationSt5[0] : initialOrganization;
+              _context4.next = 4;
+              return flowResult(this.authorizationStore.autorize(organizationId, this.browserStateStore.getStoredNToken()));
+            case 4:
               organizationId = _context4.sent;
-              _context4.next = 6;
+              _context4.next = 7;
               return flowResult(this.dataStore.updateOrganizationInternal(organizationId));
-            case 6:
+            case 7:
               return _context4.abrupt("return", organizationId);
-            case 9:
-              _context4.prev = 9;
+            case 10:
+              _context4.prev = 10;
               _context4.t0 = _context4["catch"](0);
-              this.loadingAndErrorStore.setError(_context4.t0);
               LOG$4.errorTransaction('INITIALIZE_CORE', 'CORE_0002', 'Error initializing Organization');
               this.loadingAndErrorStore.setError(_context4.t0, 'CORE_0002', true);
-              return _context4.abrupt("return", initialOrganization);
+              return _context4.abrupt("return");
             case 15:
             case "end":
               return _context4.stop();
           }
-        }, _callee4, this, [[0, 9]]);
+        }, _callee4, this, [[0, 10]]);
       }));
       function initializeAuthorization(_x14) {
         return _initializeAuthorization.apply(this, arguments);
@@ -9291,7 +9341,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-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";
+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  z-index: 3 !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";
 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; }
@@ -9361,7 +9411,7 @@ var MobileDrawer = function MobileDrawer(_ref) {
     if (snapPoints) {
       if (snapPoints[activeSnapPoint] > 1) {
         contentHeight = snapPoints[activeSnapPoint] + 'px';
-      } else contentHeight = 'calc(' + (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[activeSnapPoint]) * 100 + '%' + ' - 16px)';
+      } else contentHeight = 'calc(' + (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[activeSnapPoint]) * 100 + '%' + ' - 5px)';
     } else {
       contentHeight = 'fit-content';
     }
@@ -9389,10 +9439,15 @@ var MobileDrawer = function MobileDrawer(_ref) {
         className: classnames(drawerWrapper, direction === 'bottom' ? bottom : direction === 'left' ? left : direction === 'right' ? right : direction === 'top' ? top : undefined),
         style: _objectSpread$5({
           height: contentHeight,
-          maxWidth: maxWidth,
-          maxHeight: maxHeight ? maxHeight + 'px' : undefined
+          maxHeight: maxHeight ? maxHeight + 'px' : undefined,
+          maxWidth: maxWidth
         }, drawerStyle),
-        children: [['bottom', 'top'].includes(direction) && /*#__PURE__*/jsx(Drawer.Handle, {
+        children: [/*#__PURE__*/jsx(Drawer.Title, {
+          style: {
+            display: 'none'
+          },
+          children: "Settings Drawer"
+        }), ['bottom', 'top'].includes(direction) && /*#__PURE__*/jsx(Drawer.Handle, {
           className: handle,
           children: /*#__PURE__*/jsx("div", {
             className: drawerHandle,
@@ -9403,7 +9458,7 @@ var MobileDrawer = function MobileDrawer(_ref) {
         }), /*#__PURE__*/jsxs("div", {
           className: classnames(drawer, ['left', 'right'].includes(direction) ? onSide : undefined),
           onTouchMove: function onTouchMove(e) {
-            return e.stopPropagation();
+            if (!e.target.closest('.diva-stop-swipe-detection')) e.stopPropagation();
           },
           style: _objectSpread$5({
             height: contentHeight,
@@ -9433,7 +9488,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-7cf52266.js');
+  return import('./ModalsWrapper-a240a47e.js');
 });
 function Fullscreen(_ref) {
   var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -9891,10 +9946,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-e12dd8e3.js');
+  return import('./index-b2b214c5.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-7cf52266.js');
+  return import('./ModalsWrapper-a240a47e.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();
@@ -10633,7 +10688,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.');
             }